Vytvoření Open Graph značek patří mezi ty technické úpravy webu, jejichž dopad na výkon obsahu bývá podceňován. Přitom jde o přímý nástroj kontroly nad tím, jak odkaz vypadá ve chvíli, kdy ho někdo sdílí na Facebooku, LinkedInu nebo jiné síti. Jak konkrétně OpenGraph metadata ovlivňují míru prokliků ze sociálních sítí? A proč tento efekt zasahuje i do výsledků organického vyhledávání a jak toho využít v praxi? Čtěte dál a zjistíte to.
K čemu OpenGraph značky přesně slouží
Když uživatel sdílí odkaz na sociální síti, platforma jako první nezkoumá obsah stránky samotné. Přečte OpenGraph metadata uložená v hlavičce HTML dokumentu a z nich sestaví náhled: obrázek, nadpis a popis, které se zobrazí ostatním uživatelům. Bez OpenGraph značek si platforma vybere tyto prvky sama, zpravidla s výsledkem, který neodpovídá záměru tvůrce obsahu.
To znamená, že stránka bez OpenGraph značek riskuje zobrazení špatného obrázku, zkráceného nebo irelevantního nadpisu a prázdného popisu. Uživatelé pak vidí odkaz, který nevypadá důvěryhodně a nedává jasný důvod ke kliknutí.
Které značky rozhodují o vzhledu náhledu
Čtyři základní OpenGraph značky určují vzhled náhledu na většině platforem:
- og:title definuje nadpis zobrazený v náhledu. Může se lišit od title tagu stránky a bývá výhodné ho přizpůsobit sociálnímu kontextu.
- og:description poskytuje krátký popis obsahu. Facebook zobrazuje typicky 2 až 3 řádky, LinkedIn o něco více.
- og:image určuje obrázek náhledu. Jde o vizuálně nejsilnější prvek a nejpřímější ovlivnění CTR.
- og:url kanonizuje sdílenou URL a zabraňuje fragmentaci sdílení napříč různými variantami adresy.
Jak OpenGraph značky ovlivňují CTR
Obrázek je primární faktor pozornosti
Ve feedu sociální sítě soutěží každý příspěvek s desítkami dalších o pozornost uživatele. Obrázek náhledu je prvním prvkem, který oko zachytí. Stránky s dobře zvoleným og:image dosahují v průměru výrazně vyšší míry prokliků než stránky zobrazující generický logo nebo prázdný náhled.
Facebook doporučuje rozměry 1200 × 630 pixelů pro og:image. LinkedIn preferuje poměr stran 1,91:1. Obrázek menší než doporučené rozměry se zobrazí jako miniatura v rohu textu místo plnorozměrného náhledu, což přímo snižuje vizuální dopad sdílení.
Nadpis a popis představují konverzní prvky
og:title funguje v kontextu sociálního sdílení podobně jako title tag ve výsledcích vyhledávání: přesvědčuje uživatele, zda odkaz otevřít. Optimalizovaný og:title proto nemusí být totožný s SEO title tagem. Ve vyhledávání přesvědčujete uživatele, že stránka odpovídá jeho dotazu. Na sociálních sítích přesvědčujete o tom, že obsah stojí za přečtení v kontextu volného procházení feedu.
og:description doplňuje nadpis a nabízí prostor pro konkrétní přínos nebo zajímavý detail, který v nadpisu není. Prázdný nebo automaticky generovaný popis je promarněná příležitost.
Nepřímý vliv na SEO
OpenGraph značky nejsou přímým rankingovým faktorem. Google je při hodnocení stránek nezohledňuje stejným způsobem jako title tag nebo zpětné odkazy. Přesto mají na SEO měřitelný dopad třemi cestami.
Sociální sdílení může být zdroj zpětných odkazů
Obsah sdílený na sociálních sítích se dostává před širší publikum. Část tohoto publika tvoří autoři jiných webů, novináři nebo blogeři, kteří na kvalitní obsah odkazují. Vyšší CTR ze sociálních sítí zvyšuje pravděpodobnost, že obsah zaujme někoho, kdo na něj přirozeně odkáže. Zpětné odkazy pak přímo ovlivňují pozice v organickém vyhledávání.
Slabý výkon obsahu na sociálních sítích a slabé zpětné odkazování jsou dva problémy se společným kořenem: nedostatečně připraveným obsahem pro sdílení.
Signály chování uživatelů
Google sleduje, jak uživatelé interagují s výsledky vyhledávání. Stránka, která generuje vyšší míru prokliků z organického vyhledávání a uživatelé na ní stráví delší čas, dostává nepřímý pozitivní signál.
Obsah populární na sociálních sítích bývá zpravidla také obsahem, na který uživatelé reagují pozitivně po příchodu z vyhledávání. Obě platformy tak zpětně posilují výkon stránky.
Indexace a crawling
Sociální sítě přinášejí na oblíbený obsah velký objem návštěvnosti v krátkém čase. Googlebot tento nárůst zaregistruje a stránku začne crawlovat častěji. Pro nové nebo méně autoritativní weby jde o způsob, jak urychlit indexaci nového obsahu.
Nejčastější chyby při nastavení OpenGraph značek
Chybějící og:image nebo špatné rozměry
Absence og:image je nejčastější a zároveň nejviditelnější chybou. Stejně problematický je obrázek v nesprávných rozměrech nebo příliš malý soubor, který platforma zobrazí jako miniaturní náhled místo plnohodnotného banneru.
Duplicitní og:title a title tag
Použití identického textu pro title tag a og:title není chybou v technickém smyslu, ale je to promarněná příležitost. Sociální kontext vyžaduje jiný způsob oslovení než vyhledávací dotaz. Přizpůsobení og:title sociálnímu publiku při zachování SEO title tagu je snadná optimalizace s měřitelným dopadem na CTR.
Neaktualizované značky po úpravě obsahu
Sociální sítě cachují náhledy odkazů. Stránka, jejíž og:image nebo og:title se změnil, může ještě týdny zobrazovat starý náhled, pokud cache nebyla obnovena. Facebook i LinkedIn nabízejí nástroje pro vynucené obnovení cache, které by měly být součástí standardního workflow při aktualizaci klíčového obsahu.
Jak začít s OpenGraph značkami prakticky
Ruční psaní OpenGraph kódu do hlavičky HTML dokumentu je sice možné, ovšem pro každou stránku zvlášť zdlouhavé a náchylné k chybám. Pro jejich odhalení je vhodné využít příslušný nástroj, jako je například analyzátor SEO problémů od TopRankerTools.
Nástroj pro vytvoření Open Graph značek pak vygeneruje správný kód na základě vyplněných polí a eliminuje riziko překlepů nebo chybějících atributů.
Po implementaci je nezbytné výsledek ověřit. Facebook nabízí Sharing Debugger, LinkedIn Post Inspector. Oba nástroje zobrazí, jak bude náhled vypadat, a upozorní na případné chyby před tím, než obsah kdokoliv sdílí.
