: SEO best practice for a breadcrumb made by a CSS drop-down menu Usually I make my "breadcrumb" with a <h1>, at the pages top, which is perfect for the SEO, like following : <h1>Section

@Reiling115

Posted in: #Breadcrumbs #Menu #Seo

Usually I make my "breadcrumb" with a <h1>, at the pages top, which is perfect for the SEO, like following : <h1>Section > Category</h1>

But in a new project, I wish to display a drop-down menu that will be the "breadcrumb" too, like the following (see the fiddle) :

<div class="rub">
<ul>
<li><a href="/selected-section/">Selected section</a>
<ul>
<li><a href="/other-section/">Other section</a></li>
<li><a href="/other-section/">Other section</a></li>
<li><a href="/other-section/">Other section</a></li>
</ul>
</li>
</ul>
</div>
<>
<div class="rub">
<ul>
<li><a href="/selected-cat/">Selected category</a>
<ul>
<li><a href="/other-cat/">Other cat</a></li>
<li><a href="/other-cat/">Other cat</a></li>
<li><a href="/other-cat/">Other cat</a></li>
<li><a href="/other-cat/">Other cat</a></li>
</ul>
</li>
</ul>
</div>


URLs will be rewrote like : www.mydomain/selected-section/selected-cat/
The Title tag will get the value : <title>Selected section > Selected cat</title>

My question(s)

How the search engines will index this navigation?

Is it a better way to declare this navigation with something like following in the menu:

...
<a href="/selected-section/"><h1>Selected section</h1></a>
...
<a href="/selected-cat/"><h2>Selected category</h2></a>
...


Any other idea or advice will be appreciated.

Edit

A solution could be the microdata with a breadcrumb type, about breadcrumb microdata

Please let me know if this is the best practice.

Vote Up Vote Down

Login to post a comment!