SEO Fundamentals: Landmarks & Page Structure


A brief guide describing the basics behind ARIA landmarks and how to correctly use them within a webpage structure.

When creating layouts, designers and technologists must be aware of ARIA landmarks - HTML elements that define regions of a page which help a machine to better interpret the content.

Landmarks that are available for designers and developers include navigation, footer, banner, main, article, section, header, complimentary, aside, form and region.
Finally, unless the landmark begins with a header tag, each landmark must be labelled using an aria-label.
Page Structure Tutorial
For a more holistic understanding of how to structure pages and use landmarks, please carry out the World Wide Web Consortium (W3C) tutorial linked below.
When using the learnings within your own website, you should write the webpage using rich HTML syntax (i.e. avoid using only divs).
Looking to learn more about SEO ?
Search our blog to find educational content on learning SEO and more.