How to Design Your Blog Above The Fold

Large glossy image? Short video reel? A huge pop-up with a CTA or slider featuring your best blog posts? How will your above the fold screen look?

You’ve probably seen all of the above and even more variations on other blogs. The question is – how should you style this area on your website? Let’s investigate together!

Why Above The Fold Area Matters So Much?

Facts first.

New blog visitors spend 80% of their attention on studying the top of your page (“above the fold” area.) If nothing gauges their interest, they’ll just bounce off.

Next, 84% of users will scroll down further only if the “above the fold” area promised significant value e.g. to teach them something new, entertain, inspire or deliver something of their interest.

Basically, “above the fold” area should be designed to:

  • Make a good impression of you, your business goals and the value you can deliver.
  • Engage and entice readers to scroll down and click around your blog.
  • Help visitors understand where they are on your website and how to navigate to other pages.

What To Put in Above The Fold Area

Think of it as your prime real estate. It’s the façade of your brand. The impression it makes can make or break your “friendship” with a new reader. For starters, add the next elements:

Your Blog Name + Tagline:

A snappy, juicy bite describing what you are writing about and what’s your blog mission. Look how Monica from The Elgin Avenue immediately sets the right mood and expectations on her blog:

Your navigation:

Both new and returning readers would want to hop around your blog and discover what they are looking for straight of the bat.

The key here is to organize your top header the right way. Here are the pages to include:

  • About Me is the second most visited page on blogs. Give it a prominent placement at the beginning of your navigation area.
  • Main blog categories and subcategories.  Keep the wording simple and hide subcategories under the drop-down menus. New readers won’t get overwhelmed with the choices, while regulars will be able to quickly find what they need. If you need more tips for creating a great menu hierarchy, check out our previous post!
  • Include a search bar – for new and regular readers to discover specific content in a few taps.
  • Highlight your main offering. Do you have an awesome ebook? Just started a brand new podcast or have a “live updates” page on your blog that you want to drive traffic to? Great, make it bolder like Ella from Coco’s Tea Party:

Latest Posts or Featured Content: What’s Better?

The right answer will depend on your current analytics. You should be tracking and interpreting those numbers for sure!

Now, does your blog homepage mainly receive traffic from new visitors or returning folks? If you’re sending regular updates on new content to your followers and email subscribers, you may want to include featured content first and then display new blog posts below the fold. That’s what Amanda From Advice From a Twenty Something has been doing:

Quick No-Nos For Your Above The Fold Area Design

Don’t staff it with advertising. Yes, you may get a higher payout…but you’ll likely alienate some readers and compromise your brand integrity.

Don’t use huge, full-screen pop-ups.  The industry experts may say that those work great for getting more email subscribers. But they’re also annoying and often result in higher bounce rates.

Don’t waste this space with just a huge image and no words. Visuals are awesome…but they’ll not intrigue the user to click through. Spice it up with a good tagline and navigation to your main offering to make it work!


Are you a chloédigital publisher? Take action with this post by asking your support specialist about your blog design.  

Leave a Reply

Your email address will not be published. Required fields are marked *

End of content

All posts are loaded