Welcome to WebmasterWorld Guest from

Forum Moderators: Robert Charlton & andy langton & goodroi

Message Too Old, No Replies

Breadcrumb as <H1>

2:23 pm on Jan 24, 2014 (gmt 0)

Junior Member

joined:Dec 23, 2013
posts: 60
votes: 0

Hi, I Wanted to get everyone's thoughts on this idea. I noticed one of our competitors is using their breadcrumb location as their <h1>.

Example is

Home > level1 > <h1>keyword/category title</h1>

They are using <spans> as each section. My site uses <li>s.

So my question is, do you feel this is a good idea? It does seem to bring the h1 to the top of the page.

Or maybe a better question is, where is the optimal place to have your <h1>s?

6:30 pm on Jan 24, 2014 (gmt 0)

Full Member

5+ Year Member

joined:Apr 27, 2012
votes: 0

Have you tried validating the code that is written with H1 in the breadcrumbs? I'm not suggesting validation is scripture but it might give you an idea of whether is acceptable by standards or not and that might suggest what certain search engines might "think".

On the other hand, it might be a loophole. How is your competitor doing after they added that? Did you see a big rise in their traffic/SERPs or nothing at all? Also, have you used the structured markup tool to see if it recognizes the code? It probably would.
6:44 pm on Jan 24, 2014 (gmt 0)

Junior Member

joined:Dec 23, 2013
posts: 60
votes: 0

I looked at it in the structured markup and although they are trying to get it to recognize, it does not.

And yes, they have definitely rose in rankings for certain keyword terms.

This is the actual code, without info though.

<div id="breadcrumbs-full-width">
<div id="Breadcrumbs" class="Breadcrumbs marginSidesAuto hn-sec-med-txt paddingTopOnly10px" xmlns:v="http://rdf.data-vocabulary.org/#">
<div style="width: 150%;">
<span typeof="v:Breadcrumb">
<a class="standard-style text-small" href="http://www.nothing.com/" rel="v:url" property="v:title"><i>Hayneedle</i></a>
<span class="Breadcrumgs icon-right-open-mini"><span class="display0"></span></span>
<h1 class="standard-style text-small" style="font-weight:normal; font-size: 14px;"><i>The Keyword Here.</i></h1>
<script type="text/javascript">
var metaElem = document.createElement('meta');
5:33 pm on Jan 25, 2014 (gmt 0)

Preferred Member from GB 

10+ Year Member Top Contributors Of The Month

joined:July 25, 2005
votes: 12

What is the thinking behind wanting the H1 to be part of breadcrumbs? What are you trying to achieve?

I wouldn't do it because it defies the purpose of H1.

Heading tags should give the page content a structure and hierarchy. Ideally, H1 is the article title or the product name (if ecommerce site) and its optimal place is where it makes the most sense.

Navigation is an entirely separate section of the page. Best practices of handling breadcrumbs/navigation are outlined here:
7:06 pm on Jan 25, 2014 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
votes: 531

Bad in the old days of the net some used the h tags for "style" purposes because of the default font sizes. These days most folks use the h tags correctly, for document structure. That does not seem to be the case here, and I am confused why anyone wouuld think a h tag in navigation would make a difference.

There should be only one h1 tag per page, or section, of any document, and a breadcrumb navigation, by definition, is not part of a document, merely a path to a page.
7:18 pm on Jan 25, 2014 (gmt 0)

Junior Member

joined:Dec 23, 2013
posts: 60
votes: 0

Not saying I was going to do it. I just noticed someone else was. Didn't know if it was some kind of manipulation thing happening. They are ranking well.