Softonic

Jak dodać schema breadcrumbs do strony internetowej

Krok 1 / 2

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

Dalej: wynik

Dodanie schematu breadcrumbs to dwa zadania: przygotowanie JSON-LD i umieszczenie go na stronie. Do pierwszego użyj narzędzia powyżej, a do drugiego skorzystaj z poniższych wskazówek.

Dodaj schema breadcrumbs w czterech krokach

  1. 1

    Wpisz ścieżkę

    Wpisz drogę strony od strony głównej, po jednym wierszu na poziom w postaci Nazwa | URL, na końcu bieżąca strona.

  2. 2

    Wygeneruj i skopiuj

    Przejdź do wyniku i naciśnij Kopiuj, aby wziąć cały blok script.

  3. 3

    Wklej go na stronę

    Wstaw blok do head strony albo w dowolne miejsce w body, w szablonie lub edytorze.

  4. 4

    Przetestuj działającą stronę

    Sprawdź adres URL w Rich Results Test od Google i popraw wszystko, co zostanie zgłoszone.

Krok 1: ustal ścieżkę dla każdej strony

Każda strona potrzebuje własnej ścieżki, ponieważ ostatnim krokiem jest sama strona. Wpis na blogu, produkt i strona kontaktowa mają każde inną drogę. Najpierw zapisz poziomy, używając tych samych etykiet co w widocznych breadcrumbs.

Krok 2: wygeneruj blok

Narzędzie tworzy kompletny znacznik script z type="application/ld+json". Zawiera BreadcrumbList i ponumerowane ListItem. Nic więcej nie trzeba wokół niego dodawać.

Krok 3: umieść go na stronie

W zależności od tego, jak zbudowana jest Twoja witryna, masz kilka typowych możliwości:

  • Strony statyczne: wklej blok do HTML każdej strony.
  • Witryny oparte na szablonach: dodaj skrypt do wspólnego szablonu i uzupełniaj nazwy oraz adresy URL z danych strony, traktując wygenerowany wynik jako wzór.
  • Edytory wizualne: poszukaj pola na własny kod w nagłówku strony i wklej tam blok.

Wygeneruj blok raz jako wzorzec, a potem odtwórz ten sam kształt dla pozostałych stron w szablonie.

Krok 4: sprawdź wynik

Po publikacji sprawdź stronę w narzędziu testowym i potwierdź, że breadcrumbs są wykrywane bez błędów. Typowe usterki to adres URL bez protokołu, etykieta różna od widocznej ścieżki oraz ten sam blok skopiowany na każdą stronę bez zmiany ostatniego kroku.

Utrzymanie

Jeśli przenosisz stronę lub zmieniasz nazwę działu, zaktualizuj zarówno widoczne breadcrumbs, jak i schema. Nieaktualny znacznik wskazujący stare adresy URL jest gorszy niż jego brak.

Przykładowa strona od początku do końca

Weźmy poradnik pod adresem https://example.com/poradniki/instalacja/. Widoczna ścieżka to Strona główna, Poradniki, Instalacja. Wpisz trzy wiersze: Strona główna z https://example.com/, Poradniki z https://example.com/poradniki/ i Instalacja z https://example.com/poradniki/instalacja/. Wynik ma pozycje 1, 2 i 3. Dla kolejnego poradnika, https://example.com/poradniki/cennik/, skopiuj ten sam blok i zmień tylko ostatnią nazwę i adres URL. Dwie pierwsze pozycje pozostają identyczne, dlatego szablon może je wykorzystać ponownie.

Jeśli utrzymujesz wiele stron, prowadź w arkuszu krótką listę ścieżek każdej strony i generuj je po kolei. Sprawdzaj pierwszą i ostatnią pozycję na każdej stronie, bo to je najczęściej kopiuje się błędnie.

Najczęściej zadawane pytania

Oba miejsca są poprawne. Zwykle wybiera się head, bo znacznik jest wtedy oddzielony od treści strony.

Nie. Każda strona ma inny ostatni krok, więc potrzebuje własnej ścieżki, nawet jeśli górne poziomy są wspólne.

Do tego nie. Wygenerowany blok to zwykły tekst, który możesz wkleić wszędzie tam, gdzie Twoja witryna pozwala dodać własny kod.

Przetestuj działający adres URL w Rich Results Test. Poprawne breadcrumbs są wyświetlone bez błędów.

Powiązane narzędzia

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.

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.

Generator metatagów

Utwórz pełny zestaw metatagów: title, description, canonical, Open Graph, Twitter Card, ikony, PWA oraz dane strukturalne JSON-LD.

Sprawdzacz indeksowalności

Sprawdź, czy adres URL może zostać indeksowany: plik robots.txt, metaparametry robots, tag X-Robots, sygnały kanoniczne oraz stan HTTP.

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

Poradniki i zastosowania