What is: Above-the-fold (ATF)?

By Dmytro Spilka

Sep 21, 2017

What's Above The Fold

 

Peter Jobes

<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"><!-- [et_pb_line_break_holder] --><style type="text/css"><!-- [et_pb_line_break_holder] --> #mc_embed_signup{background:transparent; clear:left; font:12px Helvetica,Arial,sans-serif; width:100%;}<!-- [et_pb_line_break_holder] --> /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.<!-- [et_pb_line_break_holder] --> We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><div id="mc_embed_signup"><!-- [et_pb_line_break_holder] --><form action="https://solvid.us13.list-manage.com/subscribe/post?u=5164852564d3ba7103743bc16&id=fa1473dcff" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><!-- [et_pb_line_break_holder] --> <div id="mc_embed_signup_scroll"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Sign up for regular updates" required><div class="clear"><input type="submit" value="" name="subscribe" id="mc-embedded-subscribe" class="button"></div><!-- [et_pb_line_break_holder] --> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><!-- [et_pb_line_break_holder] --> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5164852564d3ba7103743bc16_fa1473dcff" tabindex="-1" value=""></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></form><!-- [et_pb_line_break_holder] --></div>

Definition of Above-The-Fold

Above-the-fold is a newspaper and magazine industry term. It simply means the top side of a paper or magazine’s front page, so that whatever is printed above-the-fold is visible when the material is folded in half.

Of course, we don’t fold our blogs. So, in regards to blogging, it’s the top part of a blog’s page that’s visible without having to scroll up or down the page.

To give you a visual explanation, here’s an example of Above-the-fold on our website:

Above The Fold Visual Example

It’s generally assumed that websites should use Above-the-fold to display the most important information, such as headlines and CTAs (Call-To-Actions) to catch readers’ attention. However, displaying an intrusive CTA may have a negative impact on user-experience as it may seem like you’re asking for something right off the bat.

Tip: Use above-the-fold section of your website to display a clear yet concise headline, stating who you are and what you do.

Further Reading:

1. Why Should SEO go Hand-in-Hand With UX

2. 15 Most Common User Experience Issues (and how to fix them)

3. 33 Critical Website Mistakes You Should Avoid At All Cost

Full Disclosure: This post contains affiliate links, which means that if you purchase or sign-up with one of the services, we may receive a commission.


Peter Jobes

Content Marketing Manager

Get free online marketing and blogging insights<br><!-- [et_pb_line_break_holder] -->Unsubscribe at any time<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"><!-- [et_pb_line_break_holder] --><style type="text/css"><!-- [et_pb_line_break_holder] --> #mc_embed_signup{background:transparent; clear:left; font:12px Helvetica,Arial,sans-serif; width:100%;}<!-- [et_pb_line_break_holder] --> /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.<!-- [et_pb_line_break_holder] --> We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><div id="mc_embed_signup"><!-- [et_pb_line_break_holder] --><form action="https://solvid.us13.list-manage.com/subscribe/post?u=5164852564d3ba7103743bc16&id=fa1473dcff" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><!-- [et_pb_line_break_holder] --> <div id="mc_embed_signup_scroll"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Sign up for regular updates" required><div class="clear"><input type="submit" value="" name="subscribe" id="mc-embedded-subscribe" class="button"></div><!-- [et_pb_line_break_holder] --> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><!-- [et_pb_line_break_holder] --> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5164852564d3ba7103743bc16_fa1473dcff" tabindex="-1" value=""></div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></form><!-- [et_pb_line_break_holder] --></div>

Join 1000s of

using Solvid.

234 customers signed up in the last 30 days

SEO Accreditation Large

Solvid is a creative SEO, Content and Digital PR agency. Solvid is a registered trademark of Solvi & Heirs LTD, registered in England and Wales. Registered Address: 6 St. Davids Square, London, England, E14 3WA

VAT: GB 326425708

Reg: 09697233

020 7072 8788

hello@solvid.co.uk