Above The Fold

This section varies depending on the screen it’s displayed on. The size of a screen on different phone versions, tablets, laptops and monitors varies, but it’s whatever is on the screen without the user scrolling. The average fold is usually 1,000 pixels wide and 600 pixels tall.

You can use your website's analytics to inform you of the most common screen type of your users so you can edit your above the fold content to be optimize for that size.

Mobile Considerations

Mobile devices are becoming increasingly popular and can complicate the optimization of above the fold due to the wide variety of screen sizes. Since most people browse in portrait mode rather than landscape, you should ensure you keep that in mind when designing your page on mobile.

Having a responsive design is important to your layout being flexible with images and text appearing correctly. Responsive pages respond to the screen size they’re appearing in. Since mobile screens are also quite small, it’s important to not only have key content on the top of your page, but it should encourage scrolling so a user can see more content on your page. If you’re looking to improve your mobile landing page, you can read our blog post on The Ultimate Guide to Mobile Landing Page Optimization.

SEO

While having ads above the fold increases visibility, there are negative effects of this. Google's algorithm updates now penalize sites that have too many above the fold ads if the ads force webpage content below the fold. While it’s okay to have select ads above the fold, if sites have too many it can result in less SEO traffic.

It’s also important to test out different ad locations. You can leverage A/B testing to put elements on different locations on your page to test which one has the best performance. This can help optimize your site.

The #1 platform for delivering high-quality software releases, instantly.