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/
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
-
Best way to Load Responsive Images for Responsive Site?
Hello All, Can anyone suggest be best technique to load responsive images? We are developing responsive site so looking for good ideas from your side so that it load very fast. Thanks!
Web Design | | micey1230 -
Avg Page Load Time Increase After Responsive Web Design
The Avg. Page Load Time has been steadily increasing after our website went responsive. What could have cause this?
Web Design | | JMSCC1 -
Mergers & Acquisitions - Website Transition Good practice
Hi everyone, I was wondering if anyone has come across good practice for maintaining websites after a merger or acquisition where there needs to be an association between two websites of the two companies involved. For an acquisition, I'm considering moving the acquired company to a sub domain of the parent company e.g. aquiredcompany.parentcompany.com. On both websites there wmay be a prominant popup so visitors can switch between the websites if they have visited the incorrect one. One worry I have is the acquired company has some good rankings, which I want to keep. I will of course manage the process through 301 redirects. But I was wondering if anyone has any thoughts on this approach or can suggest any better solutions. Thanks in advance, Stuart
Web Design | | Stuart260 -
Best CMS for e-commerce
Our website is powered through Magento CMS although I am losing my patience with it. We are completely restricted as to what we can do. The development costs are high and ongoing. We are a fast moving company but we feel that Magento is not the right solution for the companies future. We can not style pages to drive conversions without putting styling requests to our developers which takes months to complete and the end results are not always as we would prefer, we would prefer to style the pages ourselves using blocks etc. Any suggestions would be much appreciated.
Web Design | | Jseddon920 -
Web Developments and Breakpoints for SEO
Google likes fast and clean pages. Pages load better when they are optimized for each platform. With the new Ultra HD resolutions and ultra phones, what is the optimal number of breakpoints for web page with images on them?
Web Design | | Atlanta-SMO0 -
Is there a best practice for using a general iso code for the EAME region and APAC region or should you break it out by country?
I am creating a strategy for multiple regions and the US comes to market different than EAME (Europe, Africa, Middle East) and China. We were planning on using language and iso codes in subfolder's but the corporation only wants their content to be in German, English, and Queens English. Our current decision is to use /en-US/, /en/, /de/, /en-CN/, /zh-CN/. /en/ and /de/ will be what we use for EAME. This doesn't seem like the best idea as I think /en/ will get indexed as the US version and not the EAME version. Any suggestion or if clarification is needed is greatly appreciated.
Web Design | | GodfreyB2B0 -
Which is the Best Web Hosting Company?
Which web hosting company is the best to use for SEO purposes? Also which company has the best cost and value?
Web Design | | bronxpad1 -
SEO ethical practice in question
A family friend asked me to take a look at her website. www.designsbymaida.com First thing i noticed is what seemed a 301 redirect or a forward to http://funktionaldesignstudios.com/dbm-old/ So her site is hosted with what it looks like, in his site(funktonaldesigns). What does this means in terms of how google sees her site and in terms of SEO. My thought is that he is boosting his domain name. He is getting the link juice. Thanks for the insight and help.
Web Design | | QualityHosting1