{"id":20754,"date":"2020-10-17T14:30:12","date_gmt":"2020-10-17T11:30:12","guid":{"rendered":"https:\/\/www.reliablesoft.net\/?p=20754"},"modified":"2021-06-27T20:55:42","modified_gmt":"2021-06-27T17:55:42","slug":"above-the-fold","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/above-the-fold\/","title":{"rendered":"How to Optimize Above the Fold Content (9 Tips)"},"content":{"rendered":"

If you\u2019ve been doing any research online about how to improve your website, you\u2019ve probably come across the term \u201cabove the fold\u201d.<\/p>\n

This region of your website is one of the most important areas of your website to optimize. Without taking the time to properly optimize this area, you\u2019re going to lose or even confuse visitors, and potentially see a drop in your search engine rankings.<\/p>\n

The moment a visitor lands on your site they\u2019re deciding whether or not they should stay. If you can properly optimize your above the fold content, you\u2019ll find it\u2019s much easier to hook your visitors and get them to stay on your site, read your content, and even become a subscriber or customer.<\/p>\n

In this post, you\u2019ll learn the above the fold meaning, why it matters, and what you can do to properly optimize your above the fold content.<\/p>\n

Towards the end of the post, you can also view some great above the fold examples<\/strong><\/a> to get inspired.<\/p>\n

What is above the fold?<\/h2>\n
\"above
Above the fold – Desktop and Mobile<\/figcaption><\/figure>\n

Above the fold relates to a concept from the early days of newspaper publishing and refers to the content that appeared on the top fold of the newspaper. This is what readers would see before they opened the paper and it would have to be great, or sensational, to capture their attention.<\/p>\n

In web terms, above the fold is any content your visitor sees the moment they land on your website, before scrolling. Users are used to scrolling these days (especially on mobile), but this area of online real estate is still incredibly important.<\/p>\n

For another example, think of a book cover. As you\u2019re browsing digital or in-person shelves, it\u2019s the job of the book cover to capture your attention. The cover of a book will influence a reader\u2019s opinion before they even turn the pages.<\/p>\n

The same goes for your above the fold content.<\/p>\n

For example, the New York Times of today mimics the old-school newspaper layout, but still has the most important content at the top fold of the page.<\/p>\n

\"Above
Example of ‘above the fold’ content.<\/figcaption><\/figure>\n

How is above the fold measured?<\/h2>\n

There is no strict measurement across the web for what constitutes above the fold. The exact location of where above and below the fold change depending on different screen sizes, resolutions, toolbars, browser customizations, along with whether a website is being viewed on a desktop or mobile device.<\/p>\n

On average though we can take the measurement of 1,000 pixels wide by 600px tall. This can be larger if the browser is as maximized as possible to 1024 wide by 786px tall.<\/p>\n

Think of it as a full-screen browser window on your laptop or desktop. The dimensions on mobile will be much smaller, but the same can still be applied.<\/p>\n

What\u2019s the first thing your visitors will see when they land on your website?<\/p>\n

Does the above fold matter anymore?<\/h2>\n

Every so often you\u2019ll hear that \u201cabove the fold is dead\u201d. On one hand, that sentiment can be right, but it\u2019s often referring to something much different than above the fold first impression.<\/p>\n

Those who call \u201cabove the fold\u201d dead are typically marketers who are referring to conversions and sales. They argue that having a big CTA, or sign-up box isn\u2019t the best way to convert visitors the moment they land on your site.<\/p>\n

However, above the fold content isn\u2019t meant for visitors to become subscribers or buyers right away. Instead, the goal is to grab their attention, make them engaged, then convert, either farther down the page, or in the future.<\/p>\n

Not only is above the fold content important for helping your readers know if they\u2019re in the right place but below the fold content is also very important.<\/div>\n

People will scroll down the page, but only if the above the fold content does its job.<\/p>\n

Here\u2019s what above the fold content is meant to do:<\/p>\n