Zlepšete výsledky vyhledávání pomocí Rich Snippets & Schema.org Vocabulary
Strukturovaná data umožňuje prezentovat výsledky vyhledávání vizuálně přitažlivějším a informativnějším způsobem. Podle studie Searchmetrics vede přidání strukturovaného značení dat na webové stránky k 36% zvýšení výsledků vyhledávání Google.
Strukturované datové značení je vykresleno ve vyhledávačích Google, Bing a dalších vyhledávacích nástrojích bohaté úryvky. Bohaté kousky jsou rozšířené výsledky vyhledávání které přidávají informace navíc, například fotografie, cena, hodnocení uživatelů a další vlastnosti, které se týkají útržků vyhledávače.
Strukturovaná data vedou k lepším výsledkům vyhledávání ze dvou hlavních důvodů:
- Rozšíří sémantiku HTML vytvořením obsahu srozumitelnější pro vyhledávače.
- Bohaté úryvky - prezentace strukturovaných dat vyhledávače - mají a lepší míra prokliků než pravidelné, méně informativní výsledky vyhledávání.
Schema.org Slovník
Pokud chcete mít bohaté úryvky pro své vlastní stránky, musíte přidejte strukturovaná data do značek HTML. Strukturovaná data používají slovník schema.org To vám umožní informovat vyhledávače o povaze vašeho obsahu.
Schema.org je iniciativou společnosti Google, Bing a Yahoo, která si klade za cíl poskytovat soubor schémat pro popis různých druhů webového obsahu, aby ho vyhledávače lépe pochopily.
Slovní zásoba Schema.org je organizována v jazyce a dvouúrovňové hierarchie:
- Typy: různé druhy webového obsahu, jsou uspořádány do své vlastní hierarchie
- Vlastnosti: každý typ má určitý počet vlastností
První úroveň typů
Věc je nejobecnější položkou ve slovníku schema.org je to předek všech ostatních typů.
Druhá úroveň typů
druhá úroveň Typy je o něco konkrétnější a obsahuje událost, Akce, Nehmotný, CreativeWork, Místo, Organizace, Produkt, a Osoba Typy. K dispozici je také samostatná věc druhé úrovně, která je k dispozici jako rozšíření schema.org; je to MedicalEntity Typ.
Třetí úroveň typů
Každý typ druhé úrovně obsahuje některé nebo mnoho typů třetí úrovně, například jeden z podtypů CreativeWork je Posouzení Typ. Všimněte si, že konkrétnější typy (druhá a třetí úroveň) dědí vlastnosti svého rodiče (a prarodič v případě třetí úrovně).
Níže uvedený obrázek byl publikován na oficiálním blogu schématu a vizualizuje hiearchy slovníku schema.org.
Najděte schéma, které potřebujete
Prohlédněte si slovník, abyste našli schéma, které potřebujete. Například pro úryvky z bohatých receptů musíte použít Recept Typ, který je podřízený CreativeWork. Má mnoho vlastností, jako například čas na vaření
, vařeníMetoda
, RecepturaSložka
, a další, plus také dědí vlastnosti svého rodiče (CreativeWork) a prarodiče (Thing).
Schema.org je komunitního projektu, často se rozšiřuje a nové verze jsou pravidelně vydávány. Pokud nemůžete najít požadované schéma, můžete jej navrhnout komunitě Schema.org a můžete také přispět k jejich projektu Github.
Přidání strukturovaných dat do značek
Jak tedy přidáte schémata do kódu front-end? Schema.org může používat tři různé formáty. Chcete-li přidat strukturované datové značky na své stránky, musíte vybrat jednu možnost. I když teoreticky můžete použít více než jeden formát na stejném webu, poškozuje to čitelnost kódu a udržovatelnost, takže to není dobrý postup.
tři hlavní formáty strukturovaných datových značek jsou následující:
- Mikrodata: Je to webový standard, který rozšiřuje HTML o nových atributů jako
itemprop
. Oficiální webová stránka schema.org má skvělý návod, jak používat mikroúdaje, takže pokud jste již obeznámeni s HTML, tento formát může být dobrou volbou. - RDFa: Dlouhá forma RDFa je Rámec popisu zdrojů v atributech, a je to doporučení W3C, které rozšiřuje dokumenty HTML, XML a SVG pomocí sady specifických atributů. Facebook Open Graph Protocol je také založen na RDFa, takže pravděpodobně jste se s ním již setkali. Pro začátečníky je k dispozici verze RDFa Lite a také plná verze, která poskytuje mnoho možností pro práci se strukturovanými daty propracovaným způsobem..
- JSON-LD: Zatímco dvě další možnosti rozšiřují HTML značení, JSON-LD používá JSON syntax. JSON-LD znamená JavaScript Object Notation pro propojená data, a to je formát, který společnost Google Developers doporučuje, jak je podle jejich názoru „strukturované datové značení nejsnadněji reprezentováno ve formátu JSON-LD“. JSON nemusíte být odborníkem na JavaScript, protože je to jednoduchý notační systém používající páry jmen a hodnot.
Můžete snadno porovnat tři formáty pomocí šikovné karty v dolní části každé stránky typu schema.org.
Prohlédnutím příkladů můžete snadno pochopit, jak každý formát funguje, a použít jeden z nich na svých vlastních stránkách.
Štrukturované datové značení, které potřebujete přidat do kódu, je založené na slovníku schema.org. Pokud zvolíte mikrodata nebo RDFa, musíte přidat další atributy do běžných značek HTML.
Například s mikrodaty, název kontejneru přidáte do kontejneru pomocí itemscope
a každá vlastnost s itemprop
atribut. Zde je velmi jednoduchý příklad:
Můj recept
Popis receptu
A stejný příklad pomocí RDFa, stojí za to věnovat pozornost různým atributům, které zde potřebujete použít:
Můj recept
Popis receptu
Pokud zvolíte Formát JSON-LD, musíte umístit kód uvnitř tag v hlavě stránky HTML. Výše uvedený příklad bude vypadat takto:
Tipy pro použití strukturovaných dat
Otestujte značení strukturovaných dat
Než přidáte strukturovaný datový kód na své stránky, můžete jej rychle otestovat pomocí nástroje Google Structured Data Testing Tool. Tímto způsobem můžete rychle najít problémy, pokud máte nějaké.
Využití grafických karet Google Knowledge Graph
Společnost Google nepoužívá pro strukturované úryvky pouze strukturovaná data, ale pokud máte oprávnění pro určitý typ obsahu, může být váš obsah také se zobrazí v jedné z karet grafu znalostí zobrazeny na pravé straně některých stránek výsledků vyhledávání.
Nezapomeňte, že Google nemůže zobrazovat kartu grafu znalostí pro váš obsah, ale pokud je správně nastaveno značení strukturovaných dat, máte možnost.
Použijte Google Rich Cards
V květnu 2016 představila společnost Google Bohaté karty které jsou "aktualizací stávajícího formátu Rich Snippets" a poskytují poutavé výsledky vyhledávání mobilních zařízení v karuselu můžete procházet posouváním doleva a doprava. Karty Google Rich Cards také používají strukturované značení dat a slovník schema.org.
Přidat strukturovaná data do e-mailů
Můžete použít značení strukturovaných dat ve vašich e-mailech za účelem spuštění karet Google Now pro příjemce, vývojáři Google mají skvělý návod, jak to udělat.
Generovat strukturovaná data dynamicky
Správce značek Google lze použít na dynamicky generovat strukturovaná data ve formátu JSON-LD vás naučí, jak to udělat.