[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.
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).”
John Mueller has previously stated that it doesn’t matter if a web page uses one
or five headers.
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.
What Mueller said on Twitter
A member of the SEO community was joking and gently criticized Mueller about using more than one H1.
He tweeted:
John Mu: “Your site will rank perfectly without H1 tags or with five H1 tags”
Me: pic.twitter.com/LEj59KfRBD
— Deji Luminous (@deji_luminous) February 2, 2023
The SEO went on to share how he preferred to use best practices for header elements by only using one
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.
A hierarchical structure communicates the sections of a web page and any subsections within each section.
He tweeted:
“I’m too traditional with header elements. (HTML 4 for life! lol)
I would still recommend using only one H1 element on a page.
I patiently return to pages to implement header hierarchy for fun.
John Mueller tweeted his endorsement in response:
“I think it’s a great idea and great practice.
Heading hierarchy is not only useful for Google, it’s also important for accessibility.
(Google still has to deal with whatever weird things people do on the web, but being thoughtful in your work always makes sense.)”
Hierarchical structure of the page
In the early days of SEO,
was considered an important ranking factor, one that was more important than a .
So back then, you always put the most important keywords in the file
to signal to Google that the page was relevant for that keyword.
H1 had more ranking power, so it was essential to use the
to help the ranking
Google’s algorithm used keywords to “guess” what a web page was about.
Keywords in the anchor text, keywords in the title tag, and keywords in the
helped Google guess what a page was relevant for.
But nowadays, Google doesn’t have to guess.
Can understand what sections of a web page are about and, consequently, what the whole web page is about.
Despite these advances, many SEOs still believe that using a
it’s a kind of magical ranking factor.
Headings are no longer about shouting out what keyword you want to rank for.
The role of header elements is now to tell search engines what a section of content is about.
Each section of a piece of content is generally about something specific.
Header tags make it easier for search engines to know what a page is about.
And this helps them to rank the page for the topic.
And according to the official HTML spec, this is technically the correct way to use header elements.
Finally, Mueller mentioned a header element quality as a way to better communicate for accessibility reasons, such as for people using screen readers.
The official HTML spec says:
“Descriptive headings are especially useful for users with disabilities that slow reading and people with limited short-term memory.
These people benefit when section titles help predict what each section contains.
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.
Featured image by Shutterstock/Asier Romero
Sources
2/ https://www.searchenginejournal.com/google-headings-with-hierarchical-structure-an-awesome-idea/478491/
The mention sources can contact us to remove/changing this article
[ad_2]
John Mueller has previously stated that it doesn’t matter if a web page uses one
or five headers.
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.
What Mueller said on Twitter
A member of the SEO community was joking and gently criticized Mueller about using more than one H1.
He tweeted:
John Mu: “Your site will rank perfectly without H1 tags or with five H1 tags”
Me: pic.twitter.com/LEj59KfRBD
— Deji Luminous (@deji_luminous) February 2, 2023
The SEO went on to share how he preferred to use best practices for header elements by only using one
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.
A hierarchical structure communicates the sections of a web page and any subsections within each section.
He tweeted:
“I’m too traditional with header elements. (HTML 4 for life! lol)
I would still recommend using only one H1 element on a page.
I patiently return to pages to implement header hierarchy for fun.
John Mueller tweeted his endorsement in response:
“I think it’s a great idea and great practice.
Heading hierarchy is not only useful for Google, it’s also important for accessibility.
(Google still has to deal with whatever weird things people do on the web, but being thoughtful in your work always makes sense.)”
Hierarchical structure of the page
In the early days of SEO,
was considered an important ranking factor, one that was more important than a .
So back then, you always put the most important keywords in the file
to signal to Google that the page was relevant for that keyword.
H1 had more ranking power, so it was essential to use the
to help the ranking
Google’s algorithm used keywords to “guess” what a web page was about.
Keywords in the anchor text, keywords in the title tag, and keywords in the
helped Google guess what a page was relevant for.
But nowadays, Google doesn’t have to guess.
Can understand what sections of a web page are about and, consequently, what the whole web page is about.
Despite these advances, many SEOs still believe that using a
it’s a kind of magical ranking factor.
Headings are no longer about shouting out what keyword you want to rank for.
The role of header elements is now to tell search engines what a section of content is about.
Each section of a piece of content is generally about something specific.
Header tags make it easier for search engines to know what a page is about.
And this helps them to rank the page for the topic.
And according to the official HTML spec, this is technically the correct way to use header elements.
Finally, Mueller mentioned a header element quality as a way to better communicate for accessibility reasons, such as for people using screen readers.
The official HTML spec says:
“Descriptive headings are especially useful for users with disabilities that slow reading and people with limited short-term memory.
These people benefit when section titles help predict what each section contains.
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.
Featured image by Shutterstock/Asier Romero
|
Sources 2/ https://www.searchenginejournal.com/google-headings-with-hierarchical-structure-an-awesome-idea/478491/ The mention sources can contact us to remove/changing this article |
[ad_2]