Co jsou metaznačky Open Graph?
Metaznačky Open Graph jsou úryvky kódu, které řídí, jak se webové stránky zobrazují při sdílení v sociálních médiích. Tyto značky jsou součástí protokolu Open Graph, který vyvinula společnost Facebook, ale mohou je používat i další sociální sítě, například Twitter, Pinterest, LinkedIn a další.
Facebook představil protokol Open Graph v roce 2010, aby zlepšil integraci mezi svou platformou a dalšími webovými stránkami. Cílem bylo zjednodušit sdílení adresy URL webové stránky na sociálních platformách a přeměnit webové vlastnosti na bohaté, graficky znázorněné objekty.
Metaznačky Open Graph od té doby převzaly různé další platformy, včetně Twitteru a LinkedIn, a také populární aplikace pro zasílání zpráv, jako je WhatsApp.
Základní metaznačky Open Graph
V dokumentaci společnosti Facebook je popsána celá řada metaznaček Open Graph, následujících pět je však zásadních pro všechny typy obsahu:
- og:title: Název stránky, kterou sdílíte.
- og:type: Typ obsahu (např. článek, kniha, video).
- og:url: Uveďte kanonickou adresu URL stránky, kterou sdílíte.
- og:image: URL adresa obrázku, která se zobrazí, když někdo sdílí webovou stránku.
- og:description: Krátký popis obsahu, obvykle dvě až čtyři věty, který se zobrazí pod nadpisem.
Proč jsou metaznačky Open Graph důležité?
Metaznačky Open Graph jsou klíčové, protože umožňují správcům webu kontrolovat, jak se při sdílení na sociálních sítích zobrazí název, popis, název webu a obrázek stránky. Bez značek OG budou sociální platformy, jako je Facebook, generovat náhled automaticky na základě adresy URL, názvu a meta popisu stránky. To může mít za následek příliš dlouhé náhledy nebo použití nekvalitních obrázků.
Sociální sítě jsou významným faktorem návštěvnosti webových stránek a konverzí. Optimalizované značky OG mohou vylepšit vzhled sdílených odkazů, takže jsou poutavější a pravděpodobně přilákají kliknutí.
Jak přidat metaznačky Open Graph?
Proces nastavení metaznaček Open Graph se liší v závislosti na platformě webových stránek, kterou používáte. Zde je stručný návod pro implementaci OG tagů v nejoblíbenějším systému pro správu obsahu WordPress:
- Nainstalujte plugin Yoast SEO: Pokud ještě není nainstalován, přihlaste se do ovládacího panelu WordPressu, přejděte do sekce "Pluginy" a nainstalujte plugin Yoast SEO.
- Otevřete Editor stránky: Přejděte do editoru stránky nebo příspěvku.
- Přejděte do sekce Yoast SEO: V sekci Yoast SEO vyberte záložku "Sociální sítě".
- Zadejte metadata Open Graph: Vyberte možnost "Facebook" a zadejte požadovaná metadata Open Graph (název, popis a obrázek) pro danou stránku. Yoast automaticky nastaví adresu URL.
Metaznačky Open Graph můžete do kódu HTML svých stránek implementovat také ručně. Zde je příklad, jak může kód vypadat:
<meta property="og:title" content="Název vaší stránky zde" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Stručný popis obsahu vaší stránky." />Ověřování metaznaček Open Graph
Po nastavení metaznaček OG můžete pomocí nástroje Facebook Sharing Debugger zkontrolovat, zda fungují podle očekávání. Vložte adresu URL, kterou chcete zkontrolovat, vyberte možnost "Ladit" a nástroj vyhledá chyby a návrhy tagů OG. Získáte také přehled vlastností OG, včetně názvu, obrázku a popisu.
Závěr
Metaznačky Open Graph jsou účinným nástrojem, který zajišťuje efektivní sdílení vašich webových stránek na platformách sociálních médií. Poskytnutím jasných, stručných a vizuálně přitažlivých náhledů můžete zvýšit zapojení a zvýšit návštěvnost svých stránek.
