Od meta tagů až po Rich Snippety
V počátcích webu byla optimalizace pro vyhledávače (SEO) poměrně jednoduchá – stačilo použít meta tagy, jako meta description (popis stránky) a meta keywords (klíčová slova). Vyhledávače tato data analyzovaly a podle nich zařazovaly stránky do výsledků vyhledávání. Avšak kvůli masivnímu zneužívání (keyword stuffing) Google přestal meta keywords brát tolik v úvahu.
Dalším krokem bylo zlepšení sdílení obsahu na sociálních sítích. Facebook představil Open Graph (og:) metadata, která umožňují kontrolovat, jak se webová stránka zobrazuje při sdílení na Facebooku, Twitteru a dalších platformách. Díky nim lze nastavit správný obrázek, titulek i popis příspěvku.
S rozvojem vyhledávačů a potřebou lepšího pochopení obsahu stránek přišly strukturované údaje (Schema.org) a zejéména JSON-LD. Google upřednostňuje tento formát pro označování různých typů obsahu – článků, produktů, recenzí, událostí či místních firem. Tyto údaje vedly k rozvoji Rich Snippetů, tedy rozšířených výsledků vyhledávání, které mohou obsahovat hodnocení, ceny, recepty, často kladené dotazy (FAQ) a dnes i slidery obrázků či videí. Kompletní seznam najdete zde: Google Developers.
Dnes se strukturovaná data využívají nejen pro statické weby, ale hlavně pro lepší viditelnost a dohledatelnost multimediálního obsahu. Například e-shopy implementují Product Schema pro zobrazení cen a recenzí, firmy využívají Local Business Schema a blogy označují své články pomocí Article Schema. Moderní weby tak díky těmto technologiím nejen zlepšují SEO, ale i výrazně zvyšují šanci na vyšší míru prokliků (CTR) a viditelnost ve vyhledávačích.
Rich snippet JSON-LD
JSON-LD (JavaScript Object Notation for Linked Data) je formát strukturovaných dat, který pomáhá vyhledávačům lépe porozumět obsahu stránek. Používá se k označení informací pro vyhledávače pomocí jednoduchého skriptu.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Moje Firma",
"url": "https://mojefirma.cz",
"logo": "https://mojefirma.cz/logo.png"
}
</script>Toto je základní ukázka skriptu pro obohacení obsahu. V praxi bývá skript podstatně delší s více informacemi, ale struktura se už nemění. Dle dokumentace v odkaze výše si zjistíme, jaký typ snippetu chceme a připravíme si jej dle instrukcí s našimi daty. Pomocí nástrojů Schema Validator a Rich Results Test pak testujeme správnost nasazení.
Rich snippet pomáhá vyhledávačům pochopit obsah stránky, podporuje hlasové vyhledávání a indexaci a hlavně obohacuje uživatelský zážitek z vyhledávání informací na internetu.
Stukturovaná data vyhledávání a umělá inteligence
Generativní jazykové modely zdarma, jako ChatGPT či Claude, jsou skvělým pomocníkem při rozhodování se, jaký typ rich snippetu použít a hlavně nám pomáhají při tvorbě samotných JSON-LD skriptů ve finální podobě s konkrétním obsahem. Jednoduše umělou inteligenci požádáme o vygenerování rich snippetu ve formátu JSON-LD z našeho obsahu, a vložíme obsah naší webové stránky. Výsledkem bude skript, který můžeme rovnou kopírovat do zdrojového kódu našeho webu.
https://chatgpt.com/canvas/shared/67e7d7189c588191aad1a1ad30e4f003
Pokud pracujete s umělou inteligencí, určitě víte, že může dělat chyby a mohou se objevit nedostatky, v tomto případě může použít neexistující či zastaralý parametr, takže je třeba ověřovat vygenerované skripty pomocí validátorů uvedených výše, každopádně i s tímto nedostatkem nám jazykové modely ušetří spoustu práce, často není třeba opravovat nic, záleží na formulaci vašeho dotazu, nezapomínejte dávat co nejvíce kontextu, tzn. vložit do požadavku odkaz na web nebo jeho text a nechat AI navrhnout co potřebujeme.
Integrace Rich snippetu ve WordPressu
Pokud máte jednoduchý, statický web, můžete rich snippety přidávat manuálně tím, že vložíte JSON-LD strukturovaná data přímo do kódu jednotlivých stránek. To znamená ruční úpravuHTML nebo použití vlastního skriptu v sekci <head>. U složitějších webů s dynamickým obsahem je efektivnější použít jiné metody.
Jednou z možností je generování rich snippetu pomocí JavaScriptu, například s využitím Google Tag Manageru (GTM), který umožňuje vkládání strukturovaných dat bez přímých úprav kódu webu. To je užitečné zejména pro stránky s často se měnícím obsahem.
Dalším způsobem je využití frameworků, například WordPress a specializovaných pluginů. Mezi nejznámější patří Yoast SEO, který automaticky generuje a spravuje metadata včetně strukturovaných dat pro stránky, příspěvky, produkty a další typy obsahu. Tento plugin nabízí jednoduché nastavení rich snippetu bez nutnosti manuálního zásahu do kódu.
Plugin umí rozeznat typ stránky ve struktuře webu a automaticky přiřadit správný typ rich snippetu. Současně nabízí možnosti individuálního nastavení a vyplnění informací. Tam kde nestačí možnosti nastavení v administraci, můžeme upravovat snippety i pomocí filtrů a funkcí, takže vždy můžeme dosáhnout ideálního nastavení s minimálním úsilím.
Kromě Yoast SEO existují i další pluginy, jako například Schema Pro nebo Rank Math, které umožňují podrobnější konfiguraci a podporují širokou škálu typů strukturovaných dat. Výběr správné metody závisí na složitosti vašeho webu, typu obsahu a požadované míře automatizace.
Stále nemáte nastavené rich snippets na vašem webu? Ozvěte se nám.
Štítky: Google Analytics, Pluginy, SEO, správa webu, strukturovaná data