A web page consists of a structure, which is made up of different parts. But it is true that there are many types of websites, depending on the type of business or the objectives of each one.

In other words, an ecommerce website is not the same as a corporate website or a cooking blog. However, despite this, the structure of all of these has elements in common.

In a web page we can differentiate three parts: header or header, body or body and footer or footer. But today in this post we are going to focus on two of them, since many have doubts about what elements are necessary to include in the header for their website to be effective, as well as many forget the importance of the footer.

What is the header and footer of a web page?

The header is the upper part of the web and it must contain the main and basic information of the company. The header is repeated on each web page, just like the footer.

For its part, the footer is the bottom of a website and it is a permanent element, it appears the same on each of the pages. In the footer, the information that the user will find will be about legal information, the sitemap, social networks, among others that we will see below.

What are they for?

The header seeks greater usability for the user, since referring to the header, the menu is one of the elements that helps the user to find what they are looking for at all times.

Like the header, the footer is used to improve user usability. In addition, the inclusion of links and menus will improve SEO positioning.

All the information gathered in the footer will generate confidence in the user, since the contact data such as email, telephone or social networks transmits to them that it is a secure website.

Elements to include in the header

Depending on your type of website and what your goals are (conversion, branding or traffic), you should include those elements that you consider relevant in the header of your website.

Here are a few, but this doesn’t mean you should include all of them:

1. Logo

A branding element by which the user will quickly identify you is the logo . In addition, this will be the graphic by which your visitors remember you.

You can place it in the center, above the menu; in the center, but aligned with the menu (integrated as if it were part of the menu); or place it to one side, to the left or to the right (it is the most common).

Whichever you choose, remember to link your logo to your site’s home page. Always make it easy for your user.

2. Menu

This is another element that cannot be missing from a header, since it is the one that guides the user when browsing the web. You can opt for a single menu or a double one, depending on whether your website has many sections or if your ecommerce has infinite categories.

But otherwise, we recommend that you opt for the simple menu so that the user does not get lost.

3. Finder

Very functional for the user to search through keywords what he is looking for quickly. This can be displayed in different ways, as a magnifying glass or as a search bar. And the usual thing is to place it next to the menu or the logo.

4. Social networks

If your brand has a presence on social networks and you have worked well with your brand on these, you may be interested in highlighting your social network profiles. You can do it in the header, in the footer or in both. These are the sites that the user goes to look for them.

If your Instagram profile is neglected, it makes no sense to include it, since you will give an image of abandonment.

On the other hand, if your Facebook profile is very active and careful, include this social network, without taking away the prominence of other elements that are more relevant for the user to continue browsing the web.

5. Contact details

As with social network profiles, other important contact information is your phone number and email. These can be placed on the same line where your networks are, in a more reserved place; without removing prominence, for example, from the menu or a call to action.

6. Featured Buttons

If you want to highlight a service or are interested in guiding the user to a specific landing (registering on a platform or asking for a quote for a service), this option is ideal for drawing the user’s attention.

Other elements to take into account in the header are:

  • Language / Country: If your audience lives in other countries, you will need to add a language switcher for those countries.
  • Elements related to an online store: if you have an ecommerce or online store you must add a cart, account registration, wish list…

Elements to include in the footer

These are the elements that you should consider in your footer, depending of course on your type of website and objectives:

1. Legal texts

This is mandatory since the new data protection regulation, RGPD, came into force.

Here three main texts would come into play; the privacy policy, the legal notice and the cookies (this must appear in the form of a message or bar).

2. Navigation links

It is vital to include links to other sites on your website, so that before leaving the user can visit other relevant pages on my site, such as other services I offer or a contact form.

3. Posts / products

This seems interesting to us when your page is a blog or magazine, where you can add a widget to show your latest published posts or products from your store that you want to highlight.

4. Secure payment or trust seal

In the case of being an online store, both the seal of trust and the secure payment are two factors that give the user a lot of peace of mind.

5. Sitemap or site map

This is key for seo and usability. This is a file that shows Google information about URLs and other web content

Other elements to take into account to include in the footer are:

  • Contact information.
  • Designer credits.
  • Call to action to request a quote.
  • Subscription form to your newsletter.
  • Banners.

The header and the footer are two parts of a website that the better structured they are, the better the user will be able to navigate through it. Which means that they will stay on your website longer, they will easily find what they are looking for and you will also improve your positioning.