Best Practices for web layout dimensions
-
Hello Moz community,
I have my own ideas...but what are your opinions on best practices for landing page width size in pixels
900px
720px
What is a common pixel height for "above the fold"...my target is North America
-
Ryan, thx for the considered response
-
For width we go right to the edge so to speak, so 960px works great for us. Our best has been 960px wide by 480 to 550 px high.480 to 550 wide depends on how many tool bars are installed. As a landing page we will usually go with 480px.
-
I really like 960px for websites. It stays under 1024px and is very versatile for offering pages of varying even columns. A 960px frame is evenly divisible by 2,3,4,5,6,8,10,12 so you have a great deal of flexibility for columns throughout the page.
Occasionally you have a graphic which you wish to intentionally push past your natural border and 960px also offers a bit of room on each site for such expansion. I spent some time earlier this year researching this topic and in my opinion 960 is the magic number.
-
I'm not sure where this overlay originally came from, but - http://tctechcrunch.files.wordpress.com/2009/12/tcbrowsersize.png - shows user browser sizes.
However your best bet is to investigate responsive websites.
Perhaps try reading - http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ - http://www.alistapart.com/articles/responsive-web-design/ - and maybe - http://thatcoolguy.github.com/gridless-boilerplate/
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Have Your Thoughts Changed Regarding Canonical Tag Best Practice for Pagination? - Google Ignoring rel= Next/Prev Tagging
Hi there, We have a good-sized eCommerce client that is gearing up for a relaunch. At this point, the staging site follows the previous best practice for pagination (self-referencing canonical tags on each page; rel=next & prev tags referencing the last and next page within the category). Knowing that Google does not support rel=next/prev tags, does that change your thoughts for how to set up canonical tags within a paginated product category? We have some categories that have 500-600 products so creating and canonicalizing to a 'view all' page is not ideal for us. That leaves us with the following options (feel it is worth noting that we are leaving rel=next / prev tags in place): Leave canonical tags as-is, page 2 of the product category will have a canonical tag referencing ?page=2 URL Reference Page 1 of product category on all pages within the category series, page 2 of product category would have canonical tag referencing page 1 (/category/) - this is admittedly what I am leaning toward. Any and all thoughts are appreciated! If this were in relation to an existing website that is not experiencing indexing issues, I wouldn't worry about these. Given we are launching a new site, now is the time to make such a change. Thank you! Joe
Web Design | | Joe_Stoffel1 -
Best practices for ecommerce product categories?
I'm trying to optimise my ecommerce site's category/navigation structure so that it is: Intuitive for human users Keyword optimised, and Minimises duplicate content penalties Here is my dilemma. Let's say my site sells widgets. Some people search for widgets according to size (big widgets, medium widgets) while others search according to colour (green widgets, blue widgets). My keyword research suggests that I should target some keywords that relate to size, others that relate to colour, yet others relating to material, etc. I figured that I'd use one of these taxonomies as a category system, then set the others as filter elements. So my site's main navigation would say "Big Widgets | Medium Widgets | Small Widgets". If you click on any of them, or if you click on the "Widgets" supercategory, you'd reach a filter function allowing you to see only green widgets, or only plastic widgets, etc. So far so good - from a user perspective. The problem with this method is that Google isn't going to index my filter results. So someone Googling "green widgets" or "plastic widgets" is unlikely to find my site, even though I have plenty of green/plastic widgets that they could have filtered for. My next thought was to add some of these filter urls to my main navigation so they will be crawled. My filter mod generates urls for each filter (eg mysite.com/category?filter=k39;w24). So now I have a flashier navigation menu where clicking "Widgets" will pop out a panel allowing you to browse by size or by colour. I don't know whether users will find this helpful or redundant/confusing, but at least Google can see my filter urls. But I've run into two more problems. My filter results aren't really pages, so I can't set things like H1s, meta descriptions and so on. There's very little I can do to keyword optimise them. Further, I now have duplicate content, because the same widget can show up under multiple filter urls. And so I'm stuck here. I've thought about creating custom pages for each target keyword and manually listing products that pertain to each keyword. This will allow me to optimise the pages, but it's a lot of ongoing work (I have to update them whenever I get new stock), and I'm not sure my visitors will appreciate this - I suspect they would rather just browse/filter/search through my site than have to click through pages of manual curated content. I'd appreciate any thoughts or advice on figuring out my category and navigation system!
Web Design | | peekpeeka0 -
Best course of action when removing 100's of pages from your site?
We had a section on our site Legal News (we are a law firm). All we did there was rehash news stories from news sites (no original content). We decided to remove the entire Legal News section and we were left with close to 800 404's. Around this same time our rankings seemed to drop. Our webmaster implemented 301's to closely related content on our blog. In about a weeks time our rankings went back up. Our webmaster informed us that we should submit each url to Google for removal, which we did. Its been about three weeks and our Not Found errors in WMT is over 800 and seems to be increasing daily. Moz's crawler says we have only 35 404's and they are from our blog not the legal news section we removed. The last thing we want is to have another rankings drop. Is this normal? What is the best course of action when removing hundreds of pages from your site?
Web Design | | MFC0 -
What Are The Hazards to Changing Over to Responsive Web Design?
We have recently re-programmed our website to Responsive Web Design. All the URLs have remained the same, all the content is unchanged. We have this new version sitting on a development server and are finding ourselves hesitant to make the changeover. Our rankings are great currently, and our question is whether or not there are any risks that we will incur by making this change. We would appreciate any advice on how to implement this change safely. Or if that's it's even possible to insure that there won't be ranking losses.
Web Design | | gfiedel0 -
Web Designer Needed
So I feel like I've almost convinced my boss to hire out a re-design for our website (which is SORELY needed.) I'm at the step where I need to start finding quotes and site builders. I want a responsive design site built modern and professional... Love the moz site but not responsive enough. My current favorite example is at www.hasoffers.com Does anybody have any suggestions of where to go? And as a bonus, if anybody is brave enough to ballpark what a site like this would cost that would be awesome. Doesn't have to be exact or even that close... Thanks for any advice given.
Web Design | | jesse-landry0 -
Best way to handle Spanish/English WEBSITE
Hey guys, How are you doing? I have a website (www.aceromart.com ) in which the primary language is Spanish. The company is oriented toward the Mexican Audience. However, recently we are dealing with many U.S companies. Also, we want to be included in the Yahoo Directory and several other directories which demand a U.S version of the website. So i want to have a U.S version of the website. My ecommerce is based in the NETWORK Solutions platform and has around 1,000 products and pages. What is the best way to include an English version of the website. Ive seen some pages using the Google traslate tool, which only traslates the text. Hope to hear some of your ideas, Regards,
Web Design | | JesusD0 -
Best way to develop a WordPress version of your site and then move it?
I have two websites that generate hundreds of organic hits each day. I want to switch both of them to WordPress. What is the best way to go about developing these sites then making them live while still keeping the current ones up?
Web Design | | C-Style0 -
Best Site navigation solution
Hi there, We are getting our website redesigned and would like to know whether to increase the links on our site wide navigation or not. At the moment we have around 30 links from the navigation. We want to use exploding navigation menu and increase the links to our most important categories. Say if we increase to 60-70 would that be alright. (what will be the highest we can go for) At the moment categories that get links from navigation are ranking pretty good. If we increase would we loose those rankings. What will be the pros and cons of increasing navigation links? Second question we are also adding fooer links to top 10 categories in the footer. Would this be ok as far as seo and google concerned. Many Thanks
Web Design | | Jvalops0