Header Design Best Practices

Header Design Best Practices

The header is likely the first thing a new visitor sees on a blog, so it is the first impression — but why is a blog header so much more important, or at least different, than the header of a basic website?

Blog headers need more functionality. Other web designs may differ in terms of their use and therefore, what’s included in the website header and how it’s presented can vary greatly.

With a blog specifically, though, there are best practices that can help the reader navigate through the blog and become better involved.

That’s exactly what this article will do. We’ll help you define what should be a part of a blog header and how to finally implement it, and then we’ll look at twenty awesome examples that do just that.

To determine how a blog header should be designed and what to put into it, we need to ask a few questions about the blog:

  • What mood needs to be set to attract the correct target audience?
  • How can the first impression via the header communicate what the blog is all about?
  • How can the blog’s header give the first impression, “I’m different from the others.”
  • What pieces of content need to be immediately noticeable to create better action? (clicking on links, subscribing, etc.)

Let’s dig a bit deeper…

 

What mood needs to be set to attract the correct target audience?

When a visitor first comes into any type of website, the first thing they determine is the blog’s “personality” — and whether or not it’s right for them.

This is essential for blog design, because blogs require the correct target audience to be successful.

For example: with content in the creative industry, a blog design should have a creative header to impress and inspire newcomers. A more technical or business blog will want a straight-forward, high-end header that is both aesthetically appealing, but yet fairly subtle.

 

How can the first impression via the header communicate what the blog is all about?

We have a part of this covered by developing the overall mood the header should create, but a header can do more than that to clarify to the new reader what this blog is about.

The very first impression discovers the personality of the blog, but what exactly is it all about? One could include a tagline with a logo that says it, or include a small paragraph/phrase telling the reader what this blog is and who it is for.

 

How can the blog’s header give the first impression, “I’m different from the others”?

Another way to put this is, “How is this blog going to be remembered?

If it will blend in to every other blog on the Internet, that’s not a good blog theme at all. This is why the header is a prime place for the logo, tagline, and any other branding.

The overall look and the content presented at first glance is what will stick, if presented well enough.

 

What pieces of content need to be immediately noticeable to create better action? (clicking on links, subscribing, etc.)

The header should be overall simple in terms of content, but some forms of content can be present to help aid in their call to action. After a new reader judges the initial impression of the blog and decides to stay, they’ll start looking for pieces of content and where to navigate.

When categories are immediately present, the viewer will look over them and find areas that interest them. When a search field is present or an RSS feed, they may not subscribe or do a search right away, of course, but they have made a subconscious note of its placement and where to find it in the future.

The options vary much beyond this, but basically any content placed in the header is the first impression for content, so it should be the most important and designed well.

 

You can view the tips, including 20 Great Examples of Header Design Best Practices over at WebsiteDesignerDepot.com

Development

(2 votes, average: 5.00 out of 5)

Note: This article was created for our customers' convenience only, excluding any guarantees or warranties. Installing, configuring, and troubleshooting third-party applications is outside the scope of AUSWEB support. The products or features mentioned in this article may not be related or applicable to your service(s).


AUSWEB is Australia's leading web-hosting and VMware Cloud solutions provider. Talk with our friendly sales staff today to see how we can help you.