Breadcrumb im PORTAL

Funktionalitäten der Breadcrumb im PORTAL

• Orientierung für Besucher:innen in der PORTAL-Hierarchie

• 1-Klick-Navigation

• Stärkung der internen Verlinkung auf dem PORTAL (für Suchmaschinen-Crawler)

• Optimiert für die Rich-Snippet-Anzeige auf SERPs durch schema.org-Auszeichnung

Inhaltsverzeichnis

Allgemeine Beschreibung

Die Breadcrumb ist eine Navigation in Form eines Link-Pfads. Dieser bietet PORTAL-Besucher:innen eine Orientierung und vereinfacht die Navigation. Die Metapher der Brotkrumen ist tatsächlich aus dem Märchen “Hänsel und Gretel” entlehnt und soll analog zum Ausdruck bringen, dass Besucher:innen zu jeder Zeit wissen, wo sie sich in der Hierarchie des PORTALs befinden. Sie können dann - ausgehend vom letzten Element im Navigationspfad - jeweils mit einem Klick auf die jeweilige Ebene in der Websitehierarchie zurückwechseln.

Suchmaschinen nutzen die Breadcrumb ebenfalls, um weitere Seiten zu finden und den Aufbau des PORTALs zu verstehen. Somit ist diese Art der Navigation ein weiterer wichtiger Baustein für die interne Verlinkung des PORTALs und zahlt damit auf die SEO-optimierte PORTAL-Struktur ein. Durch eine schema.org-Auszeichnung sind die PORTAL-Breadcrumbs für die Rich-Snippet-Anzeige auf Suchergebnisseiten (SERPs) optimiert.

Standard-Aufbau

Die Breadcrumb wird pro Seitentyp definiert. Grundsätzlich lässt sich jedoch folgende Faustregel für den Aufbau ableiten:

schema.org-Auszeichnung

Die Breadcrumb wird auf dem PORTAL mit schema.org ausgezeichnet, was Google und anderen Suchmaschinen ermöglicht, die Breadcrumb auf den Suchergebnisseiten (“SERPs”) anzuzeigen und damit die Suchergebnisse aufzuwerten.

Beispiel-Code einer Breadcrumb auf der Beitragsdetailseite:

<nav aria-label="Sie sind hier:" role="navigation">
  <ol class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a itemprop="item" href="/"><i class="fa fa-lg fa-home"></i><span itemprop="name" class="hide">Home</span><meta itemprop="position" content="1"></a></li>
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a itemscope="" itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://peiq.de/bayern" href="https://peiq.de/bayern"><span itemprop="name">Bayern</span></a><meta itemprop="position" content="2"></li>
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a itemscope="" itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://peiq.de/augsburg" href="https://peiq.de/augsburg"><span itemprop="name">Augsburg</span></a><meta itemprop="position" content="3"></li>
    <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a itemscope="" itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://peiq.de/augsburg/c-politik" href="https://peiq.de/augsburg/c-news"><span itemprop="name">News</span></a><meta itemprop="position" content="4"></li>
  </ol>
</nav>

Verwandte Seiten