Headers with hierarchical structure A “cool idea”

[ad_1]

Google’s John Mueller discussed header elements with a member of the SEO community where he stated the usefulness of using the hierarchical structure when using header elements.

Background context to what Mueller said

Header elements

–

they should be used to indicate what a section of a web page is about.

Also header elements have a ranking order, with the

being the highest degree of importance and the

being the lowest level of importance.

The purpose of the header element is to label what a section of content is about.

The HTML specification allows the use of multiple files

elements. So technically using more than one

it is perfectly valid.

Section 4.3.11 of the official HTML specification states:

“Elements h1–h6 have a heading level, which is given by the number in the element name.

If a document has one or more headings, at least a single heading within the structure should have a heading level of 1.

However, using more than on

it is not considered good practice.

Mozilla’s developer reference page on using headers advises:

“THE

TO

HTML elements represent six levels of section headers.

is the highest section level e

it is the lowest.

…Avoid using more

elements on a page

While using more

elements on a 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 describing the content of the page (similar to that of the document element).”</p> <p>John Mueller has previously stated that it doesn’t matter if a web page uses one <H1> or five <H1> headers.</p> <p>The point of his statement is that the level of the header isn’t as important as how they are used, with the best practice being the use of headers to indicate what a section of content is about.</p> <p>What Mueller said on Twitter</p> <p>A member of the SEO community was joking and gently criticized Mueller about using more than one H1.</p> <p>He tweeted:</p> <p lang="en" dir="ltr">John Mu: “Your site will rank perfectly without H1 tags or with five H1 tags”</p> <p>Me: pic.twitter.com/LEj59KfRBD</p> <p>— Deji Luminous (@deji_luminous) February 2, 2023</p> <p>The SEO went on to share how he preferred to use best practices for header elements by only using one <H1>to indicate the topic of the page and then use the rest of the headings in order of rank, give a web page a hierarchical structure.</p> <p>A hierarchical structure communicates the sections of a web page and any subsections within each section.</p> <p>He tweeted:</p> <p>“I’m too traditional with header elements. (HTML 4 for life! lol)</p> <p>I would still recommend using only one H1 element on a page.</p> <p>I patiently return to pages to implement header hierarchy for fun.</p> <p>John Mueller tweeted his endorsement in response:</p> <p>“I think it’s a great idea and great practice.</p> <p>Heading hierarchy is not only useful for Google, it’s also important for accessibility.</p> <p>(Google still has to deal with whatever weird things people do on the web, but being thoughtful in your work always makes sense.)”</p> <p>Hierarchical structure of the page</p> <p>In the early days of SEO, <H1> was considered an important ranking factor, one that was more important than a <H2>.</p> <p>So back then, you always put the most important keywords in the file <H1> to signal to Google that the page was relevant for that keyword.</p> <p>H1 had more ranking power, so it was essential to use the <H1> to help the ranking</p> <p>Google’s algorithm used keywords to “guess” what a web page 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>Can understand what sections of a web page are about and, consequently, what the whole web page is about.</p> <p>Despite these advances, many SEOs still believe that using a <H1> it’s a kind of magical ranking factor.</p> <p>Headings are no longer about shouting out what keyword you want to rank for.</p> <p>The role of header elements is now to tell search engines what a section of content is about.</p> <p>Each section of a piece of content is generally about something specific.</p> <p>Header tags make it easier for search engines to know what a page is about.</p> <p>And this helps them to rank the page for the topic.</p> <p>And according to the official HTML spec, this is technically the correct way to use header elements.</p> <p>Finally, Mueller mentioned a header element quality as a way to better communicate for accessibility reasons, such as for people using screen readers.</p> <p>The official HTML spec says:</p> <p>“Descriptive headings are especially useful for users with disabilities that slow reading and people with limited short-term memory.</p> <p>These people benefit when section titles help predict what each section contains.</p> <p>So thank you John Mueller for pointing out the benefits of using headings with a hierarchical structure, for pointing out how the hierarchical structure is useful for Google and for accessibility.</p> <p>Featured image by Shutterstock/Asier Romero</p> <p><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p> <table style="height: 100%; background-color: #cfd1d1; width: 100%;"> <tbody> <tr> <td style="width: 100%;"> <p><strong>Sources</strong></p> <p>1/ <a href="https://Google.com">https://Google.com/</a></p> <p>2/ https://www.searchenginejournal.com/google-headings-with-hierarchical-structure-an-awesome-idea/478491/</p> <p>The mention sources can contact us to remove/changing this article</p> </td> </tr> </tbody> </table> <p>[ad_2]</p> </div> <div class="cs-entry__tags"><ul><li><a href="https://tittlepress.com/tag/technology/" rel="tag">Technology</a></li></ul></div> <div class="cs-entry__comments cs-entry__comments-collapse" id="comments-hidden"> <div id="respond" class="comment-respond"> <h5 class="cs-section-heading cs-section-heading-common is-style-cnvs-block-section-heading-default halignleft ">Leave a Reply</h5><form action="https://tittlepress.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name</label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" /></p> <p class="comment-form-email"><label for="email">Email</label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='2304402' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> <div class="cs-entry__comments-show" id="comments"> <button>View Comments (0)</button> </div> <section class="cs-custom-content cs-custom-content-comments-after"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- tittlefirst --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7526957001240989" data-ad-slot="1286242221"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></section> </div> </div> </div> </div> <aside id="secondary" class="cs-sidebar__area cs-widget-area"> <div class="cs-sidebar__inner"> <div class="widget_text widget custom_html-3 widget_custom_html"><div class="textwidget custom-html-widget"><a href="https://tittlepress.com/submit-sponsored-post/"><img src="https://i.imgur.com/5byDxoP.png" title="TittlePress Sponsored Post" /></a></div></div><div class="widget search-2 widget_search"> <form role="search" method="get" class="cs-search__form" action="https://tittlepress.com/"> <div class="cs-search__container"> <input required data-swplive="false" class="cs-search__input" type="search" value="" name="s" placeholder="Enter keyword"> <button class="cs-search__submit"> Search </button> </div> </form> </div><div class="widget_text widget custom_html-2 widget_custom_html"><h5 class="cs-section-heading cs-section-heading-common is-style-cnvs-block-section-heading-default halignleft ">Latest News</h5><div class="textwidget custom-html-widget"><a class="twitter-timeline" scrolling="no" data-lang="en" data-height="1500" data-theme="dark" href="https://twitter.com/TittlePress?ref_src=twsrc%5Etfw">Tweets by TittlePress</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div></div> </div> </aside> </div> <div class="cs-entry__post-related"> <h5 class="cs-section-heading cs-section-heading-common is-style-cnvs-block-section-heading-default halignleft ">Related Posts</h5> <div class="cs-entry__post-wrap"> <article class="post-1155850 post type-post status-publish format-standard category-tech tag-technology cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://tittlepress.com/category/tech/" rel="category tag">Tech</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://tittlepress.com/tech/1155850/">Rosanna Garcia, PhD, is named Beswick Professor of Innovation and Entrepreneurship at the Business School of Worcester Polytechnic Institute | News</a></h2> <div class="cs-entry__excerpt"> [ad_1] Rosanna Garcia, an expert in business innovation and marketing, joined the faculty of Worcester Polytechnic Institute (WPI)… </div> <div class="cs-entry__post-meta" ><div class="cs-meta-author"><a class="cs-meta-author-inner url fn n" href="https://tittlepress.com/author/newsdesk/" title="View all posts by newsdesk"><span class="cs-by">by</span><span class="cs-author">newsdesk</span></a></div></div> </div> </div> </article> <article class="post-2463863 post type-post status-publish format-standard category-tech tag-technology cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://tittlepress.com/category/tech/" rel="category tag">Tech</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://tittlepress.com/tech/2463863/">Land Maintenance Tech – CFMO – Marietta</a></h2> <div class="cs-entry__excerpt"> [ad_1] This position is in our Building Facilities Management Office at the Clay National Guard Center in Marietta,… </div> <div class="cs-entry__post-meta" ><div class="cs-meta-author"><a class="cs-meta-author-inner url fn n" href="https://tittlepress.com/author/newsdesk/" title="View all posts by newsdesk"><span class="cs-by">by</span><span class="cs-author">newsdesk</span></a></div></div> </div> </div> </article> <article class="post-1395861 post type-post status-publish format-standard category-tech tag-technology cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://tittlepress.com/category/tech/" rel="category tag">Tech</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://tittlepress.com/tech/1395861/">CES 2022 promotes more exhibitors as Intel, T-Mobile and others abandon COVID-19</a></h2> <div class="cs-entry__excerpt"> [ad_1] With the rise in COVID cases, companies are giving up on attending CES in person. Sarah Tew… </div> <div class="cs-entry__post-meta" ><div class="cs-meta-author"><a class="cs-meta-author-inner url fn n" href="https://tittlepress.com/author/newsdesk/" title="View all posts by newsdesk"><span class="cs-by">by</span><span class="cs-author">newsdesk</span></a></div></div> </div> </div> </article> <article class="post-1259310 post type-post status-publish format-standard category-tech tag-technology cs-entry cs-video-wrap"> <div class="cs-entry__outer"> <div class="cs-entry__inner cs-entry__content"> <div class="cs-entry__post-meta" ><div class="cs-meta-category"><ul class="post-categories"> <li><a href="https://tittlepress.com/category/tech/" rel="category tag">Tech</a></li></ul></div></div> <h2 class="cs-entry__title"><a href="https://tittlepress.com/tech/1259310/">Spain adopts EU copyright law, paving the way for Google News to return | Technology news</a></h2> <div class="cs-entry__excerpt"> [ad_1] MADRID (Reuters) – Spain has adopted a European Union copyright directive that allows third-party online news platforms… </div> <div class="cs-entry__post-meta" ><div class="cs-meta-author"><a class="cs-meta-author-inner url fn n" href="https://tittlepress.com/author/newsdesk/" title="View all posts by newsdesk"><span class="cs-by">by</span><span class="cs-author">newsdesk</span></a></div></div> </div> </div> </article> </div> </div> </div> </div> </main> <section class="cs-custom-content cs-custom-content-footer-before"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- tittlefirst --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7526957001240989" data-ad-slot="1286242221"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></section> <footer class="cs-footer cs-footer-one" data-scheme="inverse"> <div class="cs-container"> <div class="cs-footer__item"> <div class="cs-footer__col cs-col-left"> <div class="cs-footer__inner"> <div class="cs-logo"> <a class="cs-footer__logo cs-logo-once" href="https://tittlepress.com/"> TittlePress </a> </div> <div class="cs-footer__desc"> Verified news, it's guaranteed! </div> </div> </div> <div class="cs-footer__col cs-col-center"> <div class="footer-nav-menu"> <ul id="menu-footer" class="cs-footer__nav "><li id="menu-item-800421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800421"><a target="_blank" href="https://tittlepress.com/aboutexbulletin/">About TittlePress</a></li> <li id="menu-item-800422" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800422"><a target="_blank" href="https://tittlepress.com/contact-us/">Contact Us!</a></li> <li id="menu-item-800423" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800423"><a target="_blank" href="https://tittlepress.com/privacy-policy-2/">Privacy and Policy</a></li> <li id="menu-item-800424" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800424"><a target="_blank" href="https://tittlepress.com/terms-and-conditions/">Terms and Conditions</a></li> <li id="menu-item-800425" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-800425"><a target="_blank" href="https://tittlepress.com/disclaimer/">Disclaimer</a></li> <li id="menu-item-1454284" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1454284"><a href="https://tittlepress.com/submit-sponsored-post/">Submit a sponsored Post</a></li> <li id="menu-item-1806262" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1806262"><a href="https://askbygeeks.com">AskByGeeks</a></li> </ul> </div> </div> <div class="cs-footer__col cs-col-right"> </div> </div> </div> </footer> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/newsblock/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="imagesloaded-js" src="https://tittlepress.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script> <script id="csco-scripts-js-extra"> var csLocalize = {"darkMode":"true"}; var csco_ajax_nextpost = {"type":"ajax_restapi","post_type":"post","not_in":[2304402],"next_post":"2304404","current_user":"0","nonce":"1fa7bbdcb8","rest_url":"https://tittlepress.com/wp-json/csco/v1/more-nextpost","url":"https://tittlepress.com/wp-admin/admin-ajax.php"}; var csco_mega_menu = {"rest_url":"https://tittlepress.com/wp-json/csco/v1/menu-posts"}; //# sourceURL=csco-scripts-js-extra </script> <script id="csco-scripts-js" src="https://tittlepress.com/wp-content/themes/newsblock/assets/js/scripts.js?ver=1.1.4"></script> <script id="fifu-image-js-js-extra"> var fifuImageVars = {"fifu_lazy":"","fifu_should_crop":"","fifu_slider":"","fifu_hover_selected":"on","fifu_hover_selector":"","fifu_is_front_page":"","fifu_hover":"hover10","fifu_is_shop":"off","fifu_crop_selectors":"","fifu_fit":"cover","fifu_crop_ratio":"4:3","fifu_crop_default":"div[id^='post'],.fifu-slider,ul.products,div.products,div.product-thumbnails,ol.flex-control-nav.flex-control-thumbs","fifu_crop_ignore_parent":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_error_url":"https://picsum.photos/600/600/?blur=2","fifu_crop_delay":"0","fifu_is_flatsome_active":"","fifu_rest_url":"https://tittlepress.com/wp-json/","fifu_nonce":"0550bba501"}; //# sourceURL=fifu-image-js-js-extra </script> <script id="fifu-image-js-js" src="https://tittlepress.com/wp-content/plugins/fifu-premium/includes/html/js/image.js?ver=4.8.7"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://tittlepress.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} </script> <script type="module"> /*! This file is auto-generated */ var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); //# sourceURL=https://tittlepress.com/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html>