Breadcrumb schema exempel

Använd en post per rad: Namn | URL

Ett bra exempel på breadcrumb schema visar varje fält som Google läser: listtypen, varje stegs position, dess namn och dess webbadress. Använd exemplet nedan som förebild och skriv sedan in din egen väg i verktyget ovan, så får du samma struktur ifylld med dina sidor.

Gör om exemplet till din egen markering

  1. 1

    Kopiera radformatet

    Skriv en rad per nivå i formen Namn | URL, till exempel Startsida | https://example.com/ på första raden.

  2. 2

    Lägg till varje djupare nivå

    Ange avsnittet på rad två och aktuell sida på sista raden, båda med fullständig URL.

  3. 3

    Generera

    Gå vidare till resultatet. Verktyget numrerar stegen från 1 och bygger script-taggen.

  4. 4

    Jämför med exemplet

    Kontrollera att din utdata har samma nycklar som exemplet och använd sedan knappen Kopiera.

Ett komplett exempel för en sida med tre nivåer

Tänk dig ett blogginlägg på https://example.com/blogg/brodsmulor-grunder/. Den synliga vägen är Startsida, Blogg, Brödsmulor grunder. Inskriven i verktyget ser den ut så här:

Startsida | https://example.com/
Blogg | https://example.com/blogg/
Brödsmulor grunder | https://example.com/blogg/brodsmulor-grunder/

Den genererade utdatan är:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Startsida",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blogg",
      "item": "https://example.com/blogg/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Brödsmulor grunder",
      "item": "https://example.com/blogg/brodsmulor-grunder/"
    }
  ]
}
</script>

Vad varje del gör

Fält Betydelse
@context Talar om för tolkar att vokabulären är schema.org.
@type: BreadcrumbList Anger att blocket beskriver en väg.
itemListElement Den ordnade listan med steg.
position Stegets nummer, där översta nivån är 1.
name Etiketten som visas i vägen.
item Stegets URL.

Anpassa exemplet

Behåll ordningen från webbplatsens översta nivå ned till aktuell sida. Använd samma etiketter som besökarna ser i den synliga brödsmulenavigeringen och skriv fullständiga URL:er med protokoll. En rad som saknar namn eller URL hoppas över, så numreringen blir utan luckor. Verktyget skriver en URL även för sista steget, vilket är giltig markering.

För en djupare sida lägger du helt enkelt till fler rader. En produkt på nivå fem får fem poster med positionerna 1 till 5.

Läs din egen utdata

När du har genererat din version läser du den uppifrån och ned mot exemplet. Första posten ska vara din startsida på position 1. Sista posten ska vara sidan som markeringen sitter på, med dess egen URL. Ser ett namn fel ut går du tillbaka, ändrar den raden och genererar igen. Inget annat behöver ändras utom numreringen, och den uppdaterar verktyget själv.

För en grundare sida, till exempel en Om oss-sida direkt under startsidan, krymper exemplet till två poster. Strukturen ändras aldrig, bara antalet ListItem-objekt, och det antalet sköter verktyget.

Vanliga frågor

Först när du har bytt ut namnen och URL:erna mot dina egna. Example.com är en platshållare, och markering som pekar på sidor som inte finns eller inte stämmer med den synliga vägen kan ignoreras.

Så många som sidan har nivåer. Två till fem är vanligt. Verktyget godtar valfritt antal rader.

Resultatet är ett inklistringsklart block av typen application/ld+json. Lägg det i sidans head eller body och slå inte in det i något annat.

Raden hoppas över och får inget positionsnummer. Lägg till URL:en efter det lodräta strecket för att behålla steget i vägen.

Relaterade verktyg

Verktyget finns på andra språk

Guider och användningsområden