
When Googlebot and Bingbot store the crawled pages in their index, they add a rich layer of annotation. Martin Splitt from Google confirmed this during SEJ Summit in June 2020. It gives them a better understanding (and confidence in their understanding) of your content, which helps them to index your content better, which in turn helps your SEO efforts.įabrice Canel from Bing stated in an appearance on my podcast this to be the case - pages with correctly implemented semantic HTML5 have an advantage in SEO over those that don’t. Accurately implemented semantic HTML5 gives a big helping hand to the indexing algorithms used by Googlebot and Bingbot. Semantic HTML5 is one of those seemingly small details that hits right at the core of indexing that is often underestimated. It is vital to embrace this newer version of HTML so you can make your content accessible to all possible site visitors. Most importantly, by telling them which is the most important content, you give them an explicit instruction to prioritize that content.įor users who are blind or visually impaired and rely on screen readers to verbally describe what is on a page, proper use of HTML5 semantic elements will allow screen readers to more accurately communicate your content by making the visual audible. If you can successfully communicate to Google and Bing which part of the page is the header, which is the footer, and which is for navigation, they will thank you. For them, the visual clues are phenomenally difficult to see and understand - they need your help. Google's and Bing’s bots (spiders) are, if not blind, seriously sight-impaired. Headers, menus, and (hopefully) the main content are all immediately visually apparent. Why do I need to use semantic HTML5 tags?įor sighted users, when a page is well designed visually, it is easy to identify the various parts of a web page at a glance. To screen readers and search engine bots, each element defines the role of the content contained within their tags. They give no information about the role the content they contain plays on the page. They serve only as holders to convey to the browser how the content should be displayed. These are examples of non-semantic HTML elements. If all this starts getting a bit overwhelming, stepping back and looking at an HTML introduction guide would be helpful.ĭiv and span tags. This guide assumes a ground-level understanding of adding HTML to a page. That explicit information helps robots/crawlers like Google and Bing to better understand which content is important, which is a subsidiary, which is for navigation, and so on.īy adding semantic HTML tags to your pages, you provide additional information that helps Google and Bing understand the roles and relative importance of the different parts of your page. Semantic HTML5 addresses this shortcoming by defining specific tags to indicate clearly what role is played by the content those tags contain. They give no indication as to what type of content they contain or what role that content plays in the page.
BASIC HTML5 TAGS HOW TO
If you know a little about HTML, you will know that HTML tags are (mostly) used to format content - these tags tell the browser how to display the content on the page.
