vBulletin scheint ja großen Wert auf strukturierte Daten zu legen, denn eigentlich überall sind Angaben zum Schema zu finden. Gut, da sind einige falsch oder unvollständig, aber doch gerade die Breadcrumb im vBulletin 5 sollte stimmen, oder?
Leider ist dem auch nicht so, denn mit der Auszeichnung kann Google nichts anfangen:
Item
type: https://beispiel.rocks/beispiel.rocks/schema.org/itempage
property:
breadcrumb: Startseite Forum Talk about Off Topic
Das ist etwa das Beispiel aus einem Thread im OT. Die Daten kommen jeweils von der Navi ganz oben, also der hier:
Startseite > Forum > Talk about > Off Topic
Nur ist die Auszeichnung halt leider falsch.
Dieser Code wird verwendet:
<ul id="breadcrumbs" class="h-clearfix" itemprop="breadcrumb">
<li class="crumb ellipsis">
<a class="crumb-link" href="https://seo-nw.de/">Startseite</a>
</li>
<li class="vb-icon separator"></li>
<li class="crumb ellipsis">
<a class="crumb-link" href="https://seo-nw.de/forum">Forum</a>
</li>
<li class="vb-icon separator"></li>
<li class="crumb ellipsis">
<a class="crumb-link" href="https://seo-nw.de/forum/talk-about">Talk about</a>
</li>
<li class="vb-icon separator"></li>
<li class="crumb ellipsis">
<a class="crumb-link" href="https://seo-nw.de/forum/talk-about/off-topic">Off Topic</a>
</li>
</ul>
Alles anzeigen
Das Problem dabei ist nur, dass das laut schema.org stimmt, Google im Bereich Breadcrumbs schema.org aber nicht unterstützt, sondern sein eigens Layout verwendet.
<span itemscope itemtype="https://beispiel.rocks/beispiel.rocks….org/Breadcrumb">
Dabei werden auch Linktitel und Linkurl separat erfasst und sind somit überhaupt erst für Google auswertbar.
Ohne es getestet zu haben, aber das müsste für Google (und auch Bing / Yahoo) in etwa so aussehen:
<ul id="breadcrumbs" class="h-clearfix">
<li class="crumb ellipsis" itemscope itemtype="https://beispiel.rocks/beispiel.rocks/data-vocabulary.org/Breadcrumb">
<a class="crumb-link" href="https://seo-nw.de/" itemprop="url"><span itemprop="title">Startseite</span></a>
</li>
<li class="vb-icon separator"></li>
<li class="crumb ellipsis" itemscope itemtype="https://beispiel.rocks/beispiel.rocks/data-vocabulary.org/Breadcrumb">
<a class="crumb-link" href="https://seo-nw.de/forum" itemprop="url"><span itemprop="title">Forum</span></a>
</li>
<li class="vb-icon separator"></li>
<li class="crumb ellipsis" itemscope itemtype="https://beispiel.rocks/beispiel.rocks/data-vocabulary.org/Breadcrumb">
<a class="crumb-link" href="https://seo-nw.de/forum/talk-about" itemprop="url"><span itemprop="title">Talk about</span></a>
</li>
<li class="vb-icon separator"></li>
<li class="crumb ellipsis" itemscope itemtype="https://beispiel.rocks/beispiel.rocks/data-vocabulary.org/Breadcrumb">
<a class="crumb-link" href="https://seo-nw.de/forum/talk-about/off-topic" itemprop="url"><span itemprop="title">Off Topic</span></a>
</li>
</ul>
Alles anzeigen
Somit nicht einfach um alles (im UL) die breadcrumb definieren, sondern die einzelnen Krumen separat deklarieren innerhalb der Listenpunkte. Also quasi pro Navigationspunkt einen "itemscope" mit itemtyp "https://beispiel.rocks/beispiel.rocks….org/Breadcrumb". Und innerhalb des jeweiligen "itemscope" dann die Unterpunkte (itemprop) "url" und "title".