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
-
Best URL when adding an SSL certificate . . .
Our (small) company is a little late to the party on this, and we've only just realised that we're better off with an SSL certificate for our website. (Yes I know, I know, but we dropped SEO some time ago after getting severely bitten by a certain Penguin, and are only just making tentative step back to it after those intervening years, so we're running to get back up to date with these things.) This has now been implemented, but our web guy has dropped the 'www' element during the process. Our http://domain.com address has always historically been redicrected to our main http://www.domain.com address. Now our web guy has implemented the SSL cert, our website URL is appearing as https://domain.com, and he has redirected the http://www.domain.com to that new URL. Obviously all our historic (and more recent) link building has been to the http://www.domain.com address. Is this an issue, should the new Https URL keep the 'www', or does it make no difference what so ever? Conversely could it actually be of benefit dropping the 'www.' because our keyword specific product URL's are now 4 characters closer to the http and 4 digits shorter? Finally, on the links we have control of (professional trade associations etc) do we need to ask them to change the links to the new Https address, or does the transition from Http to Https make no difference?
Web Design | | Wookii0 -
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 Practices for home page design for ecommerce website
I know this question is not directly related to SEO, but I figured I have been getting some good help from this forum, so why not? The website is www.vrtack.com. I am looking to redesign the home page. It is an ecommerce website selling equestrian clothing and leather goods. My goals are: 1. Reduce the very high bounce rate and drop-off rate. 2. Fine tune the relevancy of the website towards a handful of keyword phrases. 3. Engage the visitor to create better click-through and to increase the average time spent on the page/site. 4. Page Loading time is of importance. It has to load quickly. I would love to hear some specific suggestions, examples, best practices.
Web Design | | amitramani0 -
Best way to add Google Analytics to a Joomla!
I am having difficulties installing (and getting it to work) google analytics to Joomla! 2.5.8 site. I have it working on some sites but then not on others even though I have installed it the same. Is there a recommended or easy way to do this that works?
Web Design | | Atlanta-SMO1 -
How can the Web site designer and the SEO strategist work together peacefully?
The organization I work for has decided to re-design or re-develop the existing company Web site. My part in this project is to come up with new features to add to the site, as well as making the site SEO-friendly (copywriting, link-building, keyword research, etc.). I don’t know a thing about Web site design, coding, format, etc., and I guess I will have to work with a designer on this project. How would I go about finding a Web site designer? Should they have some SEO knowledge? How much designer, coding and site structure knowledge should I have? And how do we not infringe on one another as we work together? (Sorry so many questions.)
Web Design | | Obie0 -
Changing my web design
When you redo your website, I assume that sometimes it might turn out worse. For example, users might just like your prior design better and thus your prior design might actually have better stats. My blog doesn't receive a lot of hits. I have about 1500 hits per months. I don't think that i have enough traffic for A/B testing. Is there a work around to see if my new blog design does better or worse?
Web Design | | jamesjd71 -
Best way of conserving link juice from non important pages
If I have a bunch of non important pages on my website which are of little use in the SE's index - IE contact us pages, pages which are near duplicate and conflict with KW's targetting other pages etc, what is the best way of retaining the link juice that would normally be passed to these pages? Most recent discussion I have read has said that with nofollow you effectively just loose link juice, as opposed to conserving it, so that doesn't seem a great option. If I do "noindex" on these pages, would that conserve the link juice in the site, or again would it be just lost? It seems quite a tricky situation as many pages are legitimate for customer usability, but are not worth having in the SE's index and you better off consolidating link juice - so it seems you are getting penilised for making something "for users". Thanks
Web Design | | James770 -
How is an SEO's time best used?
We have over 50 highly varied and niche sites in our company. Each website is for an annual event spread across the calendar. I am the solo SEO person here and was wondering what your opinions are about what would bring in the greatest SEO power in my limited daily allotment; link building? Keywords? Content? Oh, and to make my life even easier - its all based on SharePoint 2007!
Web Design | | DaveGerecht0