Nadpis karty. Doporučeno do 60 znaků, delší se v náhledu ořízne.
Doporučeno do 200 znaků.
Kanonická adresa včetně https://. Relativní cesta v Open Graphu nefunguje.
Absolutní adresa obrázku. Doporučený rozměr je 1200 × 630 px, tedy poměr 1,91:1.
Údaje článku
Oddělte čárkou, každý štítek dostane vlastní tag.
Karta pro X (Twitter)
X při chybějících vlastních tazích čte Open Graph, takže duplikace není nutná.
Náhled karty
Obrázek se do náhledu nenačítá, kreslí se jen jeho plocha ve správném poměru.
Vygenerované meta tagy
Meta tagy se zobrazí po vyplnění polí…
Jak generátor Open Graph tagů použít
- Vyplňte titulek, popis a adresu stránky. To jsou údaje, které uvidí člověk na sociální síti místo holého odkazu.
- Vložte adresu náhledového obrázku a doplňte jeho rozměry. Náhled karty se překreslí okamžitě.
- Vyberte typ obsahu. Pro běžnou stránku nechte website, u článku přepněte na article a objeví se pole pro autora a datum vydání.
- Rozhodněte se, jestli chcete i tagy twitter. Vypnout je můžete jedním přepínačem, výstup se tím zkrátí.
- Zkopírujte hotové tagy a vložte je do hlavičky stránky, tedy mezi značky head.
Které Open Graph tagy jsou povinné
Specifikace protokolu uvádí čtyři povinné vlastnosti: og:title, og:type, og:image a og:url. Bez nich sociální síť neví, co má u odkazu zobrazit, a poskládá si náhled sama z obsahu stránky. Výsledek pak bývá náhodný.
Nejčastěji chybí og:url. Je to kanonická adresa stránky a slouží jako trvalý identifikátor odkazu. Když ji vynecháte, může se stejný článek sdílený s různými parametry v adrese počítat jako několik různých stránek.
Zbytek je volitelný, ale vyplatí se. og:description dá pod nadpis smysluplnou větu a og:site_name ukáže název projektu. og:locale říká, v jakém jazyce stránka je, a jeho formát je jazyk podtržítko území, tedy pro češtinu cs_CZ.
Jaká je správná velikost og image
Facebook doporučuje obrázky nejméně 1200 × 630 pixelů, aby náhled vypadal dobře i na displejích s vysokým rozlišením. Minimum pro velký náhled je 600 × 315 pixelů a úplně nejmenší přípustný rozměr je 200 × 200 pixelů. Soubor nesmí přesáhnout 8 MB.
Podstatnější než samotné rozlišení je poměr stran. Držte se co nejblíž hodnotě 1,91:1, jinak si síť obrázek ořízne podle sebe a přijdete o to nejdůležitější. Náhled v generátoru kreslí plochu přesně v tomto poměru, takže na něm poznáte, jestli se vám kompozice do karty vejde.
Vyplatí se uvést i tagy og:image:width a og:image:height. Síť pak umí vyhradit místo pro obrázek dřív, než ho stáhne, a náhled při načítání neposkakuje. Pokud rozměry svého obrázku neznáte, zjistíte je v nástroji na rozměry a metadata obrázku.
Proč se náhled po úpravě stránky nezmění
Sociální sítě si stažené tagy ukládají do mezipaměti. Když tedy tagy opravíte a odkaz vložíte znovu, uvidíte pořád tu starou verzi. Chyba to není. Jen se ještě nenačetla aktuální podoba stránky.
Řešením je nástroj Sharing Debugger od Facebooku, kde po vložení adresy uvidíte, jaké tagy síť skutečně přečetla, a můžete si vynutit jejich nové stažení. Podobný nástroj má i LinkedIn.
Druhý častý důvod je, že tagy leží na špatném místě. Patří do hlavičky dokumentu, tedy mezi značky head. Když je vložíte do těla stránky, prohlížeč je zobrazí bez problémů, ale robot sociální sítě je přehlédne.
Časté otázky
Co je Open Graph a k čemu slouží?
Open Graph je sada meta tagů v hlavičce stránky, kterými říkáte sociálním sítím, jak má vypadat náhled vašeho odkazu. Určíte jimi nadpis, popisek, obrázek a adresu. Bez nich si musí síť poradit sama a sáhne po prvním obrázku, který na stránce najde.
Používá se Open Graph i mimo Facebook?
Ano. Protokol vznikl na Facebooku, ale čte ho i LinkedIn, WhatsApp, Slack, Discord a řada dalších služeb, které zobrazují náhledy odkazů. Jedna sada tagů tedy obslouží víc míst najednou.
Jak dlouhý má být titulek a popis?
Každá síť si text zkracuje po svém, takže žádný závazný limit neexistuje. Praktické je držet titulek zhruba do 60 znaků a popis do 200, aby se vešel bez tří teček. Generátor délku průběžně počítá a upozorní, když ji přetáhnete. Delší texty jinde spočítá počítadlo znaků a slov.
Musím vyplňovat tagy twitter zvlášť?
Ve většině případů ne. Generátor proto ve výchozím stavu přidá jen typ karty a texty nechá na Open Graphu, aby se výstup zbytečně nezdvojoval. Pokud chcete mít na síti X jiný nadpis nebo obrázek než jinde, zapněte duplikaci textů a doplňte vlastní hodnoty.
Ovlivňují Open Graph tagy pozici ve vyhledávání?
Přímo ne, Google je jako hodnoticí signál nepoužívá. Nepřímý vliv ale mají. Odkaz s pěkným náhledem dostane na sociálních sítích víc prokliků než holá adresa, a návštěvnost i zpětné odkazy už se v hodnocení projeví.