Google’s John Mueller discussed heading elements with a member of the SEO community where he affirmed the usefulness of using hierarchical structure when using heading elements.
Background Context to What Mueller Said
Heading elements
– are supposed to be used to indicate what a section of a webpage is about.
Furthermore the heading elements have a ranking order, with the
being the highest rank of importance and the being the lowest level of importance.
The heading element purpose is to label what a section of content is about.
HTML specifications allow the use of multiple
elements. So, technically, using more than one is perfectly valid.
Section 4.3.11 of the official HTML specifications states:
“h1–h6 elements have a heading level, which is given by the number in the element’s name.
If a document has one or more headings, at least a single heading within the outline should have a heading level of 1.”
Nevertheless, using more than one
is not considered a best practice.
The Mozilla developer reference page about the use of headings recommends:
“The
to
HTML elements represent six levels of section headings.
is the highest section level and
is the lowest.
…Avoid using multiple
elements on one page
While using multiple
elements on one page is allowed by the HTML standard (as long as they are not nested), this is not considered a best practice. A page should generally have a single
element that describes the content of the page (similar to the document’s
element).”</p> </blockquote> <p>John Mueller has previously said that it doesn’t matter if a webpage uses one <H1> or five <H1> headings.</p> <p>The point of his statement is that the level of the heading isn’t as important as how they are used, with the best practice being the use of headings for indicating what a section of content is about.</p> <h2>What Mueller Said on Twitter</h2> <p>A member of the SEO community was joking around and gently ribbed Mueller about using more than one H1.</p> <p>He tweeted:</p> <blockquote class="twitter-tweet"> <p>John Mu: “Your site is going to rank perfectly with no H1 tags or with five H1 tags,”</p> <p>Me: <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/21047" target="_blank" rel="noopener">pic.twitter.com/LEj59KfRBD</a></p> <p>— Deji Luminous (@deji_luminous) <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/21048" target="_blank" rel="noopener">February 2, 2023</a></p> </blockquote> <p>The SEO followed up by sharing how he preferred using the best practices for heading elements by using only one <H1>, to denote what the page is about and then using the rest of the headings in order of rank, give a webpage a hierarchical structure.</p> <p>A Hierarchical structure communicates sections of a webpage and any subsections within each section.</p> <p>He <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/21049" target="_blank" rel="noopener">tweeted</a>:</p> <blockquote> <p>“I’m too traditional with header elements. (HTML 4 for Life! lol)</p> <p>I’d still recommend using just one H1 element on a page.</p> <p>I patiently go back to pages to implement header hierarchy for fun.”</p> </blockquote> <p>John Mueller <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/21050" target="_blank" rel="noopener">tweeted his approval</a> in response:</p> <blockquote> <p>“I think that’s an awesome idea & a great practice.</p> <p>Header hierarchy is not just useful to Google, it’s also important for accessibility.</p> <p>(Google still has to deal with whatever weird things people throw up on the web, but being thoughtful in your work always makes sense.)”</p> </blockquote> <h2>Hierarchical Page Structure</h2> <p>In the early days of SEO, <H1> used to be counted as an important ranking factor, one that was more important than an <H2>.</p> <p>So, back then, one always put their most important keywords in the <H1> in order to signal to Google that the page was relevant for that keyword.</p> <p>H1 used to have more ranking power so it was essential to use the <H1> to help rankings.</p> <p>Google’s algorithm was using keywords as a way to “guess” what a webpage was about.</p> <p>Keywords in the anchor text, keywords in the title tag and keywords in the <H1> helped Google guess what a page was relevant for.</p> <p>But nowadays, Google doesn’t have to guess.</p> <p>It is able to understand what sections of a webpage are about, and consequently, what the entire webpage is about.</p> <p>Despite those advances, many SEOs still believe that using an <H1> is some kind of magic ranking factor.</p> <p>Headings are no longer about shouting what keyword you want to rank for.</p> <p>The role of heading elements are now about telling search engines what a section of content is about.</p> <p>Each section of a content is generally about something specific.</p> <p>Heading tags make it easier for search engines to know what a page is about.</p> <p>And that helps them rank the page for the topic.</p> <p>And according to the official HTML specifications, that’s technically the proper way to use heading elements.</p> <p>Lastly, Mueller mentioned a quality of the heading element as a way to better communicate for accessibility reasons, like for people who use screen readers.</p> <p>The official <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/21051" target="_blank" rel="noopener">HTML specifications say</a>:</p> <blockquote> <p>“Descriptive headings are especially helpful for users who have disabilities that make reading slow and for people with limited short-term memory.</p> <p>These people benefit when section titles make it possible to predict what each section contains.”</p> </blockquote> <p>So thank you John Mueller for calling attention to the benefits of using headings with a hierarchical structure, for calling attention to how hierarchical structure is useful for Google and for accessibility.</p> <p><em>Featured image by Shutterstock/Asier Romero</em></p> <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/15" target="_blank" rel="noopener"><img decoding="async" src="https://news.dmaillard.com/wp-content/uploads/2023/07/EN-970x250-1.jpg"></a> </div> <!-- .content --> <div class="post-pagination section-inner"> <div class="previous-post"> <a href="https://news.dmaillard.com/social-media/a-guide-to-social-media-algorithms-how-they-work/" rel="prev"><span>A Guide To Social Media Algorithms & How They Work</span></a> </div> <div class="next-post"> <a href="https://news.dmaillard.com/social-media/amplify-your-facebook-group-with-these-7-marketing-ideas/" rel="next"><span>Amplify Your Facebook Group With These 7 Marketing Ideas</span></a> </div> </div><!-- .post-pagination --> </div> <!-- .post --> <div class="section-inner wide"> <div class="related-posts"> <h3 class="related-posts-title">Related Posts</h3> <a class="related-post post-17278 post type-post status-publish format-standard has-post-thumbnail hentry category-seo has-thumbnail" id="post-17278" href="https://news.dmaillard.com/seo/does-google-treat-unlinked-mentions-like-links/"> <div class="bg-image related-post-image" style="background-image: url( https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2022/05/google-unlinked-mentions-624c0dc2d458c-sej.jpg?fit=600%2C315&ssl=1);"> <img src="https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2022/05/google-unlinked-mentions-624c0dc2d458c-sej.jpg?fit=600%2C315&ssl=1" /> </div> <h2 class="title"><span>Does Google Treat Unlinked Mentions Like Links?</span></h2> </a> <a class="related-post post-20468 post type-post status-publish format-standard has-post-thumbnail hentry category-seo has-thumbnail" id="post-20468" href="https://news.dmaillard.com/seo/5-ways-to-stop-clients-from-leaving-your-seo-agency/"> <div class="bg-image related-post-image" style="background-image: url( https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2023/06/featured-6476a979df851-sej.jpg?fit=600%2C315&ssl=1);"> <img src="https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2023/06/featured-6476a979df851-sej.jpg?fit=600%2C315&ssl=1" /> </div> <h2 class="title"><span>5 Ways To Stop Clients From Leaving Your SEO Agency</span></h2> </a> <a class="related-post post-19941 post type-post status-publish format-standard has-post-thumbnail hentry category-seo has-thumbnail" id="post-19941" href="https://news.dmaillard.com/seo/google-removes-job-search-experience-from-south-korean-search-results/"> <div class="bg-image related-post-image" style="background-image: url( https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2023/03/google-job-search-experience-6401d2a5941f0-sej.jpg?fit=600%2C315&ssl=1);"> <img src="https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2023/03/google-job-search-experience-6401d2a5941f0-sej.jpg?fit=600%2C315&ssl=1" /> </div> <h2 class="title"><span>Google Removes Job Search Experience From South Korean Search Results</span></h2> </a> <a class="related-post post-13976 post type-post status-publish format-standard has-post-thumbnail hentry category-seo has-thumbnail" id="post-13976" href="https://news.dmaillard.com/seo/what-is-a-serp-a-visual-guide-to-google-search-results-features/"> <div class="bg-image related-post-image" style="background-image: url( https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2021/09/what-is-a-serp-a-visual-guide-to-google-search-features-5f32ca917eac1.png?fit=600%2C315&ssl=1);"> <img src="https://i0.wp.com/news.dmaillard.com/wp-content/uploads/2021/09/what-is-a-serp-a-visual-guide-to-google-search-features-5f32ca917eac1.png?fit=600%2C315&ssl=1" /> </div> <h2 class="title"><span>What Is a SERP: A Visual Guide to Google Search Results & Features</span></h2> </a> </div><!-- .related-posts --> </div><!-- .section-inner.wide --> <footer class="site-footer section-inner"> <p class="copyright">© 2024 <a href="https://news.dmaillard.com" class="site-name">Digital Marketing News</a></p> <p class="theme-by">Theme by <a target="_blank" rel="nofollow" href="https://news.dmaillard.com/goto/14" >Anders Norén</a></p> </footer> <!-- footer --> </main> <script type="text/javascript" src="https://c0.wp.com/c/6.7.1/wp-includes/js/imagesloaded.min.js" id="imagesloaded-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.1/wp-includes/js/masonry.min.js" id="masonry-js"></script> <script type="text/javascript" id="mcluhan_global-js-extra"> /* <![CDATA[ */ var mcluhan_ajaxpagination = {"ajaxurl":"https:\/\/news.dmaillard.com\/wp-admin\/admin-ajax.php","query_vars":"{\"page\":\"\",\"name\":\"google-headings-with-hierarchical-structure-an-awesome-idea\",\"category_name\":\"seo\"}"}; /* ]]> */ </script> <script type="text/javascript" src="https://news.dmaillard.com/wp-content/themes/dmaillard/assets/js/global.js?ver=2.1.1" id="mcluhan_global-js"></script> <script type="text/javascript" src="https://stats.wp.com/e-202451.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="jetpack-stats-js-after"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"214331977\",\"post\":\"19490\",\"tz\":\"0\",\"srv\":\"news.dmaillard.com\",\"j\":\"1:14.1\"}") ]); _stq.push([ "clickTrackerInit", "214331977", "19490" ]); /* ]]> */ </script> <script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script> </body> </html> <!-- Page cached by LiteSpeed Cache 6.5.4 on 2024-12-22 22:21:21 -->