Przykład schematu breadcrumbs

Użyj jednego elementu na linię: Nazwa | URL

Dobry przykład schematu breadcrumbs pokazuje każde pole, które czyta Google: typ listy, pozycję każdego kroku, jego nazwę i adres URL. Potraktuj poniższy przykład jako wzór, a potem wpisz własną ścieżkę w narzędziu powyżej, aby dostać taką samą strukturę wypełnioną Twoimi stronami.

Zamień przykład na własny znacznik

  1. 1

    Przejmij format wierszy

    Wpisz po jednym wierszu na poziom w postaci Nazwa | URL, na przykład Strona główna | https://example.com/ w pierwszym wierszu.

  2. 2

    Dodaj każdy głębszy poziom

    W drugim wierszu wpisz dział, a w ostatnim bieżącą stronę, każdy z pełnym adresem URL.

  3. 3

    Wygeneruj

    Przejdź do wyniku. Narzędzie ponumeruje kroki od 1 i zbuduje znacznik script.

  4. 4

    Porównaj z przykładem

    Sprawdź, czy wynik ma te same klucze co wzór, a potem użyj przycisku Kopiuj.

Kompletny przykład dla strony na trzech poziomach

Wyobraź sobie wpis na blogu pod adresem https://example.com/blog/podstawy-breadcrumbs/. Widoczna ścieżka to Strona główna, Blog, Podstawy breadcrumbs. Wpisana w narzędziu wygląda tak:

Strona główna | https://example.com/
Blog | https://example.com/blog/
Podstawy breadcrumbs | https://example.com/blog/podstawy-breadcrumbs/

Wygenerowany wynik:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Strona główna",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Podstawy breadcrumbs",
      "item": "https://example.com/blog/podstawy-breadcrumbs/"
    }
  ]
}
</script>

Do czego służy każda część

Pole Znaczenie
@context Informuje parsery, że słownik to schema.org.
@type: BreadcrumbList Deklaruje, że blok opisuje ścieżkę.
itemListElement Uporządkowana tablica kroków.
position Numer kroku, od 1 dla najwyższego poziomu.
name Etykieta wyświetlana w ścieżce.
item Adres URL tego kroku.

Dostosowanie przykładu

Zachowaj kolejność od najwyższego poziomu witryny do bieżącej strony. Używaj tych samych etykiet, które odwiedzający widzą w widocznych breadcrumbs na stronie, i pisz pełne adresy URL z protokołem. Wiersz bez nazwy lub adresu URL jest pomijany, więc numeracja pozostaje ciągła, bez przerw. Narzędzie zapisuje adres URL także dla ostatniego kroku, co jest poprawnym znacznikiem.

Dla głębszej strony dodaj po prostu więcej wierszy. Produkt na piątym poziomie dostanie pięć pozycji o numerach od 1 do 5.

Czytanie własnego wyniku

Po wygenerowaniu swojej wersji przeczytaj ją od góry do dołu i porównaj ze wzorem. Pierwsza pozycja powinna być Twoją stroną główną na pozycji 1. Ostatnia powinna być stroną, na której znajduje się znacznik, z jej własnym adresem URL. Jeśli jakaś nazwa wygląda źle, wróć, popraw ten wiersz i wygeneruj ponownie. Nic więcej nie wymaga zmian poza numeracją, którą narzędzie aktualizuje samo.

Dla płytszej strony, na przykład podstrony O nas tuż pod stroną główną, przykład skraca się do dwóch pozycji. Struktura nigdy się nie zmienia, zmienia się tylko liczba obiektów ListItem, a tę liczbę obsługuje narzędzie.

Najczęściej zadawane pytania

Dopiero po zastąpieniu nazw i adresów URL własnymi. Example.com to zastępnik, a znacznik wskazujący strony, które nie istnieją lub nie pasują do widocznej ścieżki, może zostać zignorowany.

Tyle, ile poziomów ma strona. Zwykle od dwóch do pięciu. Narzędzie przyjmuje dowolną liczbę wierszy.

Wynik to gotowy do wklejenia blok typu application/ld+json. Umieść go w head lub body strony i nie opakowuj niczym innym.

Wiersz jest pomijany i nie dostaje numeru pozycji. Dodaj adres URL po pionowej kresce, aby zachować ten krok w ścieżce.

Powiązane narzędzia

Narzędzie jest dostępne w innych językach

Poradniki i zastosowania