SEO-Wiki — SEO-Fach­be­grif­fe ver­ständ­lich erklärt!

Ein Bread­crumb ist ein Navi­ga­ti­ons­hilfs­mit­tel auf einer Web­site, das den Benut­zern dabei hilft, ihre aktu­el­le Posi­ti­on auf der Web­site zu ver­ste­hen und schnell auf höhe­re Ebe­nen in der Navi­ga­ti­ons­hier­ar­chie zurück­zu­keh­ren. Der Name “Bread­crumb” kommt von der Hän­sel-und-Gre­tel-Geschich­te, in der die Kin­der Brot­kru­men auf ihrem Weg aus­le­gen, um den Weg zurückzufinden.

Ein Bread­crumb besteht in der Regel aus einer hori­zon­ta­len Lis­te von Links, die über der Haupt­in­halts­ebe­ne einer Sei­te plat­ziert sind. Die Links in den Bread­crumbs zei­gen den Pfad an, den der Benut­zer genom­men hat, um zu der aktu­el­len Sei­te zu gelan­gen. Jeder Link reprä­sen­tiert eine Ebe­ne der Navi­ga­ti­ons­hier­ar­chie. Zum Bei­spiel könn­te ein Bread­crumb auf einer E‑Com­mer­ce-Web­site wie folgt aussehen:

Start­sei­te > Kate­go­rie > Unter­ka­te­go­rie > Produkt

In die­sem Bei­spiel gibt der Bread­crumb an, dass der Benut­zer auf der Pro­dukt­sei­te ist, die sich in der Kate­go­rie und Unter­ka­te­go­rie befin­det, die wie­der­um unter der Start­sei­te zu fin­den sind.

Bread­crumbs ver­bes­sern die Benut­zer­er­fah­rung, indem sie den Benut­zern ermög­li­chen, schnell zurück­zu­keh­ren und die Navi­ga­ti­ons­ebe­ne zu ändern, ohne die vor­he­ri­ge Sei­te zu ver­las­sen und zurück­zu­keh­ren. Dies kann auch dazu bei­tra­gen, dass Besu­cher län­ger auf der Web­site blei­ben und mehr Sei­ten auf­ru­fen, da sie eine bes­se­re Vor­stel­lung davon haben, wo sie sich befin­den und wohin sie als nächs­tes gehen möchten.

Für Such­ma­schi­nen­op­ti­mie­rung sind Bread­crumbs von Vor­teil, da sie Such­ma­schi­nen dabei hel­fen, die Sei­ten­struk­tur einer Web­site bes­ser zu ver­ste­hen und zu inde­xie­ren. Bread­crumbs kön­nen auch die inter­ne Ver­lin­kung einer Web­site ver­bes­sern, was wie­der­um die Ran­king-Posi­ti­on einer Sei­te in den Such­ergeb­nis­sen posi­tiv beein­flus­sen kann.

Ins­ge­samt ist ein Bread­crumb ein nütz­li­ches Navi­ga­ti­ons­hilfs­mit­tel, das dazu bei­tra­gen kann, die Benut­zer­er­fah­rung zu ver­bes­sern und die Such­ma­schi­nen­op­ti­mie­rung einer Web­site zu unter­stüt­zen. Die Imple­men­tie­rung von Bread­crumbs soll­te jedoch sorg­fäl­tig geplant wer­den, um sicher­zu­stel­len, dass sie klar und ein­fach zu ver­wen­den sind und nicht über­la­den oder ver­wir­rend wirken.

Such­ma­schi­nen wie Goog­le ver­wen­den Bread­crumbs, um die Struk­tur einer Web­site zu ver­ste­hen und sie im Index kor­rekt zu kate­go­ri­sie­ren. Durch die Imple­men­tie­rung von Bread­crumbs auf einer Web­site kann Goog­le die Navi­ga­ti­ons­struk­tur bes­ser ver­ste­hen und dadurch die Benut­zer­er­fah­rung verbessern.

Eine wich­ti­ge Funk­ti­on von Bread­crumbs in Bezug auf SEO ist, dass sie die inter­ne Ver­lin­kung einer Web­site stär­ken kön­nen. Durch die ein­fa­che Navi­ga­ti­on zwi­schen ver­schie­de­nen Ebe­nen der Navi­ga­ti­ons­hier­ar­chie kön­nen Bread­crumbs dazu bei­tra­gen, dass Benut­zer auf meh­re­re Sei­ten einer Web­site zugrei­fen und somit die inter­ne Ver­lin­kung erhöhen.

Zusätz­lich kön­nen Bread­crumbs die Benut­zer­er­fah­rung auf der Web­site ver­bes­sern, was sich posi­tiv auf die SEO aus­wir­ken kann. Wenn Benut­zer eine bes­se­re Vor­stel­lung davon haben, wo sie sich auf der Web­site befin­den und wie sie zu ande­ren Sei­ten navi­gie­ren kön­nen, blei­ben sie län­ger auf der Web­site und besu­chen mehr Sei­ten. Dies kann sich posi­tiv auf Metri­ken wie die Absprungra­te und die Ver­weil­dau­er aus­wir­ken, die von Goog­le als posi­ti­ve Signa­le für die Rele­vanz und Qua­li­tät einer Web­site inter­pre­tiert werden.

Es ist jedoch wich­tig zu beach­ten, dass Bread­crumbs allein kei­ne umfas­sen­de SEO-Stra­te­gie aus­ma­chen. Sie soll­ten als Teil einer ganz­heit­li­chen Stra­te­gie zur Ver­bes­se­rung der Navi­ga­ti­on und Benut­zer­er­fah­rung einer Web­site betrach­tet wer­den. Es ist ent­schei­dend, dass Bread­crumbs klar und ein­fach zu bedie­nen sind und kei­ne Ver­wir­rung stif­ten. Wenn Bread­crumbs ver­wir­rend oder zu umfang­reich sind, kön­nen sie die Benut­zer­er­fah­rung beein­träch­ti­gen und sich nega­tiv auf die SEO auswirken.

  1. 1.
    Ver­laufs­ba­sier­te Bread­crumbs: Die­se Art von Bread­crumbs zeigt die Schrit­te an, die ein Benut­zer unter­nom­men hat, um zu einer bestimm­ten Sei­te zu gelan­gen. Sie begin­nen nor­ma­ler­wei­se mit der Home­page und zei­gen dann die Klicks des Benut­zers auf dem Weg zur aktu­el­len Sei­te an. Ver­laufs­ba­sier­te Bread­crumbs wer­den nor­ma­ler­wei­se hori­zon­tal ange­zeigt und sind in der Regel die ein­fachs­ten und gebräuch­lichs­ten Typen von Bread­crumbs. Sie eig­nen sich beson­ders für umfang­rei­che Web­sites mit einer tie­fen Hier­ar­chie, da sie dem Benut­zer eine kla­re Vor­stel­lung davon geben, wo er sich auf der Web­site befindet.
  2. 2.
    Pfad­ba­sier­te Bread­crumbs: Die­se Art von Bread­crumbs zeigt die hier­ar­chi­sche Struk­tur einer Web­site an. Im Gegen­satz zu ver­laufs­ba­sier­ten Bread­crumbs zei­gen sie den voll­stän­di­gen Pfad zur aktu­el­len Sei­te an, begin­nend mit der obers­ten Ebe­ne der Navi­ga­ti­on und endend mit der aktu­el­len Sei­te. Pfad­ba­sier­te Bread­crumbs wer­den nor­ma­ler­wei­se ver­ti­kal ange­zeigt und eig­nen sich beson­ders für fla­che­re Web­sites mit weni­ger Ebe­nen in der Navigation.
  3. 3.
    Attri­but­spe­zi­fi­sche Bread­crumbs: Die­se Art von Bread­crumbs zeigt den Weg zur aktu­el­len Sei­te basie­rend auf Attri­bu­ten an, die für die Sei­te rele­vant sind. Dies kön­nen zum Bei­spiel Kate­go­rien oder Tags sein, die auf der Sei­te ver­wen­det wer­den. Attri­but­spe­zi­fi­sche Bread­crumbs kön­nen hori­zon­tal oder ver­ti­kal ange­zeigt wer­den und bie­ten Benut­zern eine zusätz­li­che Mög­lich­keit, durch die Web­site zu navi­gie­ren und ähn­li­che Inhal­te zu finden.

Jeder Bread­crumb-Typ hat sei­ne eige­nen Vor- und Nach­tei­le. Ver­laufs­ba­sier­te Bread­crumbs sind am ein­fachs­ten zu imple­men­tie­ren und zu ver­ste­hen, wäh­rend pfad­ba­sier­te Bread­crumbs mehr Kon­text und eine bes­se­re Struk­tur bie­ten kön­nen. Attri­but­spe­zi­fi­sche Bread­crumbs bie­ten zusätz­li­che Mög­lich­kei­ten, um durch die Web­site zu navi­gie­ren und kön­nen die Rele­vanz bestimm­ter Sei­ten beto­nen. Die Wahl des bes­ten Bread­crumb-Typs hängt von der Struk­tur und den Zie­len der Web­site ab.

Die Imple­men­tie­rung von Bread­crumbs auf einer Web­site ist rela­tiv ein­fach und erfor­dert nur eini­ge grund­le­gen­de Kennt­nis­se in HTML und CSS. Es gibt meh­re­re Mög­lich­kei­ten, Bread­crumbs zu imple­men­tie­ren, darunter:

  1. 1.
    Manu­el­le Imple­men­tie­rung: Die­se Metho­de erfor­dert die manu­el­le Erstel­lung von HTML-Code für jede Bread­crumb. Dies erfor­dert etwas mehr Arbeit, ist aber die bes­te Opti­on für Web­sites, die eine maß­ge­schnei­der­te Gestal­tung benötigen.
  2. 2.
    Plug­in-Imple­men­tie­rung: Die Ver­wen­dung eines Plug­ins ist eine ein­fa­che Mög­lich­keit, um Bread­crumbs auf einer Web­site zu imple­men­tie­ren, ins­be­son­de­re für Web­sites, die auf einer Con­tent-Manage­ment-Platt­form wie Word­Press lau­fen. Es gibt vie­le Plug­ins für Word­Press, die Bread­crumbs unterstützen.
  3. 3.
    Auto­ma­ti­sche Imple­men­tie­rung: Eini­ge Con­tent-Manage­ment-Sys­te­me wie Shop­i­fy und Magen­to ver­fü­gen über inte­grier­te Bread­crumb-Sys­te­me, die auto­ma­tisch Bread­crumbs für die Web­site erstellen.

Wenn es um die Imple­men­tie­rung von Bread­crumbs geht, gibt es eini­ge bewähr­te Metho­den, die zu beach­ten sind. Zum Bei­spiel, dass die Bread­crumbs leicht zu fin­den sind und an einer pro­mi­nen­ten Stel­le auf der Sei­te plat­ziert wer­den. Nor­ma­ler­wei­se wer­den Bread­crumbs am Anfang oder Ende der Sei­te plat­ziert, oder auch an bei­den Stel­len. Es ist auch wich­tig, sicher­zu­stel­len, dass die Bread­crumbs kon­sis­tent und logisch auf­ge­baut sind, damit sie für den Benut­zer leicht zu ver­ste­hen sind.

In Bezug auf die tech­ni­sche Imple­men­tie­rung ist es wich­tig sicher­zu­stel­len, dass die Bread­crumbs gut struk­tu­riert sind, damit sie von Such­ma­schi­nen gecrawlt wer­den kön­nen. Eine ein­fa­che Mög­lich­keit, um sicher­zu­stel­len, dass die Bread­crumbs von Such­ma­schi­nen ver­stan­den wer­den, ist die Ver­wen­dung von struk­tu­rier­tem Daten­mar­kups wie JSON-LD. Struk­tu­rier­te Daten ermög­li­chen es Such­ma­schi­nen, die Infor­ma­tio­nen auf einer Sei­te bes­ser zu ver­ste­hen und kön­nen dazu bei­tra­gen, dass die Bread­crumbs in den Such­ergeb­nis­sen ange­zeigt werden.

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Category",
      "item": "https://example.com/category"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Subcategory",
      "item": "https://example.com/category/subcategory"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Current Page",
      "item": "https://example.com/category/subcategory/current-page"
    }
  ]
}

Die­ses Bei­spiel zeigt, wie eine Bread­crumb-Lis­te in JSON-LD-For­mat struk­tu­riert wer­den kann, indem eine Lis­te von Lis­ten­ein­trä­gen (“item­Lis­t­Ele­ment”) defi­niert wird. Jeder Lis­ten­ein­trag ist ein “Lis­tI­tem” mit Anga­ben zur Posi­ti­on in der Lis­te (“posi­ti­on”), dem Namen des Lis­ten­ein­trags (“name”) und dem Link zur Sei­te (“item”).

Um die Vor­tei­le von Bread­crumbs best­mög­lich zu nut­zen, soll­ten eini­ge Best Prac­ti­ces bei ihrer Imple­men­tie­rung und Gestal­tung berück­sich­tigt wer­den. Hier sind eini­ge Empfehlungen:

  1. 1.
    1. Platzierung
    Bread­crumbs soll­ten in der Regel oben auf der Sei­te plat­ziert wer­den, da sie auf die­se Wei­se am bes­ten sicht­bar und ein­fach zu benut­zen sind. Die meis­ten Web­sites plat­zie­ren Bread­crumbs direkt unter der Hauptnavigation.
  2. 2.
    1. Hier­ar­chie anzeigen
    Es ist wich­tig, dass die Bread­crumbs die Hier­ar­chie der Sei­te wider­spie­geln, um dem Benut­zer die Navi­ga­ti­on zu erleich­tern. Ver­wen­den Sie daher kla­re und prä­zi­se Bezeich­nun­gen, um den Pfad der Sei­te darzustellen.
  3. 3.
    1. Link-Titel
    Die Titel der Links in den Bread­crumbs soll­ten klar und prä­zi­se sein, um dem Benut­zer zu zei­gen, wohin jeder Link führt. Gene­ri­sche Begrif­fe soll­ten, die dem Benut­zer kei­ne nütz­li­chen Infor­ma­tio­nen lie­fern, soll­ten ver­mie­den werden.
  4. 4.
    1. Konsistenz
    Bread­crumbs soll­ten einer kon­sis­ten­ten Struk­tur fol­gen, sodass sie auf jeder Sei­te gleich aus­se­hen. So bie­ten sie dem Benut­zer ein ver­trau­tes und intui­ti­ves Navigationserlebnis.
  5. 5.
    1. Mobi­le Optimierung
    Da der ver­füg­ba­re Platz auf klei­ne­ren Bild­schir­men begrenzt ist, soll­ten Bread­crumbs in der mobi­len Ansicht in einer ver­kürz­te Ver­si­on ver­wen­det werden.
  6. 6.
    1. Mark­up verwenden
    Struk­tu­rier­te Daten (Mark­up), hel­fen Goog­le dabei, Bread­crumbs bes­ser zu ver­ste­hen und sie mög­li­cher­wei­se in den Such­ergeb­nis­sen anzu­zei­gen. Das Mark­up kann auch dazu bei­tra­gen, das Erschei­nungs­bild der Bread­crumbs in den Such­ergeb­nis­sen zu verbessern.
  7. 7.
    1. Testing
    Um sicher­zu­stel­len, dass Bread­crumbs benut­zer­freund­lich und funk­ti­ons­fä­hig sind, soll­teb sie getes­tet wer­den. Dabei ist es wich­tig, zu über­prü­fen, ob sie auf allen Sei­ten kor­rekt ange­zeigt wer­den und ob sie den Benut­zer bei der Navi­ga­ti­on unterstützen.

Obwohl Bread­crumbs für alle Web­sites nütz­lich sein kön­nen, gibt es eini­ge spe­zi­fi­sche Struk­tu­ren, in denen sie beson­ders sinn­voll sind:

    1. E‑Com­mer­ce-Web­sites
    Für E‑Com­mer­ce-Web­sites sind Bread­crumbs uner­läss­lich, da sie nor­ma­ler­wei­se sehr umfang­reich und kom­plex sind. Der Nut­zer kann sich mit­hil­fe der Bread­crumbs schnell einen Über­blick über die Kate­go­rien und Unter­ka­te­go­rien ver­schaf­fen und sich so leich­ter durch die Web­site navigieren.
    1. Content-Websites
    Bread­crumbs auf Con­tent-Web­sites sind beson­ders hilf­reich, um dem Nut­zer zu zei­gen, auf wel­cher Ebe­ne sich der aktu­el­le Inhalt befin­det und wie er sich inner­halb der Web­site befin­det. Auf die­se Wei­se kann der Nut­zer leich­ter durch die ver­schie­de­nen Kate­go­rien und Sei­ten navigieren.
    1. Web­sites mit vie­len Ebenen
    Je tie­fer die Struk­tur einer Web­site ist, des­to wich­ti­ger wer­den Bread­crumbs, um dem Nut­zer Ori­en­tie­rung zu bie­ten. Beson­ders bei gro­ßen Web­sites mit vie­len Ebe­nen kön­nen Bread­crumbs dem Nut­zer hel­fen, den Über­blick zu behal­ten und sich zurechtzufinden.
    1. Mobi­le Websites
    Bread­crumbs auf mobi­len Web­sites sind beson­ders hilf­reich, da der Platz auf dem Bild­schirm begrenzt ist. Durch Bread­crumbs kann der Nut­zer schnell und ein­fach zwi­schen den ver­schie­de­nen Ebe­nen navi­gie­ren, ohne jedes Mal zum Anfang zurück­keh­ren zu müssen.
    1. Web­sites mit einer hier­ar­chi­schen Struktur
    Bread­crumbs eig­nen sich beson­ders gut für Web­sites mit einer hier­ar­chi­schen Struk­tur, da sie dem Nut­zer einen schnel­len Über­blick über die Hier­ar­chie der Web­site geben. Der Nut­zer kann so schnell zwi­schen den ver­schie­de­nen Ebe­nen navi­gie­ren und sich leich­ter zurechtfinden.

Wie immer gilt: Bread­crumbs soll­ten so imple­men­tiert wer­den, dass sie dem Nut­zer hel­fen, sich auf der Web­site zurecht­zu­fin­den. Die Ver­wen­dung von Bread­crumbs in allen Web­site-Struk­tu­ren ist jedoch ein bewähr­ter Ansatz und kann dazu bei­tra­gen, die Benut­zer­freund­lich­keit der Web­site zu verbessern.

Mobi­le Gerä­te wie Smart­phones und Tablets wer­den immer belieb­ter, und vie­le Men­schen nut­zen sie als pri­mä­res Gerät, um im Inter­net zu sur­fen. Daher ist es wich­tig, sicher­zu­stel­len, dass die Bread­crumb-Navi­ga­ti­on auch auf mobi­len Web­sites kor­rekt imple­men­tiert wird.

Die Ver­wen­dung von Bread­crumbs in mobi­len Web­sites kann auf­grund des begrenz­ten Plat­zes auf dem Bild­schirm eine Her­aus­for­de­rung sein. Es gibt jedoch Mög­lich­kei­ten, um sicher­zu­stel­len, dass Bread­crumbs in mobi­len Web­sites effek­tiv ein­ge­setzt werden.

Eine Mög­lich­keit besteht dar­in, Bread­crumbs in einem aus­klapp­ba­ren Menü anzu­zei­gen. Wenn der Benut­zer auf das Menü­sym­bol klickt, wird das Menü ange­zeigt, und die Bread­crumbs wer­den dort angezeigt.

Eine ande­re Mög­lich­keit besteht dar­in, die Bread­crumbs ver­ti­kal anzu­zei­gen, anstatt hori­zon­tal. Auf die­se Wei­se benö­ti­gen sie weni­ger Platz auf dem Bild­schirm und pas­sen bes­ser auf die klei­ne­re Bild­schirm­grö­ße von Mobilgeräten.

Ein wei­te­rer wich­ti­ger Fak­tor ist die Les­bar­keit. Die Schrift­grö­ße soll­te groß genug sein, um auf einem mobi­len Gerät leicht les­bar zu sein, und die Far­ben soll­ten so gewählt wer­den, dass sie gut les­bar sind.

Es ist auch wich­tig sicher­zu­stel­len, dass die Bread­crumbs auf mobi­len Web­sites voll­stän­dig funk­tio­nie­ren. Benut­zer soll­ten in der Lage sein, auf alle Links zu kli­cken und zu den ent­spre­chen­den Sei­ten zu gelangen.

  1. 1.
    Goog­le Deve­lo­pers: Bread­crumbs — https://developers.google.com/search/docs/data-types/breadcrumb
  2. 2.
    SEO Gui­de für Anfän­ger: https://koschklinkperformance.de/seo-guide/
  3. 3.
    Moz: Bread­crumb Navi­ga­ti­on: A Gui­de On Types, Bene­fits And Best Prac­ti­ces — https://moz.com/learn/seo/breadcrumb

Ein­satz von künst­li­cher Intelligenz

Die­ser Bei­trag wur­de mit­hil­fe künst­li­cher Intel­li­genz erstellt und von unse­rern Fach­ex­per­ten sorg­fäl­tig über­prüft, um sicher­zu­stel­len, dass die Infor­ma­tio­nen kor­rekt, ver­ständ­lich und nütz­lich sind.