: Replacing trivial s with s for SEO? In the structure of my upcoming website, there will be multiple level 2 headings inside the master header. An example can be seen below: <header id="banner">
In the structure of my upcoming website, there will be multiple level 2 headings inside the master header. An example can be seen below:
<header id="banner">
<h1><a href="">My Website Name</a></h1>
<nav>
<h2>Main Navigation</h2>
......
</nav>
<article>
<h2>Search</h2>
......
</article>
<article>
<h2>Follow Us</h2>
......
</article>
<article>
<h2>Extra Links</h2>
......
</article>
</header>
<main>
<article>
<h2>Article Title Lorem Ipsum Dolor Sit Amet</h2>
......
</article>
......
As we can see, there is one for the navigation block, one for the search form, one for social network hyperlinks, and one for extra links (ex: FAQ, Contact, etc).
From the perspective of visual design, those <h2>s will be hidden by using CSS. But from the perspective of structure, they need to be present in the HTML.
The problem is that, it seems to me that there are a bit too many <h2>s. Would it help improve SEO if I replace search form, social networks, and extra links' <h2>s with <div role="heading">s?
More posts by @Welton855
1 Comments
Sorted by latest first Latest Oldest Best
According to w3schools about HTML Headings:
"Search engines use the headings to index the structure and content of
your web pages. Users skim your pages by its headings. It is important
to use headings to show the document structure. headings should
be used for main headings, followed by headings, then the less
important , and so on."
You yourself have to decide what blocks of information for your website are important, which are less important and so on down. Pay attention to this documentation W3 about element header. You install blocks Search + Follow Us + Extra Link inside of semantic elements article. If these are separate articles, then it is more logical to install them in the main unit of the webpage main.
But you say that this is "one for the search form" + "one for social network hyperlinks" + "one for extra links (ex: FAQ, Contact, etc)". So these are not articles, but rather simple links. And it is hardly the second most important information on the web page (using the element H2). Probably these links can be placed in the footer of a web page. Or in some block below the web page.
Since these links are not important information, it is more logical to apply to them the element div. But you can also set these references in the semantic element of the section, but using for their designation the lowest element of H in comparison with already applied, eg H6, but not H2.
Read more: Headings ++ Headings ++ HTML/Usage/Headings/h1only ++ Headings: The H1, H2, H3, H4, H5, H6 elements.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.