Proper page structure is an important consideration for your website. It is a critical for strong SEO performance, helps improve the overall organization of your website and makes the site more user-friendly. Finally, page structure can make your website more accessible. Fortunately, proper page structure is quick and easy to achieve provided you give it some thought and outline each page.
Outline Your Pages
Each page of your website should start off with an optimized title. Below the title, you will want to include a description of the page content or call to action for the page. You can then lay out the rest of your content using headings.
Headings are used to create page structure in HTML documents using hierarchies. You start out with H1 and work your way down to H2, H3 and so on. In doing so, this creates a formal outline for your page content. You can make several headings under H2 or break the content down further as necessary.
Headings to Improve SEO
Search engine spiders use heading tags as they read the HTML on your website. If used correctly, heading tags can improve the search engine optimization of your pages. Keep in mind that these spiders rank text by their heading tag.
For example, text under an H1 heading will have more ranking in the search results than H6 text. Therefore, you need to think carefully about how to structure of your pages to create optimized content.
Headings to Improve Accessibility
Accessibility is important for the usability of your site. Headings are used to signal a starting point for text blocks within the page. The importance of the text blocks are defined by the numerical heading you assign to them, with H1 being the most important.
Including headings in your content will allow screen readers and assisted devices to navigate your pages by using the headings as anchors. As a result, pages are much more user friendly. Users can easily read page content because they can skip right to the relevant content without having to sift through all of the filler.
Avoid Headings to Style Text
Too many website designers try to use headings to style text. This is a common mistake that you will want to avoid. Using heading tags to define text characteristics such as the size is a bad habit. Instead, you will want to use heading tags exclusively for structure and apply CSS to define the style of all elements within your pages. If you decide to make changes to your site, it will be much easier to change styles in CSS, rather than going into your HTML and changing each individual heading tag. than it is to go into your HTML to change the tags of individual headings.
While you don’t have to do it all at once, taking the time to ensure you have proper page structure on your website is important. Over time you will notice an improvement in your SEO and the overall user-experience on your website. Small improvements to your site can make a significant difference in the performance and conversion rate of your website.