Semantic HTML5 provides us with an opportunity to improve our websites and optimize for search engines. We can take full advantage of these opportunities
SEO and HTML5 Semantic Markup
One of the best advantages of Semantic HTML5 is to enhance our website for the search engines by using machine-readable semantic HTML5 elements. This can describe page outlines and specially named containers which can help search engines and browsers to identify how our page is structured. For instance, the element <header> is its own element now, as is <nav>, and so on. Thus, we can describe our page outline, deploying these terms.
The most important element considered by the author is <article>. From his perspective, the ideal content is analysed by overall readers and search engine. Depending on how unique and well-built the content is, there is a high chance to be crawled by SEO. The author suggests to see how this works with a page loaded in your browser by toggling the reader view. In addition to this, he outlines despite not being incorrect to have more than one <article> element per page, this approach seems not be the best practice.
Other elements are displayed to support <article>. What he meant by this was, <section> element can correctly nest as a child of <article> in this case. However, the parent-child relationship between <article> and <section> can’t be reversed as long as they would be semantically logical.
Other elements such as <main>, <article>, <header>, <nav>, <footer>, <aside>, <section> can be indisputably important to shape the HTML semantic structure and delivery readable content to search engine. Consequently, across the SEO we can have access to more meaningful and well optimized content.