Przykład schematu breadcrumbs
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
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
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
Wygeneruj
Przejdź do wyniku. Narzędzie ponumeruje kroki od 1 i zbuduje znacznik script.
-
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
Dekoder skróconych linków
Rozwijaj linki bit.ly, t.co, tinyurl i inne skrócone. Zobacz każdy przeskok przekierowania, kod statusu i cel końcowy, zanim klikniesz.
Sprawdzanie mieszanej treści
Przeskanuj dowolną stronę HTTPS w poszukiwaniu niezabezpieczonych zasobów HTTP, które wywołują ostrzeżenia o mieszanej treści i psują ikonę kłódki w przeglądarce.
Kreator linków UTM
Buduj adresy URL śledzące kampanie z parametrami UTM source, medium, campaign, term i content. Czyste, zakodowane w URL linki gotowe do reklam i newsletterów.
Walidator Open Graph
Wklej kod HTML swojej strony i od razu zobacz, które tagi Open Graph i Twitter Card są obecne, których wymaganych brakuje i jaka jest dokładna wartość każdego z nich.
Ekstraktor linków wewnętrznych
Wyodrębnij wszystkie linki wewnętrzne z adresu URL lub wklejonego kodu HTML wraz z tekstem kotwicy, atrybutami rel i statusem nofollow na potrzeby audytów SEO.
Generator metatagów
Utwórz pełny zestaw metatagów: title, description, canonical, Open Graph, Twitter Card, ikony, PWA oraz dane strukturalne JSON-LD.
Narzędzie jest dostępne w innych językach
- ตัวอย่าง Breadcrumb Schema [TH]
- Ví dụ về Breadcrumb Schema [VI]
- Contoh Breadcrumb Schema [ID]
- مثال على Breadcrumb Schema [AR]
- Breadcrumb-Schema Beispiel [DE]
- パンくずリスト構造化データの例 [JA]
- Exemplo de Schema de Breadcrumb [PT]
- Ejemplo de esquema de migas de pan [ES]
- 브레드크럼 Schema 예시 [KO]
- Breadcrumb schema exempel [SV]
- Exemple de schéma de fil d'Ariane [FR]
- Breadcrumb schema voorbeeld [NL]
- Breadcrumb Schema Example [EN]
- Esempio di Schema Breadcrumb [IT]
- Пример разметки Breadcrumb Schema [RU]
- Breadcrumb Schema Örneği [TR]
- 面包屑结构化数据示例 [ZH]