SlideShare a Scribd company logo
NAUCZ SIĘ Z NAMI
Breadcrumbs
w serwisie, do
czego służy?
U C Z Y
Definicja
BREADCRUMBS
TO ŚCIEŻKA NAWIGACJI UŻYTKOWNIKA
potocznie zwana "okruszkami chleba"
U C Z Y
Do czego służy breadcrumbs?
U C Z Y
Wskazuje miejsce w strukturze serwisu, w którym się znajdujemy
Pozwala na łatwy powrót do wyższej kategorii w strukturze serwisu
Poprawiają pozycje SEO w przeglądarce - ułatwia pracę Google Bota
Zajmują widoczne miejsce,
u góry witryny
Ważne dla każdego
większego serwisu, ale
szczególnie dla blogów i
sklepów internetowych
www.sento.pl
U C Z Y
Gdzie w serwisie
znajduje się
breadcrumbs?
w ww.krakweb.pl
U C Z Y
Dlaczego jest ważne dla SEO?
Linkowanie wewnętrzne frazami. Nazwy kategorii w
breadcrumbs zawierają słowa kluczowe.
Prezentacja ścieżki folderów w której znajduje się
podstrona w SERP (wynikach wyszukiwania)
UX. Pozwala użytkownikowi zrozumieć gdzie jest - w
efekcie zatrzymanie użytkownika dłużej na jednej stronie
oparte na lokalizacji - Wyświetlanie kategorii od najwyższej do
najniższej. Elementy są klikalne
oparte na atrybucie - Użytkownik stosuje filtry do wyszukiwania
oparte na ścieżce - najrzadziej stosowane, prezentują historię
odwiedzonych stron
Rodzaje breadcrumbs
U C Z Y
Przykłady pochodzące z realizacji Krakweb
U C Z Y
SPRAWDŹ SAM
Dowiedz się więcej
czytając artykuł!
U C Z Y

More Related Content

More from Krakweb

Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.
Krakweb
 
Instagram - po co to komu?
Instagram - po co to komu?Instagram - po co to komu?
Instagram - po co to komu?
Krakweb
 
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
Krakweb
 
Landing page - Arrow Akademia - case study
Landing page - Arrow Akademia - case studyLanding page - Arrow Akademia - case study
Landing page - Arrow Akademia - case study
Krakweb
 
E-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalnośćE-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalność
Krakweb
 
Strona korporacyjna - elementy
Strona korporacyjna - elementyStrona korporacyjna - elementy
Strona korporacyjna - elementy
Krakweb
 
Marketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowegoMarketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowego
Krakweb
 
Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem
Krakweb
 
Mikroserwisy, strony produktowe
Mikroserwisy, strony produktoweMikroserwisy, strony produktowe
Mikroserwisy, strony produktowe
Krakweb
 
Twitter podstawy
Twitter podstawyTwitter podstawy
Twitter podstawy
Krakweb
 
Audyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case studyAudyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case study
Krakweb
 
Luqam - case study z realizacji strony www
Luqam - case study z realizacji strony wwwLuqam - case study z realizacji strony www
Luqam - case study z realizacji strony www
Krakweb
 
SmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case studySmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case study
Krakweb
 
Squeeze page - strona generująca leady
Squeeze page - strona generująca leadySqueeze page - strona generująca leady
Squeeze page - strona generująca leady
Krakweb
 
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Krakweb
 
Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360
Krakweb
 
Aplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów DerbyAplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów Derby
Krakweb
 
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEOStrona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Krakweb
 
Projektowanie stron www dla ngo i projektow eko - case study
Projektowanie stron www dla ngo i projektow eko - case studyProjektowanie stron www dla ngo i projektow eko - case study
Projektowanie stron www dla ngo i projektow eko - case study
Krakweb
 
Content marketer - płatny staż
Content marketer - płatny stażContent marketer - płatny staż
Content marketer - płatny staż
Krakweb
 

More from Krakweb (20)

Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.Projektowanie stron www trendy UI na 2017 r.
Projektowanie stron www trendy UI na 2017 r.
 
Instagram - po co to komu?
Instagram - po co to komu?Instagram - po co to komu?
Instagram - po co to komu?
 
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
GRK - Connect CRM, ERP, Business Intelligence, e-commerce and e-mail marketin...
 
Landing page - Arrow Akademia - case study
Landing page - Arrow Akademia - case studyLanding page - Arrow Akademia - case study
Landing page - Arrow Akademia - case study
 
E-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalnośćE-commerce trendy 2017: UX & funkcjonalność
E-commerce trendy 2017: UX & funkcjonalność
 
Strona korporacyjna - elementy
Strona korporacyjna - elementyStrona korporacyjna - elementy
Strona korporacyjna - elementy
 
Marketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowegoMarketing internetowy dla dewelopera mieszkaniowego
Marketing internetowy dla dewelopera mieszkaniowego
 
Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem Kampanie marketingowe - modele współpracy z klientem
Kampanie marketingowe - modele współpracy z klientem
 
Mikroserwisy, strony produktowe
Mikroserwisy, strony produktoweMikroserwisy, strony produktowe
Mikroserwisy, strony produktowe
 
Twitter podstawy
Twitter podstawyTwitter podstawy
Twitter podstawy
 
Audyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case studyAudyt SEO i UX dla WMM - case study
Audyt SEO i UX dla WMM - case study
 
Luqam - case study z realizacji strony www
Luqam - case study z realizacji strony wwwLuqam - case study z realizacji strony www
Luqam - case study z realizacji strony www
 
SmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case studySmartCity- czyste powietrze w inteligentnym mieście - case study
SmartCity- czyste powietrze w inteligentnym mieście - case study
 
Squeeze page - strona generująca leady
Squeeze page - strona generująca leadySqueeze page - strona generująca leady
Squeeze page - strona generująca leady
 
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
Marketing internetowy dla startupu - case study z kampanii marketingowej dla ...
 
Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360Case study kampania marketingowa dla Payroll360
Case study kampania marketingowa dla Payroll360
 
Aplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów DerbyAplikacja dedykowana - katalog i konfigurator produktów Derby
Aplikacja dedykowana - katalog i konfigurator produktów Derby
 
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEOStrona www, aplikacja, identyfikacja wizualna - Case Study - IEO
Strona www, aplikacja, identyfikacja wizualna - Case Study - IEO
 
Projektowanie stron www dla ngo i projektow eko - case study
Projektowanie stron www dla ngo i projektow eko - case studyProjektowanie stron www dla ngo i projektow eko - case study
Projektowanie stron www dla ngo i projektow eko - case study
 
Content marketer - płatny staż
Content marketer - płatny stażContent marketer - płatny staż
Content marketer - płatny staż
 

Co to jest Breadcrumbs?

  • 1. NAUCZ SIĘ Z NAMI Breadcrumbs w serwisie, do czego służy? U C Z Y
  • 2. Definicja BREADCRUMBS TO ŚCIEŻKA NAWIGACJI UŻYTKOWNIKA potocznie zwana "okruszkami chleba" U C Z Y
  • 3. Do czego służy breadcrumbs? U C Z Y Wskazuje miejsce w strukturze serwisu, w którym się znajdujemy Pozwala na łatwy powrót do wyższej kategorii w strukturze serwisu Poprawiają pozycje SEO w przeglądarce - ułatwia pracę Google Bota
  • 4. Zajmują widoczne miejsce, u góry witryny Ważne dla każdego większego serwisu, ale szczególnie dla blogów i sklepów internetowych www.sento.pl U C Z Y Gdzie w serwisie znajduje się breadcrumbs? w ww.krakweb.pl
  • 5. U C Z Y Dlaczego jest ważne dla SEO? Linkowanie wewnętrzne frazami. Nazwy kategorii w breadcrumbs zawierają słowa kluczowe. Prezentacja ścieżki folderów w której znajduje się podstrona w SERP (wynikach wyszukiwania) UX. Pozwala użytkownikowi zrozumieć gdzie jest - w efekcie zatrzymanie użytkownika dłużej na jednej stronie
  • 6. oparte na lokalizacji - Wyświetlanie kategorii od najwyższej do najniższej. Elementy są klikalne oparte na atrybucie - Użytkownik stosuje filtry do wyszukiwania oparte na ścieżce - najrzadziej stosowane, prezentują historię odwiedzonych stron Rodzaje breadcrumbs U C Z Y
  • 7. Przykłady pochodzące z realizacji Krakweb U C Z Y
  • 8. SPRAWDŹ SAM Dowiedz się więcej czytając artykuł! U C Z Y