PORTAL und PPS Knowledge Base
Breadcrumb im PORTAL
- Former user (Deleted)
- Ilker Oygün
- Kathrin Janka
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.
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 | - | 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 Portalfarben handeln.
Verwandte Seiten
Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/HYAENw