Kontrola open graph SEOtest.online odhalí problémy, které si většina správců webů vůbec neuvědomuje, dokud jejich obsah nezačne vypadat na sociálních sítích jako rozbitý odkaz bez obrázku a s nesmyslným titulkem. Open Graph tagy jsou technicky nenápadná věc, ale jejich absence nebo chybná implementace se projeví velmi viditelně. Tento článek vysvětluje, co tyto tagy dělají, kde se nastavují a proč Google s jejich obsahem zachází jinak než Facebook nebo LinkedIn.
Co jsou Open Graph tagy a kde se vzaly
Open Graph protokol vznikl v roce 2010, kdy ho Facebook představil jako způsob, jak webovým stránkám dát strukturovaná metadata pro sociální sdílení. Myšlenka byla prostá: když uživatel sdílí odkaz, platforma potřebuje vědět, jaký obrázek zobrazit, jaký nadpis použít a jak stránku stručně popsat. Bez těchto informací si platforma data buď odhadne sama, nebo zobrazí prázdný náhled.
Protokol se rychle rozšířil. Dnes ho čte Facebook, LinkedIn, Pinterest, Slack, WhatsApp i řada dalších platforem. Technicky jde o meta tagy umístěné v sekci <head> HTML dokumentu s prefixem og:.
Čtyři tagy, bez kterých se neobejdete
Základní sadu Open Graph tagů, kterou by měla mít každá stránka, tvoří čtveřice:
- og:title – nadpis stránky zobrazený v náhledu sdíleného odkazu
- og:description – stručný popis zobrazený pod nadpisem
- og:image – URL obrázku, který se v náhledu zobrazí
- og:url – kanonická adresa stránky, na kterou odkaz vede
Bez og:image si Facebook vezme první obrázek, který na stránce najde, nebo nezobrazí nic. Bez og:title použije titulek stránky z elementu <title>. Výsledky bývají nepředvídatelné a vizuálně nesourodé.
Rozdíl mezi og:title a meta title
Meta title (element <title> v hlavičce stránky) slouží primárně pro vyhledávače a záložky prohlížeče. Zobrazuje se ve výsledcích Googlu jako modrý proklikatelný nadpis. Open Graph tag og:title naproti tomu říká sociálním platformám, jak má stránka vypadat při sdílení.
Tyto dva tagy mohou mít odlišné hodnoty a v praxi to dává smysl. Meta title se optimalizuje pro vyhledávání, tedy pro konkrétní klíčová slova a délku přibližně 55 až 60 znaků. og:title může být delší, přitažlivější a psaný spíš pro lidi než pro algoritmy. Na Facebooku nebo LinkedInu nehrají roli klíčová slova, hraje roli pozornost.
Pokud og:title na stránce chybí, Facebook zpravidla sáhne po meta title. Výsledek je funkční, ovšem ne vždy optimální.
Kdy Google Open Graph tagy ignoruje
Tady přichází část, která mnohé překvapí. Google Open Graph tagy nečte jako závazné instrukce. Čte je jako jeden ze vstupů, ale výsledný nadpis a popis ve výsledcích vyhledávání si sestavuje sám podle vlastního uvážení.
Google generuje titulky stránek na základě celé řady signálů: obsahu stránky, nadpisů H1, strukturovaných dat, interních odkazů, a také meta title. Open Graph tagy do tohoto výpočtu vstupují jen okrajově. Pokud Google vyhodnotí, že og:title lépe vystihuje obsah stránky než meta title, zobrazí ho. Jindy oba přepíše vlastním titulkem, který považuje za relevantnější pro konkrétní vyhledávací dotaz.
Podobně funguje og:description ve vztahu k meta description. Google meta description zobrazuje přibližně v polovině případů, zbytek generuje ze samotného obsahu stránky. og:description vliv na tento výpočet prakticky nemá.
Kde Google Open Graph respektuje
Existuje jedna oblast, kde Google Open Graph tagy bere vážněji: náhledy ve výsledcích vyhledávání s náhledy obrázků a v Google Discover. og:image tam hraje roli při rozhodování, který obrázek zobrazit. Pro weby, které cílí na provoz z Discover, je tedy kvalitní og:image relevantní i z čistě SEO pohledu.
Jak Open Graph tagy správně nastavit
Implementace závisí na platformě, na které web běží. Ve WordPressu se postarají o kompletní nastavení pluginy jako Yoast SEO nebo Rank Math, kde og tagy nastavíte bez dotyku kódu. Na míru stavěných webech se tagy píší přímo do šablon nebo se generují dynamicky ze systému pro správu obsahu.
Při nastavování og:image platí několik technických pravidel, která se vyplatí dodržet. Facebook doporučuje rozměry 1200 × 630 pixelů. Obrázek musí být dostupný na veřejné URL, jinak ho platforma nenačte. A pozor na cachování, Facebook si náhledy ukládá, takže po změně obrázku je nutné přinutit platformu k obnovení pomocí Facebook Sharing Debuggeru.
Jak chyby v Open Graph tazích rychle odhalit
Ruční kontrola og tagů v kódu stránky je zdlouhavá. Praktičtější je použít nástroj, který stránku zkontroluje automaticky. Kontrola open graph SEOtest.online prověří přítomnost og:title, og:description, og:image i Twitter Card tagů a upozorní na chybějící nebo neplatné hodnoty. Výsledek dostanete bez registrace, takže se hodí i pro rychlou kontrolu cizích webů před auditem nebo spoluprací.
Malý tag, zato velký dopad na první dojem
Open Graph tagy nejsou to první, na co SEO specialisté myslí, a přesto spolurozhodují o tom, jak váš obsah vypadá při každém sdílení. Správně nastavené og tagy zvyšují pravděpodobnost prokliknutí sdíleného odkazu, udržují vizuální konzistenci napříč platformami a zabraňují situacím, kdy se místo titulní fotografie produktu zobrazí logo v patičce webu. Google jejich vliv na výsledky vyhledávání do velké míry přepíše vlastní logikou, ovšem pro sociální sítě a náhledy v Discover platí jejich obsah naplno. Stojí za to je mít v pořádku.
- Mobilní uživatelé a obrázky. Proč komprese obrázků pro desktop problém neřeší a jak responzivní design mění situaci - 30.06.2026
- Open Graph tagy – jak fungují na sociálních sítích, proč Google hraje podle vlastních pravidel a kdy se hodí kontrola Open Graph SEOtest.online - 09.06.2026
- Mrazem sušené ovoce a klasické sušené ovoce. Jaké jsou rozdíly ve výživě? - 28.04.2026