Co to są breadcrumbsy, czyli okruszki chleba, na stronie i jak wpływają na SEO? Czy warto je implementować? Czytaj wiecej na naszym blogu: https://delante.pl/breadcrumbs-co-to-jest/

1. Breadcrumbs co to jest i
dlaczego jest ważne dla SEO?

2. 1. Czym jest “nawigacja okruszkowa”?

3. Breadcrumbs, czyli tak zwane “okruszki
chleba”, to ścieżka strony internetowej
umożliwiająca użytkownikowi łatwiejszą
orientację. Breadcrumbs pokazują osobie na
stronie, w którym miejscu się aktualnie
znajduje, a także umożliwiają szybki powrót
do poprzednio przeglądanych podstron.

4. 2. Rodzaje breadcrumbs

6. Oparte na
lokalizacji

7. Oparte na
lokalizacji
Oparte na
atrybucie

8. Oparte na
lokalizacji
Oparte na
atrybucie
Oparte na
ścieżce

9. 3. Znaczniki i separatory

11. Tworzenie breadcrumbs przy użyciu HTML

12. Tworzenie breadcrumbs wykorzystując
dane strukturalne
Dane strukturalne to specjalne znaczniki, które
oznaczają różne typy treści zamieszczonej na
naszej stronie internetowej. Wpływają na
prawidłowe odczytanie i interpretację przez roboty
Google, jaki rodzaj treści znajduje się w danym
miejscu podstrony.

13. 4. Zalety stosowania
breadcrumbs

14. Zalety dla użytkownika
● ułatwienie i przyspieszenie poruszania się po
stronie internetowej
● prawidłowe rozpoznawanie sekcji strony (strona
główna>kategoria >podkategoria>produkt)
● przechodzenie pomiędzy sekcjami strony używając
jednego kliknięcia
● zwiększenie rozpoznawalności i utrwalenie nazwy
brandu ( Nazwa strony>Kategoria>Podkategoria)

15. Zalety dla Google
● wspomaganie linkowania wewnętrznego w obrębie
witryny
● lepszy wpływ na optymalizację pod kątem SEO –
Google definiuje breadcrumbs jako narzędzie
wspomagające, które może mieć wpływ na pozycje
podstrony
● łatwiejsze odczytanie struktury strony
● wyższa sprawność indeksowania strony internetowej

16. 5. Błędy podczas wprowadzania
ścieżki nawigacji

17. Najczęstsze błędy:
● Brak określonej hierarchii na stronie
● Zastępowanie głównej nawigacji
● Powielanie przycisku wstecz
● Nie każda strona wymaga wprowadzenia
breadcrumbs

18. 6. Zalety “nawigacji okruszkowej”
dla SEO i UX

19. Ułatwienie
użytkownikowi
poruszanie się
po stronie
Odkrywanie
nowych
obszarów
witryny
Poprawa UX
Poprawa
pozycji
strony
Możliwość
umieszczenia
breadcrumbs
z grafiką

20. Dziękuje za uwagę