PORTAL und PPS Knowledge Base

Breadcrumb im PORTAL

Die Breadcrumb ist eine Navigation in Form eines Link-Pfads und ist im PORTAL standardmäßig vorhanden.

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.

Breadcrumb auf einer Beitragsdetailseite
Breadcrumb auf einer Veranstaltungsdetailseite

Standard-Aufbau

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

Home (Link auf /)

Modul

ORT 1

ORT 2

Kategorisierung

Home (Link auf /)

Modul

ORT 1

ORT 2

Kategorisierung

Home

-

Bayern

Augsburg

Politik

Home

Themen

-

-

Plärrer Augsburg

Home

Veranstaltungen

Bayern

Augsburg

Ausstellung

Home

Stellenmarkt

Bayern

Augsburg

-

Home

Alle Kleinanzeigen

Bayern

Augsburg

-

Home

Administration & Moderation

-

-

Themen-Verwaltung

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>

Die Breadcrumb kann über Change Requests konfiguriert werden. Prinzipiell können folgende Eigenschaften angepasst werden:

  • Schriftgröße der Breadcrumbs

  • Farbe der Breadcrumb-Links

  • Darstellung der Breadcrumb in Kapitälchen oder nicht

  • Trennzeichen zwischen den Breadcrumb-Elementen, z. B. /, - oder >

  • Farbe des Trennzeichens

Bei der Anpassung der Farben muss es sich um handeln.

Verwandte Seiten