Hi All,
Early present for everyone, I've included an SEO optimised version of the Breadcrumb component that will help Search Crawlers better index and present the content in your community in Search Results.
To use the code below you'll need to create a new component in Studio with the name common.widget.breadcrumb@override
<#attempt>
<div class="BreadCrumb crumb-line lia-breadcrumb lia-component-common-widget-breadcrumb" class="BreadCrumb crumb-line lia-breadcrumb" aria-label="breadcrumbs" role="navigation">
<ul id="list" class="lia-list-standard-inline" itemscope itemtype="http://schema.org/BreadcrumbList">
<#list page.content.nav.breadcrumb.crumbs as crumb>
<#if crumb_has_next>
<li class="${crumb.wrapperCss}" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a class="lia-link-navigation ${crumb.css!"crumb"}" itemprop="item" href="${crumb.url}">
<span itemprop="name">${crumb.text}</span></a>
</li>
<li class="${crumb.separatorCss}" aria-hidden="true">
<span class="separator">${page.content.nav.breadcrumb.seperator}</span>
</li>
<#else>
<li class="${crumb.wrapperCss}" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<span class="lia-link-navigation child-thread lia-link-disabled" itemprop="name">${crumb.text}</span>
</li>
</#if>
</#list>
</ul>
</div>
<#recover>
<!-- Breadcrumb load failure -->
</#attempt>
Once you add this component it will override the default Community breadcrumb (this version matches and is backwards compatible with the out of the box Lithium breadcrumb component just with additional markup around it to support SEO).
Search Engines can take a while to pick up on the change but you should after a few weeks start to notice instead of the URL to the topic in question appearing below your search result it'll show the path in the community in a friendly manner which reflects the desired outcome mentioned in the first post.