Rich snippety: vyniknete ve výsledcích Google SERP

Rich snippety promění obyčejné výsledky vyhledávání v bohaté, interaktivní a vizuálně přitažlivé výpisy. Místo samotného titulku, URL a popisu zobrazí hodnocení hvězdičkami, ceny produktů, doby přípravy receptů, data událostí a další údaje. Tyto informace se objeví přímo na SERP, takže uživatel získá kontext ještě před tím, než klikne. Rich snippety zvyšují míru prokliku (CTR) o 20-40%, protože vizuální prvky upoutají pozornost a hned nabídnou užitek.

Rich snippety vycházejí z strukturovaných dat schema.org, standardizovaného formátu pro označování obsahu, aby mu vyhledávače rozuměly. Když do HTML stránky přidáte schema markup, řeknete Googlu, o jaký obsah jde (produkt, recept, článek, událost), a uvedete konkrétní údaje (cena, hodnocení, ingredience). Google pak tato data vykreslí jako rich snippet na SERP.

Co je rich snippet a čím se liší od běžného výsledku

Běžný výsledek vyhledávání se skládá z titulku, URL a meta popisu. Rich snippet k tomu přidává další datová pole: hodnocení hvězdičkami, ceny, obrázky, data, podrobnosti receptu, stav dostupnosti a další. Tyto údaje se berou ze značkování schema vloženého do HTML stránky.

Rozdíl v míře prokliku je výrazný. Výpis produktu s cenou, obrázkem a hodnocením 4,5 hvězdičky získá výrazně více kliknutí než stejný produkt bez vizuálních prvků. Uživatelé rich snippetům více důvěřují, protože vidí doklad kvality (hodnocení), přehlednou cenu a profesionální vzhled. Rich snippety navíc vyniknou mezi ostatními výsledky na SERP, a tak přirozeně přitahují vizuální pozornost.

Dokumentace Googlu ke strukturovaným datům vypisuje každý podporovaný typ rich výsledku. Ne každý typ obsahu rich snippety podporuje. Rich snippet nelze vytvořit pro běžný blogový článek (pokud nemá strukturovaná hodnocení nebo recenze). Pro produkty, recepty, události, FAQ, články s autorem a datem publikace, místní firmy, kurzy a drobečkovou navigaci (breadcrumb) ho ale vytvořit lze.

Typy rich snippetů a podporovaný obsah

Rich snippety produktů zobrazují název produktu, obrázek, hodnocení (agregované), počet recenzí, cenu a dostupnost. Objevují se u výpisů e-shopů. Aby se zobrazily, přidejte na stránky produktů schéma Product nebo Offer. Pokud máte zákaznické recenze, uveďte i aggregateRating.

Rich snippety receptů zobrazují název receptu, obrázek, dobu přípravy, dobu vaření, výtěžek, hodnocení hvězdičkami a počet kalorií. Běžné jsou v oblasti jídla a vaření. Použijte schéma Recipe s vlastnostmi recipeIngredient a recipeInstructions. Pro zařazení do rich snippetu jsou obzvlášť důležité obrázek a doba vaření.

Rich snippety událostí zobrazují název události, datum, místo konání a dostupnost vstupenek. Koncerty, konferenční stránky a kalendáře akcí používají schéma Event. Uveďte vlastnosti startDate, location a eventStatus.

Rich snippety článků zobrazují titulek, datum publikace, autora, obrázek a někdy i autorský podpis. Nejvíce z nich těží zpravodajské weby a vydavatelé. Podle typu obsahu použijte schéma NewsArticle nebo Article.

Rich snippety FAQ zobrazují časté otázky na SERP v podobě rozbalovacího seznamu. Uživatelé mohou kliknout na otázku a zobrazit odpověď, aniž by Google opustili. Použijte schéma FAQPage s více vlastnostmi Question a Answer. Je to velmi účinné pro zvýšení CTR, protože uživatel vidí formát Q&A přímo na SERP.

Rich snippety drobečkové navigace zobrazují hierarchii navigace webu na SERP. Pomáhají uživatelům pochopit, kde stránka ve struktuře webu sedí, a výsledky tak vypadají čistěji. Použijte schéma BreadcrumbList.

Implementace schema markupu pro rich snippety

Schema markup se zapisuje ve formátu JSON-LD, tedy vloženém bloku JavaScriptu, který poskytuje strukturovaná data o obsahu. JSON-LD je preferovaný formát Googlu, protože se snadno implementuje, nezasahuje do vykreslení stránky a je čistě oddělený od HTML obsahu.

Chcete-li schema implementovat, určete typ obsahu a pak na stránku přidejte odpovídající blok schématu. U stránky produktu přidáte schéma Product s vlastnostmi name, description, image, aggregateRating a offers. Základní vzor: obalte své schéma do `