Headings With Hierarchical Structure An “Awesome Idea”


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 on

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><strong>He tweeted:</strong></p> <blockquote class="twitter-tweet" data-width="550" data-dnt="true"> <p lang="en" dir="ltr">John Mu: “Your site is going to rank perfectly with no H1 tags or with five H1 tags,”</p> <p>Me: <a href="https://t.co/LEj59KfRBD" target="_blank" rel="noopener">pic.twitter.com/LEj59KfRBD</a></p> <p>— Deji Luminous (@deji_luminous) <a href="https://twitter.com/deji_luminous/status/1621074496668184576?ref_src=twsrc%5Etfw" 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 href="https://twitter.com/deji_luminous/status/1621078190272692224" 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><strong>John Mueller <a href="https://twitter.com/JohnMu/status/1621078755702870016" target="_blank" rel="noopener">tweeted his approval</a> in response:</strong></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 href="https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html" 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> </div> <p><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script><script></p> <p> var s_trigger_pixel_load = false; function s_trigger_pixel(){ if( !s_trigger_pixel_load ){ striggerEvent( 'load2' ); console.log('s_trigger_pix'); } s_trigger_pixel_load = true; } window.addEventListener( 'cmpready', s_trigger_pixel, false);</p> <p> window.addEventListener( 'load2', function() {</p> <p> if( sopp != 'yes' && !ss_u ){</p> <p> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js');</p> <p> if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }</p> <p> fbq('init', '1321385257908563'); </p> <p> fbq('track', 'PageView');</p> <p> fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'google-headings-with-hierarchical-structure-an-awesome-idea', content_category: 'news seo' }); } });</p> <p> </script><br /> <br /><br /> <br /><a href="https://www.searchenginejournal.com/google-headings-with-hierarchical-structure-an-awesome-idea/478491/">Source link </a></p> </div> </div> <div class="jeg_ad jeg_article jnews_content_bottom_ads "><div class='ads-wrapper '></div></div><div class="jnews_prev_next_container"><div class="jeg_prevnext_post"> <a href="https://socialnewshubb.com/2023/02/02/how-social-media-consistency-drives-business-results/" class="post prev-post"> <span class="caption">Previous Post</span> <h3 class="post-title">How Social Media Consistency Drives Business Results</h3> </a> <a href="https://socialnewshubb.com/2023/02/03/creative-block-is-inevitable-heres-how-our-social-team-beats-it/" class="post next-post"> <span class="caption">Next Post</span> <h3 class="post-title">Creative Block is Inevitable—Here’s How Our Social Team Beats It</h3> </a> </div></div><div class="jnews_author_box_container "></div><div class="jnews_related_post_container"></div><div class="jnews_popup_post_container"> <section class="jeg_popup_post"> <span class="caption">Next Post</span> <div class="jeg_popup_content"> <div class="jeg_thumb"> <a href="https://socialnewshubb.com/2023/02/03/creative-block-is-inevitable-heres-how-our-social-team-beats-it/"> <div class="thumbnail-container animate-lazy size-1000 "><img width="75" height="75" src="https://socialnewshubb.com/wp-content/themes/jnews/assets/img/jeg-empty.png" class="attachment-jnews-75x75 size-jnews-75x75 lazyload wp-post-image" alt="" title="" decoding="async" loading="lazy" data-src="https://blog.hootsuite.com/wp-content/uploads/2023/02/blog-header-creative-block-1080x1080-1.jpg" data-srcset="" data-sizes="auto" data-expand="700" /></div> </a> </div> <h3 class="post-title"> <a href="https://socialnewshubb.com/2023/02/03/creative-block-is-inevitable-heres-how-our-social-team-beats-it/"> Creative Block is Inevitable—Here's How Our Social Team Beats It </a> </h3> </div> <a href="#" class="jeg_popup_close"><i class="fa fa-close"></i></a> </section> </div><div class="jnews_comment_container"></div> </div> </div> <div class="jeg_sidebar jeg_sticky_sidebar col-md-4"> <div class="jegStickyHolder"><div class="theiaStickySidebar"><div class="widget widget_jnews_module_element_ads" id="jnews_module_element_ads-1"><div class='jeg_ad jeg_ad_module jnews_module_2585_0_64286264cec19 '><div class='ads-wrapper'><a href='#' target='_blank' rel="nofollow noopener" class='adlink ads_image '> <img src='https://socialnewshubb.com/wp-content/themes/jnews/assets/img/jeg-empty.png' class='lazyload' data-src='https://socialnewshubb.com/wp-content/uploads/2022/08/ad_345x345.jpg' alt='' data-pin-no-hover="true"> </a><a href='#' target='_blank' rel="nofollow noopener" class='adlink ads_image_tablet '> <img src='https://socialnewshubb.com/wp-content/themes/jnews/assets/img/jeg-empty.png' class='lazyload' data-src='https://socialnewshubb.com/wp-content/uploads/2022/08/ad_345x345.jpg' alt='' data-pin-no-hover="true"> </a><a href='#' target='_blank' rel="nofollow noopener" class='adlink ads_image_phone '> <img src='https://socialnewshubb.com/wp-content/themes/jnews/assets/img/jeg-empty.png' class='lazyload' data-src='https://socialnewshubb.com/wp-content/uploads/2022/08/ad_345x345.jpg' alt='' data-pin-no-hover="true"> </a></div></div></div><div class="widget widget_jnews_module_block_21" id="jnews_module_block_21-1"><div class="jeg_postblock_21 jeg_postblock jeg_module_hook jeg_pagination_disable jeg_col_1o3 jnews_module_2585_1_64286264cfa72 normal " data-unique="jnews_module_2585_1_64286264cfa72"> <div class="jeg_block_heading jeg_block_heading_1 jeg_subcat_right"> <h3 class="jeg_block_title"><span>Recommended</span></h3> </div> <div class="jeg_block_container"> <div class="jeg_posts jeg_load_more_flag"><article class="jeg_post jeg_pl_sm format-standard"> <div class="jeg_thumb"> <a href="https://socialnewshubb.com/2023/02/21/tiktoks-expanding-access-to-its-research-api-enabling-more-analysis-of-how-it-works/"><div class="thumbnail-container animate-lazy size-715 "><img width="120" height="86" src="https://socialnewshubb.com/wp-content/themes/jnews/assets/img/jeg-empty.png" class="attachment-jnews-120x86 size-jnews-120x86 lazyload wp-post-image" alt="" title="" decoding="async" loading="lazy" data-src="https://www.socialmediatoday.com/imgproxy/uJ7umI8ftTHviZl0NKcIEW8iimodrJ5i_5pEptBaKuM/g:ce/rs:fill:770:435:0/bG9jYWw6Ly8vZGl2ZWltYWdlL3Rpa3Rva19sb2dvLmpwZw.jpg" data-srcset="" data-sizes="auto" data-expand="700" /></div></a> </div> <div class="jeg_postblock_content"> <h3 class="jeg_post_title"> <a href="https://socialnewshubb.com/2023/02/21/tiktoks-expanding-access-to-its-research-api-enabling-more-analysis-of-how-it-works/">TikTok’s Expanding Access to its Research API, Enabling More Analysis of How it Works</a> </h3> <div class="jeg_post_meta"><div class="jeg_meta_date"><a href="https://socialnewshubb.com/2023/02/21/tiktoks-expanding-access-to-its-research-api-enabling-more-analysis-of-how-it-works/" ><i class="fa fa-clock-o"></i> 1 month ago</a></div></div> </div> </article><article class="jeg_post jeg_pl_sm format-standard"> <div class="jeg_thumb"> <a href="https://socialnewshubb.com/2022/10/12/the-definitive-guide-for-your-online-store/"><div class="thumbnail-container animate-lazy size-715 "><img width="120" height="86" src="https://socialnewshubb.com/wp-content/themes/jnews/assets/img/jeg-empty.png" class="attachment-jnews-120x86 size-jnews-120x86 lazyload wp-post-image" alt="" title="" decoding="async" loading="lazy" data-src="https://cdn.searchenginejournal.com/wp-content/uploads/2022/09/woocommerce-6328616632461-sej.png" data-srcset="" data-sizes="auto" data-expand="700" /></div></a> </div> <div class="jeg_postblock_content"> <h3 class="jeg_post_title"> <a href="https://socialnewshubb.com/2022/10/12/the-definitive-guide-for-your-online-store/">The Definitive Guide for Your Online Store</a> </h3> <div class="jeg_post_meta"><div class="jeg_meta_date"><a href="https://socialnewshubb.com/2022/10/12/the-definitive-guide-for-your-online-store/" ><i class="fa fa-clock-o"></i> 6 months ago</a></div></div> </div> </article></div> <div class='module-overlay'> <div class='preloader_type preloader_dot'> <div class="module-preloader jeg_preloader dot"> <span></span><span></span><span></span> </div> <div class="module-preloader jeg_preloader circle"> <div class="jnews_preloader_circle_outer"> <div class="jnews_preloader_circle_inner"></div> </div> </div> <div class="module-preloader jeg_preloader square"> <div class="jeg_square"> <div class="jeg_square_inner"></div> </div> </div> </div> </div> </div> <div class="jeg_block_navigation"> <div class='navigation_overlay'><div class='module-preloader jeg_preloader'><span></span><span></span><span></span></div></div> </div> <script>var jnews_module_2585_1_64286264cfa72 = {"header_icon":"","first_title":"Recommended","second_title":"","url":"","header_type":"heading_1","header_background":"","header_secondary_background":"","header_text_color":"","header_line_color":"","header_accent_color":"","header_filter_category":"","header_filter_author":"","header_filter_tag":"","header_filter_text":"","post_type":"post","content_type":"all","number_post":"2","post_offset":"","unique_content":"disable","include_post":"","exclude_post":"","include_category":"35,36","exclude_category":"","include_author":"","include_tag":"","exclude_tag":"","sort_by":"random","date_format":"ago","date_format_custom":"","force_normal_image_load":"0","pagination_mode":"disable","pagination_nextprev_showtext":"0","pagination_number_post":"16","pagination_scroll_limit":"","boxed":"0","boxed_shadow":"0","el_id":"","el_class":"","scheme":"normal","column_width":"auto","title_color":"","accent_color":"","alt_color":"","excerpt_color":"","css":"","paged":1,"column_class":"jeg_col_1o3","class":"jnews_block_21"};</script> </div></div></div></div></div> </div> <div class="jeg_ad jeg_article jnews_article_bottom_ads"> <div class='ads-wrapper '></div> </div> </div> </div> </div> </div> <div id="post-body-class" class="post-template-default single single-post postid-2585 single-format-standard wp-embed-responsive jeg_toggle_dark jeg_single_tpl_1 jnews jeg_boxed jsc_normal wpb-js-composer js-comp-ver-6.8.0 vc_responsive"></div> </div> <div class="post-ajax-overlay"> <div class="preloader_type preloader_dot"> <div class="newsfeed_preloader jeg_preloader dot"> <span></span><span></span><span></span> </div> <div class="newsfeed_preloader jeg_preloader circle"> <div class="jnews_preloader_circle_outer"> <div class="jnews_preloader_circle_inner"></div> </div> </div> <div class="newsfeed_preloader jeg_preloader square"> <div class="jeg_square"><div class="jeg_square_inner"></div></div> </div> </div> </div> </div> <div class="footer-holder" id="footer" data-id="footer"> <div class="jeg_footer jeg_footer_custom"> <div class="jeg_container"> <div class="jeg_content"> <div class="jeg_vc_content"> <style type='text/css' scoped> .jnews_64286264d31fc { color : #ffffff; } .jnews_64286264d31fc.footer_light a, .jnews_64286264d31fc.footer_dark a { color : #2c9cd4; } .jeg_footer .jnews_64286264d31fc .widget h2, .jeg_footer .jnews_64286264d31fc.footer_light .jeg_footer_heading h3, .jnews_64286264d31fc.footer_dark .jeg_footer_heading h3 { color : #ffffff; }</style><div data-vc-full-width="true" data-vc-full-width-init="false" class="row vc_row wpb_row vc_row-fluid vc_custom_1660148219952 vc_row-has-fill jnews_64286264d31fc footer_dark"><div class="jeg-vc-wrapper"><div class="wpb_column jeg_column vc_column_container vc_col-sm-4"><div class="jeg_wrapper wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <a href="https://socialnewshubb.com/" target="_self" class="vc_single_image-wrapper vc_box_border_grey"><img width="300" height="117" src="https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-300x117.png" class="vc_single_image-img attachment-medium" alt="" decoding="async" loading="lazy" title="Social white@10x" srcset="https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-300x117.png 300w, https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-1024x398.png 1024w, https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-768x298.png 768w, https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-1536x597.png 1536w, https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-2048x796.png 2048w, https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-750x291.png 750w, https://socialnewshubb.com/wp-content/uploads/2022/07/Social-white@10x-1140x443.png 1140w" sizes="(max-width: 300px) 100vw, 300px" /></a> </figure> </div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p>© <span id="currentYear"></span> <a href="https://socialnewshubb.com/">Social News Hubb</a> All rights reserved.</p> <p>Use of these names, logos, and brands does not imply endorsement unless specified. By using this site, you agree to the <a href="https://socialnewshubb.com/privacy-policy/">Privacy Policy and Terms & Conditions</a>.</p> <p><script> var currentYear = new Date().getFullYear(); document.getElementById("currentYear").textContent = currentYear; </script></p> </div> </div> </div></div><div class="wpb_column jeg_column vc_column_container vc_col-sm-4"><div class="jeg_wrapper wpb_wrapper"><div class="vc_wp_custommenu wpb_content_element"><div class="widget widget_nav_menu"><h2 class="widgettitle">Navigate Site</h2><div class="menu-main-navigation-container"><ul id="menu-main-navigation" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-61"><a href="https://socialnewshubb.com/">Home</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-722"><a href="https://socialnewshubb.com/category/updates/">Updates</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-723"><a href="https://socialnewshubb.com/category/upgrades/">Upgrades</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://socialnewshubb.com/contact/">Contact</a></li> </ul></div></div></div></div></div><div class="wpb_column jeg_column vc_column_container vc_col-sm-4"><div class="jeg_wrapper wpb_wrapper"><h2 style="font-size: 18px;color: #ffffff;text-align: left;font-family:Poppins;font-weight:400;font-style:normal" class="vc_custom_heading" >Newsletter Sign Up.</h2> <div class="wpb_raw_code wpb_content_element wpb_raw_html" > <div class="wpb_wrapper"> <div class="wpforms-container wpforms-container-full" id="wpforms-93"><form id="wpforms-form-93" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="93" method="post" enctype="multipart/form-data" action="/2023/02/03/headings-with-hierarchical-structure-an-awesome-idea/" data-token="269895f6084ab80ad146c0a43f5a61b4"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-93-field_1-container" class="wpforms-field wpforms-field-name" data-field-id="1"><label class="wpforms-field-label" for="wpforms-93-field_1">Name <span class="wpforms-required-label">*</span></label><div class="wpforms-field-row wpforms-field-medium"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-93-field_1" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][1][first]" required><label for="wpforms-93-field_1" class="wpforms-field-sublabel after ">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-93-field_1-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][1][last]" required><label for="wpforms-93-field_1-last" class="wpforms-field-sublabel after ">Last</label></div></div></div><div id="wpforms-93-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label" for="wpforms-93-field_2">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-93-field_2" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][2]" required></div></div><input type="hidden" name="wpforms[recaptcha]" value=""><div class="wpforms-submit-container"><input type="hidden" name="wpforms[id]" value="93"><input type="hidden" name="wpforms[author]" value="1"><input type="hidden" name="wpforms[post_id]" value="2585"><button type="submit" name="wpforms[submit]" id="wpforms-submit-93" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Subscribe Now" aria-live="assertive" value="wpforms-submit">Subscribe Now</button><img src="https://socialnewshubb.com/wp-content/plugins/wpforms-lite/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt=""></div></form></div> <!-- .wpforms-container --> </div> </div> </div></div></div></div><div class="vc_row-full-width vc_clearfix"></div> </div> </div> </div> </div><!-- /.footer --> </div> <div class="jscroll-to-top"> <a href="#back-to-top" class="jscroll-to-top_link"><i class="fa fa-angle-up"></i></a> </div> </div> <!-- Mobile Navigation ============================================= --> <div id="jeg_off_canvas" class="normal"> <a href="#" class="jeg_menu_close"><i class="jegicon-cross"></i></a> <div class="jeg_bg_overlay"></div> <div class="jeg_mobile_wrapper"> <div class="nav_wrap"> <div class="item_main"> <!-- Search Form --> <div class="jeg_aside_item jeg_search_wrapper jeg_search_no_expand square"> <a href="#" class="jeg_search_toggle"><i class="fa fa-search"></i></a> <form action="https://socialnewshubb.com/" method="get" class="jeg_search_form" target="_top"> <input name="s" class="jeg_search_input" placeholder="Search..." type="text" value="" autocomplete="off"> <button aria-label="Search Button" type="submit" class="jeg_search_button btn"><i class="fa fa-search"></i></button> </form> <!-- jeg_search_hide with_result no_result --> <div class="jeg_search_result jeg_search_hide with_result"> <div class="search-result-wrapper"> </div> <div class="search-link search-noresult"> No Result </div> <div class="search-link search-all-button"> <i class="fa fa-search"></i> View All Result </div> </div></div><div class="jeg_aside_item"> <ul class="jeg_mobile_menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-61"><a href="https://socialnewshubb.com/">Home</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-722"><a href="https://socialnewshubb.com/category/updates/">Updates</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-723"><a href="https://socialnewshubb.com/category/upgrades/">Upgrades</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://socialnewshubb.com/contact/">Contact</a></li> </ul></div> </div> <div class="item_bottom"> <div class="jeg_aside_item socials_widget nobg"> </div><div class="jeg_aside_item jeg_aside_copyright"> <p>© 2022 <strong><a href="https://socialnewshubb.com//">Social News Hubb</a> </strong>All rights reserved. </p> </div> </div> </div> </div> </div><script type="text/javascript">var jfla = []</script><div class="jeg_read_progress_wrapper"></div><script type="text/html" id="wpb-modifications"></script><link rel='stylesheet' id='vc_google_fonts_poppinsregular-css' href='https://fonts.googleapis.com/css?family=Poppins%3Aregular&ver=6.8.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpforms-full-css' href='https://socialnewshubb.com/wp-content/plugins/wpforms-lite/assets/css/wpforms-full.min.css?ver=1.7.2.1' type='text/css' media='all' /> <script type='text/javascript' src='https://socialnewshubb.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2' id='hoverIntent-js'></script> <script type='text/javascript' src='https://socialnewshubb.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script type='text/javascript' id='jnews-frontend-js-extra'> /* <![CDATA[ */ var jnewsoption = {"login_reload":"https:\/\/socialnewshubb.com\/2023\/02\/03\/headings-with-hierarchical-structure-an-awesome-idea","popup_script":"magnific","single_gallery":"","ismobile":"","isie":"","sidefeed_ajax":"","language":"en_US","module_prefix":"jnews_module_ajax_","live_search":"1","postid":"2585","isblog":"1","admin_bar":"0","follow_video":"","follow_position":"top_right","rtl":"0","gif":"","lang":{"invalid_recaptcha":"Invalid Recaptcha!","empty_username":"Please enter your username!","empty_email":"Please enter your email!","empty_password":"Please enter your password!"},"recaptcha":"0","site_slug":"\/","site_domain":"socialnewshubb.com","zoom_button":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/themes/jnews/assets/dist/frontend.min.js?ver=10.1.4' id='jnews-frontend-js'></script> <!--[if lt IE 9]> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/themes/jnews/assets/js/html5shiv.min.js?ver=10.1.4' id='html5shiv-js'></script> <![endif]--> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/jnews-social-login/assets/js/plugin.js?ver=10.0.2' id='jnews-social-login-style-js'></script> <script type='text/javascript' id='fifu-image-js-js-extra'> /* <![CDATA[ */ var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/socialnewshubb.com\/wp-json\/","fifu_nonce":"068c298112"}; /* ]]> */ </script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=4.0.3' id='fifu-image-js-js'></script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=6.8.0' id='wpb_composer_front_js-js'></script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/wpforms-lite/assets/js/jquery.validate.min.js?ver=1.19.3' id='wpforms-validation-js'></script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/wpforms-lite/assets/js/mailcheck.min.js?ver=1.1.2' id='wpforms-mailcheck-js'></script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/wpforms-lite/assets/js/punycode.min.js?ver=1.0.0' id='wpforms-punycode-js'></script> <script type='text/javascript' src='https://socialnewshubb.com/wp-content/plugins/wpforms-lite/assets/js/wpforms.min.js?ver=1.7.2.1' id='wpforms-js'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LdyM2UhAAAAACJWCImopOOIDSJoOZxV3W9ASA9n' id='wpforms-recaptcha-js'></script> <script type='text/javascript' id='wpforms-recaptcha-js-after'> var wpformsDispatchEvent = function (el, ev, custom) { var e = document.createEvent(custom ? "CustomEvent" : "HTMLEvents"); custom ? e.initCustomEvent(ev, true, true, false) : e.initEvent(ev, true, true); el.dispatchEvent(e); }; var wpformsRecaptchaV3Execute = function ( callback ) { grecaptcha.execute( "6LdyM2UhAAAAACJWCImopOOIDSJoOZxV3W9ASA9n", { action: "wpforms" } ).then( function ( token ) { Array.prototype.forEach.call( document.getElementsByName( "wpforms[recaptcha]" ), function ( el ) { el.value = token; } ); if ( typeof callback === "function" ) { return callback(); } } ); } grecaptcha.ready( function () { wpformsDispatchEvent( document, "wpformsRecaptchaLoaded", true ); } ); </script> <div class="jeg_ad jnews_mobile_sticky_ads "></div><script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"article","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/socialnewshubb.com\/2023\/02\/03\/headings-with-hierarchical-structure-an-awesome-idea\/"},"dateCreated":"2023-02-03 20:44:19","datePublished":"2023-02-03 20:44:19","dateModified":"2023-02-03 20:44:19","url":"https:\/\/socialnewshubb.com\/2023\/02\/03\/headings-with-hierarchical-structure-an-awesome-idea\/","headline":"Headings With Hierarchical Structure An “Awesome Idea”","name":"Headings With Hierarchical Structure An “Awesome Idea”","articleBody":" [ad_1]\r\n<br><div id=\"narrow-cont\"><p>Google\u2019s 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.<\/p>\n<h2>Background Context to What Mueller Said<\/h2>\n<p>Heading elements <H1> \u2013 <H6> are supposed to be used to indicate what a section of a webpage is about.<\/p>\n<p>Furthermore the heading elements have a ranking order, with the <H1> being the highest rank of importance and the <H6> being the lowest level of importance.<\/p>\n<p>The heading element purpose is to label what a section of content is about.<\/p>\n<p>HTML specifications allow the use of multiple <H1> elements. So, technically, using more than one <H1> is perfectly valid.<\/p>\n<p><strong>Section 4.3.11 of the official <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/sections.html#headings-and-outlines-2\" target=\"_blank\" rel=\"noopener\">HTML<\/a><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/sections.html#headings-and-outlines-2\" target=\"_blank\" rel=\"noopener\"> specificatio<\/a><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/sections.html#headings-and-outlines-2\" target=\"_blank\" rel=\"noopener\">ns<\/a><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/sections.html#headings-and-outlines-2\" target=\"_blank\" rel=\"noopener\"> states<\/a>:<\/strong><\/p>\n<blockquote><p>\u201ch1\u2013h6 elements have a heading level, which is given by the number in the element\u2019s name.<\/p>\n<p>If a document has one or more headings, at least a single heading within the outline should have a heading level of 1.\u201d<\/p><\/blockquote>\n<p>Nevertheless, using more than on <H1> is not considered a best practice.<\/p>\n<p><strong>The Mozilla <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/Heading_Elements\" target=\"_blank\" rel=\"noopener\">developer reference page<\/a> about the use of headings recommends:<\/strong><\/p>\n<blockquote><p>\u201cThe <h1> to <h6> HTML elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest.<\/p>\n<p>\u2026Avoid using multiple <h1> elements on one page<\/p>\n<p>While using multiple <h1> 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 <h1> element that describes the content of the page (similar to the document\u2019s <title> element).\u201d<\/p><\/blockquote>\n<p>John Mueller has previously said that it doesn\u2019t matter if a webpage uses one <H1> or five <H1> headings.<\/p>\n<p>The point of his statement is that the level of the heading isn\u2019t as important as how they are used, with the best practice being the use of\u00a0 headings for indicating what a section of content is about.<\/p>\n<h2>What Mueller Said on Twitter<\/h2>\n<p>A member of the SEO community was joking around and gently ribbed Mueller about using more than one H1.<\/p>\n<p><strong>He tweeted:<\/strong><\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">John Mu: \u201cYour site is going to rank perfectly with no H1 tags or with five H1 tags,\u201d<\/p>\n<p>Me: <a href=\"https:\/\/t.co\/LEj59KfRBD\" target=\"_blank\" rel=\"noopener\">pic.twitter.com\/LEj59KfRBD<\/a><\/p>\n<p>\u2014 Deji Luminous (@deji_luminous) <a href=\"https:\/\/twitter.com\/deji_luminous\/status\/1621074496668184576?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">February 2, 2023<\/a><\/p><\/blockquote>\n<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>\n<p>A Hierarchical structure communicates sections of a webpage and any subsections within each section.<\/p>\n<p>He <a href=\"https:\/\/twitter.com\/deji_luminous\/status\/1621078190272692224\" target=\"_blank\" rel=\"noopener\">tweeted<\/a>:<\/p>\n<blockquote><p>\u201cI\u2019m too traditional with header elements. (HTML 4 for Life! lol)<\/p>\n<p>I\u2019d still recommend using just one H1 element on a page.<\/p>\n<p>I patiently go back to pages to implement header hierarchy for fun.\u201d<\/p><\/blockquote>\n<p><strong>John Mueller <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1621078755702870016\" target=\"_blank\" rel=\"noopener\">tweeted his approval<\/a> in response:<\/strong><\/p>\n<blockquote><p>\u201cI think that\u2019s an awesome idea & a great practice.<\/p>\n<p>Header hierarchy is not just useful to Google, it\u2019s also important for accessibility.<\/p>\n<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.)\u201d<\/p><\/blockquote>\n<h2>Hierarchical Page Structure<\/h2>\n<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>\n<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>\n<p>H1 used to have more ranking power so it was essential to use the <H1> to help rankings.<\/p>\n<p>Google\u2019s algorithm was using keywords as a way to \u201cguess\u201d what a webpage was about.<\/p>\n<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>\n<p>But nowadays, Google doesn\u2019t have to guess.<\/p>\n<p>It is able to understand what sections of a webpage are about, and consequently, what the entire webpage is about.<\/p>\n<p>Despite those advances, many SEOs still believe that using an <H1> is some kind of magic ranking factor.<\/p>\n<p>Headings are no longer about shouting what keyword you want to rank for.<\/p>\n<p>The role of heading elements are now about telling search engines what a section of content is about.<\/p>\n<p>Each section of a content is generally about something specific.<\/p>\n<p>Heading tags make it easier for search engines to know what a page is about.<\/p>\n<p>And that helps them rank the page for the topic.<\/p>\n<p>And according to the official HTML specifications, that\u2019s technically the proper way to use heading elements.<\/p>\n<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>\n<p>The official <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/headings-and-labels.html\" target=\"_blank\" rel=\"noopener\">HTML specifications say<\/a>:<\/p>\n<blockquote><p>\u201cDescriptive headings are especially helpful for users who have disabilities that make reading slow and for people with limited short-term memory.<\/p>\n<p>These people benefit when section titles make it possible to predict what each section contains.\u201d<\/p><\/blockquote>\n<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>\n<p><em>Featured image by Shutterstock\/Asier Romero<\/em><\/p>\n<\/div><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><script>\r\n \r\n\t\t\t\tvar s_trigger_pixel_load = false;\r\n\t\tfunction s_trigger_pixel(){\r\n \t\t\tif( !s_trigger_pixel_load ){\r\n\t\t\t\tstriggerEvent( 'load2' );\r\n\t\t\t\tconsole.log('s_trigger_pix');\r\n\t\t\t}\r\n\t\t\ts_trigger_pixel_load = true;\r\n\t\t}\r\n\t\twindow.addEventListener( 'cmpready', s_trigger_pixel, false);\r\n\t\t\r\n\t\t\r\n window.addEventListener( 'load2', function() {\r\n \r\n\r\n\r\n if( sopp != 'yes' && !ss_u ){\r\n \r\n !function(f,b,e,v,n,t,s)\r\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\r\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\r\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\r\n n.queue=[];t=b.createElement(e);t.async=!0;\r\n t.src=v;s=b.getElementsByTagName(e)[0];\r\n s.parentNode.insertBefore(t,s)}(window,document,'script',\r\n 'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\r\n\r\n if( typeof sopp !== \"undefined\" && sopp === 'yes' ){\r\n fbq('dataProcessingOptions', ['LDU'], 1, 1000);\r\n }else{\r\n \tfbq('dataProcessingOptions', []);\r\n }\r\n \r\n fbq('init', '1321385257908563'); \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n fbq('track', 'PageView');\r\n \r\n\t\t fbq('trackSingle', '1321385257908563', 'ViewContent', {\r\n \t content_name: 'google-headings-with-hierarchical-structure-an-awesome-idea',\r\n \t \t content_category: 'news seo'\r\n \t });\r\n \t }\r\n\t \t });\r\n\t \r\n <\/script>\r\n<br>[ad_2]\r\n<br><a href=\"https:\/\/www.searchenginejournal.com\/google-headings-with-hierarchical-structure-an-awesome-idea\/478491\/\">Source link <\/a>","author":{"@type":"Person","name":"admin","url":"https:\/\/socialnewshubb.com\/author\/admin\/","sameAs":["https:\/\/socialnewshubb.com"]},"articleSection":["Updates"],"image":{"@type":"ImageObject","url":"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2023\/02\/heading-elements-google-63dceb46d7b52-sej.jpg","width":1920,"height":0},"publisher":{"@type":"Organization","name":"","url":"https:\/\/socialnewshubb.com","logo":{"@type":"ImageObject","url":""},"sameAs":[]}}</script> <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"hentry","entry-title":"Headings With Hierarchical Structure An “Awesome Idea”","published":"2023-02-03 20:44:19","updated":"2023-02-03 20:44:19"}</script> <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/socialnewshubb.com","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/socialnewshubb.com\/category\/updates\/","name":"Updates"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/socialnewshubb.com","name":"Home"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/socialnewshubb.com\/category\/updates\/","name":"Updates"}}]}</script> <script type='text/javascript'> /* <![CDATA[ */ var wpforms_settings = {"val_required":"This field is required.","val_email":"Please enter a valid email address.","val_email_suggestion":"Did you mean {suggestion}?","val_email_suggestion_title":"Click to accept this suggestion.","val_email_restricted":"This email address is not allowed.","val_number":"Please enter a valid number.","val_number_positive":"Please enter a valid positive number.","val_confirm":"Field values do not match.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","val_recaptcha_fail_msg":"Google reCAPTCHA verification failed, please try again later.","val_empty_blanks":"Please fill out all blanks.","uuid_cookie":"","locale":"en","wpforms_plugin_url":"https:\/\/socialnewshubb.com\/wp-content\/plugins\/wpforms-lite\/","gdpr":"","ajaxurl":"https:\/\/socialnewshubb.com\/wp-admin\/admin-ajax.php","mailcheck_enabled":"1","mailcheck_domains":[],"mailcheck_toplevel_domains":["dev"],"is_ssl":"1"} /* ]]> */ </script> <script type="text/javascript">;!function(){"use strict";window.jnews=window.jnews||{},window.jnews.first_load=window.jnews.first_load||{},window.jnews.first_load=function(){var e=this,t=jnews.library,n="object"==typeof jnews&&"object"==typeof jnews.library;e.data=null,e.run_ajax=!0,e.run_loginregister=!0,e.clear=function(){e.run_ajax=!0,e.run_loginregister=!0,e.data=null},e.init=function(){n&&(t.globalBody.querySelectorAll(".jeg_popup_account").length&&jnews.loginregister&&e.run_loginregister&&(e.run_loginregister=!1,jnews.loginregister.init(),jnews.loginregister.hook_form()),jfla.length&&e.run_ajax&&(e.run_ajax=!1,e.do_ajax({action:"jnews_first_load_action",jnews_id:jnewsoption.postid,load_action:jfla})))},e.update_counter=function(){if(n){var o={total_view:t.globalBody.querySelectorAll(".jeg_share_stats .jeg_views_count .counts"),total_share:t.globalBody.querySelectorAll(".jeg_share_stats .jeg_share_count .counts"),total_comment:t.globalBody.querySelectorAll(".jeg_meta_comment a span")};t.forEach(Object.entries(e.data.counter),(function([e,n]){o[e].length&&t.forEach(o[e],(function(e,o){t.setText(e,n)}))}))}},e.do_ajax=function(o){if(n){var a=new XMLHttpRequest;a.onreadystatechange=function(){XMLHttpRequest.DONE===a.readyState&&200==a.status&&(e.data=JSON.parse(a.responseText),e.data.counter&&"object"==typeof e.data.counter&&e.update_counter())},a.open("POST",jnews_ajax_url,!0),a.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8"),a.send(t.httpBuildQuery(o))}}},window.jnews.first_load=new window.jnews.first_load,jnews.first_load.init()}();</script></body> </html>