Mikrodata, JSON-LD, Strukturovaná data – usměrněte robotické zpracovatele obsahu
Cílem každého webu je podat co nejpochopitelnější informaci návštěvníkovi. Kromě “lidských” návštěvníků jsou i různí robotičtí zpracovatelé webu, kteří se snaží extrahovat a zpracovat obsah stránek, ať už za účelem indexace pro vyhledávače, generování zkrácených souhrnů (např. pro náhledy sdílených odkazů) nebo např. i pro použití v generativních umělých inteligencích jako Chat GPT.
Úkolem redakčního systému je usnadnit provozovateli e-shopu jeho práci i v tomto směru tak, aby vůbec nemusel pracovat s kódem a aby systém generoval vše tak, jak je to potřebné. Proto i v ByznysWeb.cz najdete nastavení pro jednotlivé jazykové verze e-shopu se souhrnným názvem Strukturovaná data. Připravili jsme pro vás podrobnější článek na toto téma.
V tomto článku se dozvíte více informací o tom:
Co jsou strukturovaná data a proč jsou důležitá?
Strukturovaná data jsou informace, které jsou uspořádány a označeny tak, aby je dokázaly správně číst a zpracovat různé systémy, zejména vyhledávače. Představte si je jako podrobný popis vašeho webu a jeho obsahu, který je srozumitelný nejen pro lidi, ale i pro roboty. Když správně využijete strukturovaná data, můžete zlepšit šance, že vaše stránky budou zobrazeny ve výsledcích vyhledávání s bohatšími informacemi, například s cenami produktů, hodnoceními či dostupností na skladě.
Tato data se používají i pro lidské zákazníky a mohou být použita v blízké budoucnosti i pro další funkce jako např. e-maily pro zákazníky, ale neméně důležité je i jejich využití pro přesný popis vašeho byznysu pro Google a další.
Proč vyplňovat strukturovaná data?
Z praktického hlediska chceme dosáhnout např. toho, aby Google zobrazil pro náš obchod v SERP (ve výsledcích vyhledávání) výsledky, které budou více než jen odkaz a strojově určený nadpis a souhrnný text – u produktů můžeme dosáhnout zobrazení ceny, zařazení do kategorií přes breadcrumbs, skladový status a další. Při vyhledání vaší firmy může zobrazit odkazy nejen na váš web, ale i kontaktní telefon nebo e-mail a odkazy na sociální sítě vašeho byznysu. Samozřejmě, toto chování nelze od Google ani jiných vynutit, ale první krok musí být od webové stránky.
Lepší porozumění obsahu webu
Sémanticky správně napsaný a označený web, který má správné rozdělení textu na odstavce s nadpisy, zvýraznění textu a odkazů, správné použití seznamů, tabulek, ale i použití HTML5 značek na organizaci celého webu, pomůže porozumět obsahu oběma typům návštěvníků, ale pro ty robotické je vhodné poslat důležité údaje explicitně.
Jak strukturovaná data ovlivňují SEO a výsledky vyhledávání?
Představme si výsledky vyhledávání například v Google. Protože vyhledávače používají strukturovaná data k lepšímu pochopení obsahu vašich stránek, správně označená data mohou výrazně zvýšit viditelnost vašich stránek v SERP.
Může se klidně stát, že pokud má váš produkt lépe strukturovaný a poutavý snippet, bude mít váš odkaz vyšší míru prokliku (CTR), protože uživatelé vidí více relevantních informací už přímo v SERP. Vyšší CTR může do budoucna zlepšit pozici vašeho webu ve vyhledávání, což znamená více návštěvníků a potenciálních zákazníků = vyšší konverze. Více o strukturovaných datech v Google Search.
V tomto článku popíšeme všechna strukturovaná data, která jsou posílána na webstránkách a e-shopech od ByznysWeb.cz
Nejprve si ale povězme o 2 základních technologiích, které umožňují definovat texty, produkty, ale i vás jako provozovatele webu přes zmíněná Strukturovaná data. Jsou to Mikrodata a JSON-LD. Obě fungují na stejném principu: označíme položku, kterou chceme definovat, abychom dali najevo exaktní typ položky, uvedeme URL na definici typu této položky (její tzv. schéma) a pak definujeme chtěné vlastnosti položky, které podle schématu může, nebo dokonce musí mít.
Mikrodata
Jedná se o označení elementů HTML, které obsahují hodnoty, přímo přes atributy těchto elementů. Ve zdrojovém kódu stránky je můžete rozpoznat podle názvů itemprop, itemscope a itemtype, případně i itemref. Položky jsou tedy označovány přímo v textu stránky, který vidí i lidský návštěvník. Položky, které nejsou přímo uvedeny v textu v požadovaném formátu nebo je obtížné je označit, můžeme poslat pomocí tagu <meta>.
Příklad mikrodat – článek v bloku Novinky
Mikrodata jsou použita ve starších šablonách Default a Flat, ale také v šabloně Verona.
JSON-LD
Jedná se o definici dat ve formátu JSON, tedy Javascriptová objektová notace, opět definovaná podle URL se schématem pro položky, které chceme označit. LD v názvu je zkratka pro Linked Data, tedy připojená data, protože obsah stránky je popsaný mimo text stránky. Je tedy jednodušší na zpracování (protože extrahování dat je pro robota jednodušší), ale je nutné se ujistit, že definice JSON-LD a obsah webové stránky mají stejný smysl a hodnoty. Je to nejvíce doporučovaný formát pro strukturovaná data.
Příklad JSON-LD – článek v bloku Novinky
JSON-LD je použit v šablonách Paris a Barcelona, ale také v ostatních šablonách pro schéma popisující vlastníka webu (Organization).
Další příbuzné technologie
schema.org
Jak bylo zmíněno, mikrodata i JSON-LD potřebují URL s definicemi schémat položek. Aby byly tyto schémata sjednoceny napříč prohlížeči a webovými aplikacemi, velké společnosti založily a spolupracují na sladění definic napříč webem. Výsledkem tohoto úsilí je schema.org, která obsahuje dokumentaci schémat, která velké vyhledávače jako Google, Bing, Yahoo! a Yandex podporují, a proto je používají i další společnosti a webové aplikace.
Schémata
Schémata využívaná pro části stránek, tj. jaké obsahují vlastnosti. Pokud je to možné, jsou posílány bez ohledu na to, zda schéma na dané šabloně používá mikrodata nebo JSON-LD.
Internetové obchody a webové stránky od ByznysWeb.cz obsahují následující schémata vlastností:
Produkt – použito v Detailu produktu.
Schéma typu Product, obsahující vlastnosti name, image (seznam obsahující hlavní obrázek a obrázky produktové galerie), description, brand (typu Brand s name a url), sku (nastavený identifikátor), review (recenze typu Review, může obsahovat reviewRating, autor, datePublished, name a reviewBody), aggregateRating (všechna hodnocení produktu, i ta bez přidružené recenze) a offers (což je schéma typu buď AggregateOffer nebo Offer, které popisují cenu produktu),
typ AggregateOffer – je zobrazen, pokud jde o zobrazení detailu produktu, který obsahuje více kombinací variant v různých cenách. Má vlastnosti offerCount, lowPrice a highPrice,
typ Offer – obsahuje vlastnosti url, price, availability (skladem nebo ne), priceValidUntil (nastavené buď hodnota produktu zobrazené do, nebo +1 rok od aktuálního dne), priceCurrency a itemCondition (pokud je nastaveno, že jde o prodej použitého produktu)..
Podívejte se, jak by mohl vypadat výsledek vyhledávání (SERP) pro konkrétní produkt:
Breadcrumbs (Domů > Drobečky > Chleba 🙂) – použito v detailu produktu, stránkách, kategoriích, článcích.
Schéma typu BreadcrumbsList s položkami obsahujícími position, name a item (odkaz na stránku).
Článek v bloku Novinky
Schéma typu Article, obsahuje vlastnosti headline, description, author.name, publisher.name, publisher.logo, interactionCount, image, url, thumbnailUrl, discussionUrl, dateModified, datePublished.
Seznam článků bloku Novinky
Schéma typu itemList (seznam položek) s položkami obsahujícími url.
Organizácia (generováno ze strukturovaných dat) – použité v hlavičce na každé stránce.
Schéma typu Organization s vlastnostmi url, logo, name, sameAs (pole odkazů na sociální sítě), email, telephone, contactPoint (který obsahuje opět telephone a email) a address (typ PostalAddress).
Typ PostalAddress obsahuje vlastnosti streetAddress, addressLocality, addressCountry, addressRegion a postalCode.
Ilustrační obrázek zobrazení Organizace přímo od Google:
(Zdroj: https://developers.google.com/search/docs/appearance/structured-data/organization)
Webová stránka – použité v hlavičce na každé stránce.
Schéma typu WebPage s name (titulka stránky), description a image (buď obrázky z Nastavení stránky, kategorie nebo hlavní obrázky Detailu produktu nebo článku v bloku Novinky).
Je to ekvivalent vlastností na sdílení odkazů na sociální sítě, tedy ekvivalent dat posílaných přes Facebook Open Graph.
Ukázka, kde se vyplňují Vlastnosti stránky – záložka SEO v ByznysWeb.cz:
Galerie v bloku Galerie
Schéma typu itemList (seznam položek) a typu imageObject (obrázkový objekt).
Vlastnosti imageObject: url, name, image.
Facebook Open Graph
Trochu odlišnou technologií na sdílení informací o stránce je Facebook Open Graph, ale ten slouží k zásadně omezenějšímu cíli, a to zobrazení odkazů přidaných na sociální sítě, hlavně tedy pro Facebook. Chce definovat pouze informace jako název a popis stránky s reprezentativním obrázkem nebo videem. Nedefinuje např. e-commerce data. Tyto hodnoty pro podstránky, které mohou být takto shrnuty, jako např. Detail produktu, článek z bloku Novinky mají i stránky a e-shopy od ByznysWebu, ale nejde o mikrodata nebo JSON-LD.
Ukázka, kde se vyplňují Vlastnosti stránky – záložka Hlavní v ByznysWeb.cz:
Příklad Facebook Open Graph na homepage e-shopu:
Kam vkládat strukturovaná data v ByznysWebu?
V ByznysWeb.cz nastavíte strukturovaná data pro jednotlivé jazykové verze e-shopu, kterými popíšete váš e-shop, co prodává, logo, kontaktní údaje a odkazy na vaše sociální sítě. Přístup ke strukturovaným datům pro schéma typu Organization je přímo v hlavním seznamu jazykových verzí. Pokud v sekci Stránky nebo Produkty přejedete myší nad řádkem s jazykem, zobrazí se na hover efekt možnost upravit strukturovaná data pro danou jazykovou verzi.
Ukázka, kde vkládat strukturovaná data v ByznysWeb.cz:
Více info návod: https://www.byznysweb.cz/a/1404/strukturovana-data-pro-jazykove-verze
Jak si mohu zkontrolovat strukturovaná data?
Použijte nástroj na testování strukturovaných dat: Google Rich Results Test
https://search.google.com/test/rich-results?hl=cs
Závěr
Implementace strukturovaných dat na váš web je klíčová pro zlepšení jeho viditelnosti a porozumění obsahu roboty i lidskými návštěvníky. Mikrodata a JSON-LD jsou dvě základní technologie, které vám umožní definovat a sdílet důležité informace o vašem byznysu efektivním způsobem. Kromě toho, využití schema.org zajišťuje, že vaše data budou kompatibilní s největšími vyhledávači. Facebook Open Graph umožňuje efektivní sdílení obsahu na sociálních sítích. Investice do správné struktury a označení dat může vést k lepšímu SEO a vyšší míře prokliků, čímž zvýšíte svou konkurenceschopnost a úspěšnost na internetu.
