PlanetHurley.com

There are lots of issues with breadcrumb semantic on website (including this site to!).
This site uses the following markup format for its page-breadcrumbs.
"<p><a href="/Blogs">blogs</a> > Web Design</p>"

this isn't very semantic for many reasons:
- pipe symbols/ampersands/seperators should be for display purposes only, not in markup.
- the p tag indicates a paragraph of text with no structure.
- ...

A more semantic version which indicates the correct structure and seperates display from meaning is below.

<ul>
<li><a href="/">Home</a>
<ul>
<li><a href="/Blogs">Blogs</a>
<ul>
<li>Web Design</li>
</ul>
</li>
</ul>
</li>
</ul>

The above shows the correct structure, but could be considered "over the top" or "semantic-extreme"/

An in-between approach and the recommended approach would be to just have one unordered list

<ul>
<li><a href="/">home</a></li>
<li><a href="/Blogs">Blogs</li>
<li>Web Design</li>
</ul>

Another point to note is that it would be useful to remove any URL-encoded characters from URLs as they look ugly and don't help search engines understand the content any further