: H1 in bread crumb bad for SEO? The design of my website looks good, but trying to put a main big heading at the top doesn't look as nice. But I know how important a H1 tag is for SEO
The design of my website looks good, but trying to put a main big heading at the top doesn't look as nice. But I know how important a H1 tag is for SEO , after all it is the main heading describing the page the visitor is on.
That being said, I have a breadcrumb as the top of my page which looks similar to:
Home > directory > page
The HTML for the bread crumb looks like this:
<ul>
<li><a href="/">Home</a></li>
<li class="bread-separator"> > </li>
<li><a href="/the-website-page" class="red">The website page heading</a></li>
</ul>
Now because the H1 tag that I want to put on my page is the same as the title in the breadcrumb, would it be acceptable for SEO to put the H1 tag in the bread crumb like this:
<li><a href="/the-website-page" class="red"><h1>The website page heading</h1></a></li>
More posts by @BetL925
3 Comments
Sorted by latest first Latest Oldest Best
No effect.
Breadcrumb is specific structure to display tree structure of links. You can apply anchor attributes like title.
H1 or other highlighters ( em,cite,headings) help to extract document meta-data.
Link is for navigation ,so document highlighter does not effect on them.
<h1> states it's the main heading. That's enough information for Google.
If you care about SEO, you should probably have the <title> tag in your <head> section match as closely as possible your H1.
How you style it is not an issue - provided you don't do dubious things like hiding the tag using CSS (display: none), or place other DOM nodes on top of it.
If you end up splitting up the breadcrumb from the H1 tag like closetnoc suggested in the comments (which is a good idea I think), I think you're still left with the problem where you stated, "My site looks good. But putting a big heading at the top doesn't look as nice."
In that case, I would still use the H1 tag (as you realize is very important) and simply add a class to it that simply changes the CSS such that the size is much more appropriate (smaller, I would guess according to you). That way you keep your breadcrumbs split from your H1 (like closetnoc suggests) as well as keep your website looking good by altering the H1 tag class to make the font smaller.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.