Which width for websites

For example, make sure that titles and meta descriptions are equivalent across both versions of all pages on the site. No changes are necessary for interlinking with separate mobile URLs m. Check hreflang links on separate mobile URLs. Ensure the servers hosting the site have enough capacity to handle potentially increased crawl rate. As the first criterion implies, scrolling is always a key consideration. So, when you design, you should consider how much users can see if they scroll only a screen full or two.

Any more than five screens long could be an indication to you that there might be too much copy on the page. Of course, this is balanced with the view that some articles are meant to be in-depth information pieces and users would expect to wait a little longer to view some page content and content types.

Both scrolling and initial visibility obviously depend on screen size : Bigger screens show more content above the fold and require less scrolling. As many things to do with Google optimisation — having a mobile-friendly website is more or less to ensure you KEEP the traffic you are already getting , not necessarily give you any more free traffic from Google. The quality bar is being raised — again — by Google, and its users — and if you want to compete in ever more competitive organic SERPs this is yet another hurdle for small businesses to get over.

In the LONG term — this mobile conversion can only be a good thing for your users — but in the short term — it will be interesting to see what effect it has on small businesses conversion rates — as conversion rates via mobile are often less than on desktop.

Web developers should find my other recent post useful now that site speed is a ranking factor in Google:. There is no set threshold or speed score to meet, just to make your page as fast as possible. The author does not vouch for third party sites or any third party service.

Visit third party sites at your own risk. I am not directly partnered with Google or any other third party. This website uses cookies only for analytics and basic website functions.

This article does not constitute legal advice. The author does not accept any liability that might arise form accessing the data presented on this site. Links to internal pages promote my own content and services. Moderated by Shaun Anderson.

About Us. Privacy Policy. Terms of Use. Back To Top. Automated page speed optimizations for fast site performance. A website needs to account for the large screen of a desktop computer, the small screens of a mobile device, and everything in between. Have we considered having some full width elements such as a full width header and footer. Full width elements are great as they break the design out of that squashed, boxed in restrictive structure which has been a hindrance since the conception of websites.

But why? A px wide max-width will fit nicely into that with 83px and the left and right. The popularity of resolution monitors makes it a reasonable choice to design for. To demonstrate this popularity using data from two million websites collect by StatCounter gives us the following winners. So based on these types what are the dimensions of a website? Screen width Pixels Maximum screen height Pixels Desktop market share.

Dec to Dec Percentage Desktop market share.