Drobečková navigace na stránce označuje pozici stránky v hierarchii webu a může uživatelům pomoci pochopit a efektivně prozkoumat web. Uživatel může procházet celou hierarchií webu po jednotlivých úrovních tak, že začne od poslední drobečkové stopy v drobečkové navigaci.
Jak přidat strukturovaná data
Strukturovaná data jsou standardizovaný formát pro poskytování informací o stránce a klasifikaci obsahu stránky. Pokud se strukturovanými daty teprve začínáte, můžete se dozvědět více o tom, jak strukturovaná data fungují.
Zde najdete přehled toho, jak strukturovaná data vytvářet, testovat a zveřejňovat. Průvodce krok za krokem, jak přidat strukturovaná data na webovou stránku, naleznete v codelabu strukturovaných dat.
★ Poznámka: Skutečný vzhled ve výsledcích vyhledávání se může lišit. Většinu funkcí si můžete prohlédnout pomocí
- Přidejte požadované vlastnosti. Podle použitého formátu se naučte, kam na stránku vložit strukturovaná data.
★ Používáte systém CMS? Možná bude jednodušší použít zásuvný modul, který je integrován do vašeho systému CMS. Používáte JavaScript? Naučte se generovat strukturovaná data pomocí JavaScriptu.
- Postupujte podle pokynů.
- Ověřte kód pomocí testu bohatých výsledků a opravte všechny kritické chyby. Zvažte také opravu nekritických chyb, které mohou být v nástroji označeny, protože mohou pomoci zlepšit kvalitu vašich strukturovaných dat (není to však nutné pro získání nároku na bohaté výsledky).
- Nasaďte několik stránek, které obsahují vaše strukturovaná data, a pomocí nástroje Kontrola URL otestujte, jak Google stránku vidí. Ujistěte se, že je stránka pro Google přístupná a není blokována souborem robots.txt, značkou noindex nebo požadavky na přihlášení. Pokud stránka vypadá v pořádku, můžete požádat Google o opětovné procházení vašich adres URL.
★ Poznámka: Vyhraďte si čas na opětovné prohledávání a indexování. Nezapomeňte, že může trvat i několik dní po zveřejnění stránky, než ji Google najde a prohledá.
- Chcete-li společnost Google informovat o budoucích změnách, doporučujeme odeslat mapu stránek. Tuto činnost můžete automatizovat pomocí rozhraní API služby Search Console Sitemap.
Příklady
Vyhledávání Google používá drobečkové značení v těle webové stránky ke kategorizaci informací ze stránky ve výsledcích vyhledávání. Jak je znázorněno v následujících případech použití, uživatelé mohou často na stránku přijít na základě velmi různých typů vyhledávacích dotazů. I když každé vyhledávání může vrátit stejnou webovou stránku, drobečková navigace kategorizuje obsah v kontextu dotazu vyhledávače Google. Stránka ancillaryjustice.html může v závislosti na kontextu vyhledávání zobrazovat následující drobečkové trasy.
Jednotlivá drobečková navigace
Vyhledávací dotaz na rok a žánrové ocenění “2014 Nebula Award best novel” může vygenerovat následující drobečkovou stopu:
Books > Science Fiction > Award Winners
JSON-LD
Zde je příklad v JSON-LD pro podporu této drobečkové navigace:
Vyzkoušejte si to v testu s bohatými výsledky
<html> <head> <title>Award Winners</title> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Science Fiction", "item": "https://example.com/books/sciencefiction" },{ "@type": "ListItem", "position": 3, "name": "Award Winners" }] } </script> </head> <body> </body> </html>
RDFa
Zde je příklad v jazyce RDFa, který tuto drobečkovou navigaci podporuje:
Vyzkoušejte si to v testu s bohatými výsledky
<html> <head> <title>Award Winners</title> </head> <body> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <span property="name">Award Winners</span> <meta property="position" content="3"> </li> </ol> </body> </html>
Microdata
Zde je příklad v mikrodatech pro podporu této drobečkové navigace:
Vyzkoušejte si to v testu s bohatými výsledky
<html> <head> <title>Award Winners</title> </head> <body> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://example.com/books/sciencefiction" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Award winners</span> <meta itemprop="position" content="3" /> </li> </ol> </body> </html>
HTML
Zde je příklad bloku drobečkové navigace HTML v rámci stránky jako součásti vizuálního návrhu.
<html> <head> <title>Award Winners</title> </head> <body> <ol> <li> <a href="https://www.example.com/books">Books</a> </li> <li> <a href="https://www.example.com/sciencefiction">Science Fiction</a> </li> <li> Award Winners </li> </ol> </body> </html>
Více drobečkových navigací
Pokud na webu existuje více způsobů, jak přejít na stránku, můžete pro jednu stránku zadat více drobečkových tras. Zde je jedna drobečková stopa, která vede na stránku s oceněnými knihami:
Knihy > Science fiction > Držitelé ocenění
Zde je další drobečková stopa, která vede na stejnou stránku:
Literatura > Držitelé ocenění
JSON-LD
Zde je příklad JSON-LD, který podporuje více drobečkových tras:
Vyzkoušejte si to v testu s bohatými výsledky
<html> <head> <title>Award Winners</title> <script type="application/ld+json"> [{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Science Fiction", "item": "https://example.com/books/sciencefiction" },{ "@type": "ListItem", "position": 3, "name": "Award Winners" }] }, { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Literature", "item": "https://example.com/literature" },{ "@type": "ListItem", "position": 2, "name": "Award Winners" }] }] </script> </head> <body> </body> </html>
RDFa
Zde je příklad RDFa, který podporuje více drobečkových cest:
Vyzkoušejte si to v testu s bohatými výsledky
<html> <head> <title>Award Winners</title> </head> <body> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinners"> <span property="name">Award Winners</span></a> <meta property="position" content="3"> </li> </ol> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/literature"> <span property="name">Literature</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <span property="name">Award Winners</span> <meta property="position" content="2"> </li> </ol> </body> </html>
Microdata
Zde je příklad mikrodat, která podporují více drobečkových tras:
Vyzkoušejte si to v testu s bohatými výsledky
<html> <head> <title>Award Winners</title> </head> <body> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://example.com/books/sciencefiction" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/books/sciencefiction/awardwinners"> <span itemprop="name">Award Winners</span></a> <meta itemprop="position" content="3" /> </li> </ol> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/literature"> <span itemprop="name">Literature</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Award Winners</span> <meta itemprop="position" content="2" /> </li> </ol> </body> </html>
HTML
Zde je příklad bloku drobečkové navigace HTML v rámci stránky jako součásti vizuálního návrhu.
<html> <head> <title>Award Winners</title> </head> <body> <ol> <li> <a href="https://www.example.com/books">Books</a> </li> <li> <a href="https://www.example.com/books/sciencefiction">Science Fiction</a> </li> <li> Award Winners </li> </ol> <ol> <li> <a href="https://www.example.com/literature">Literature</a> </li> <li> Award Winners </li> </ol> </body> </html>
Pokyny
Abyste mohli zobrazovat drobečky ve vyhledávání Google, musíte dodržovat tyto pokyny.
❗Varování: Pokud Google zjistí, že některé značky na vašich stránkách používají techniky, které jsou mimo rámec pokynů pro strukturovaná data, může být váš web potrestán manuální akcí.
Doporučujeme poskytovat drobečkové odkazy, které představují typickou cestu uživatele na stránku, místo aby odrážely strukturu adresy URL. Některé části cesty URL nepomáhají lidem pochopit, jak stránka zapadá do vašeho webu. Například vzhledem k adrese URL https://example.com/pages/books/catcher_in_the_rye.html cesta ke stránkám v adrese URL nepřidává žádnou informaci, stejně jako prvek nejvyšší úrovně example.com.
Definice strukturovaných datových typů
Chcete-li zadat drobečky, definujte BreadcrumbList, který obsahuje alespoň dvě položky ListItems. Aby byl obsah způsobilý pro zobrazení s drobečky, musíte zahrnout požadované vlastnosti.
💡Značky Data-vocabulary.org již nejsou způsobilé pro funkce bohatých výsledků Google. Další informace o ukončení podpory pro data-vocabulary.
Drobečkový seznam (BreadcrumbList)
BreadcrumbList je kontejnerový prvek, který obsahuje všechny prvky seznamu. Úplná definice BreadcrumbList je k dispozici na adrese schema.org/BreadcrumbList. Vlastnosti podporované společností Google jsou následující:
| Požadované vlastnosti | |
| itemListElement | ListItem
Pole drobečků seřazených v určitém pořadí. Každou drobečku určete pomocí položky ListItem. Například: {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Books",
"item": "https://example.com/books"
},{
"@type": "ListItem",
"position": 2,
"name": "Authors",
"item": "https://example.com/books/authors"
},{
"@type": "ListItem",
"position": 3,
"name": "Ann Leckie",
"item": "https://example.com/books/authors/annleckie"
}]
}
|
ListItem
ListItem obsahuje podrobnosti o jednotlivé položce v seznamu. Úplná definice ListItem je k dispozici na adrese schema.org/ListItem. Vlastnosti podporované společností Google jsou následující:
| Požadované vlastnosti | |
| item | URL nebo podtyp Thing
Adresa URL webové stránky, která představuje drobečkovou navigaci. Existují dva způsoby zadání položky:
"item": "https://example.com/books"
Pokud je drobeček poslední položkou v drobečkové navigaci, položka není vyžadována. Pokud položka není u poslední položky uvedena, Google použije adresu URL obsahující stránky. |
| name | Text
Název drobečkové navigace zobrazené uživateli. Používáte-li k zadání položky místo adresy URL položku Věc s názvem, pak název není vyžadován. |
| position | Celé číslo
Pozice drobečku v drobečkové cestě. Pozice 1 označuje začátek cesty. |
Sledování bohatých výsledků pomocí služby Search Console
Search Console je nástroj, který vám pomůže sledovat, jak si vaše stránky vedou ve vyhledávání Google. Nemusíte se registrovat do služby Search Console, abyste byli zahrnuti do výsledků vyhledávání Google, ale může vám pomoci pochopit a zlepšit, jak Google vidí vaše stránky. Konzolu Search Console doporučujeme kontrolovat v následujících případech:
- Po prvním nasazení strukturovaných dat.
- Po vydání nových šablon nebo aktualizaci kódu
- Při pravidelné analýze návštěvnosti
Po prvním nasazení strukturovaných dat
Po prvním nasazení strukturovaných dat
Poté, co Google zaindexuje vaše stránky, vyhledejte problémy pomocí příslušného přehledu stavu rozšířených výsledků. V ideálním případě dojde k nárůstu platných položek a žádnému nárůstu neplatných položek. Pokud ve strukturovaných datech narazíte na problémy:
- Opravte neplatné položky.
- Zkontrolujte živou adresu URL a zkontrolujte, zda problém přetrvává.
- Požádejte o ověření pomocí zprávy o stavu.
Po vydání nových šablon nebo aktualizaci kódu
Po provedení významných změn na webu sledujte, zda se nezvýší počet neplatných položek strukturovaných dat.
- Pokud vidíte nárůst neplatných položek, možná jste zavedli novou šablonu, která nefunguje, nebo váš web interaguje se stávající šablonou novým a špatným způsobem.
- Pokud vidíte pokles platných položek (který není doprovázen nárůstem neplatných položek), možná již do stránek nevkládáte strukturovaná data. Pomocí nástroje Kontrola URL zjistěte, co je příčinou problému.
❗Varování: Nepoužívejte odkazy v mezipaměti k ladění stránek. Místo toho použijte nástroj pro kontrolu URL, protože obsahuje nejaktuálnější verzi vašich stránek.
Pravidelná analýza provozu
Analyzujte návštěvnost vyhledávání Google pomocí přehledu o výkonu. Data vám ukáží, jak často se vaše stránka zobrazuje jako bohatý výsledek ve vyhledávání, jak často na ni uživatelé klikají a jaká je průměrná pozice, na které se zobrazujete ve výsledcích vyhledávání. Tyto výsledky můžete také automaticky vytáhnout pomocí rozhraní API služby Search Console.
Řešení problémů
Pokud máte potíže s implementací nebo laděním strukturovaných dat, zde je několik zdrojů, které vám mohou pomoci.
- Pokud používáte systém pro správu obsahu (CMS) nebo se o vaše stránky stará někdo jiný, požádejte ho o pomoc. Nezapomeňte jim přeposlat jakoukoli zprávu konzoly Search Console, která problém podrobně popisuje.
- Společnost Google nezaručuje, že se funkce, které využívají strukturovaná data, budou zobrazovat ve výsledcích vyhledávání. Seznam běžných důvodů, proč Google nemusí zobrazit váš obsah v bohatých výsledcích, najdete v Obecných pokynech pro strukturovaná data.
- Ve strukturovaných datech můžete mít chybu. Podívejte se na seznam chyb strukturovaných dat.
- Pokud jste proti své stránce obdrželi ruční akci týkající se strukturovaných dat, strukturovaná data na stránce budou ignorována (ačkoli se stránka může stále zobrazovat ve výsledcích vyhledávání Google). Chcete-li opravit problémy se strukturovanými daty, použijte sestavu Ruční akce.
- Znovu si projděte pokyny a zjistěte, zda váš obsah není v souladu s pokyny. Problém může být způsoben buď nevyžádaným obsahem, nebo nevyžádaným použitím značek. Nemusí se však jednat o problém se syntaxí, a proto test bohatých výsledků nebude schopen tyto problémy identifikovat.
- Řešení problémů s chybějícími bohatými výsledky / poklesem celkového počtu bohatých výsledků.
- Poskytněte čas na opětovné procházení a indexování. Nezapomeňte, že může trvat i několik dní po zveřejnění stránky, než ji Google najde a prohledá. Obecné dotazy týkající se procházení a indexování naleznete v často kladených dotazech o procházení a indexování ve vyhledávači Google.
- Položte dotaz do fóra Google Search Central.
Překlad, odborná a obsahová korektura: SEOPRAKTICKY.CZ
Použité zdroje
- How To Add Breadcrumb (BreadcrumbList) Markup | Google Search Central | Documentation | Google for Developers. (n.d.). Google for Developers. [online]. Dostupné z: https://developers.google.com/search/docs/appearance/structured-data/breadcrumb
