Web Design: Formatting a page: Using Heading Tags

How to correctly use Heading tags to format your page

Heading Tags do exactly what they describe, they tag the headings on your websites page.

They are important for both search engines and PageRank as when used correctly, they structure your page which gives the search bots an overview of the page in one glance.

They are also important aesthetically as they have set styles applied to them which should continue your brand and theme on the website once published.

Don’t be put off by the word tags though! They can easily be applied using the tool bar at your disposal when designing a page on your website as shown below.


To apply a heading tag to your text simply highlight it with your mouse and choose an option from the drop down box.

But which should I choose?

As you can see in the drop down box. Heading 1 is much bigger than Heading 6 and this is how it should be on your website. There is a bit more to it than that though.

In a nut shell, Heading 1 should be used for the main page or site title. Heading 2 would then be used for further sections within that page.

If those sub sections have further sub sections with a title, then heading 3 should be applied and so on.

This screenshot demonstrates the correct formatting.

Using this method ensures the sites headings and text is uniform across all pages and ensures the pages are structured correctly ready for indexing.


Preview of design for Formatting a page: Using Heading Tags

Copyright 2023. All Rights Reserved