Čo sú metaznačky Open Graph?
Metaznačky Open Graph sú úryvky kódu, ktoré riadia, ako sa webové stránky zobrazujú pri zdieľaní v sociálnych médiách. Tieto značky sú súčasťou protokolu Open Graph, ktorý vyvinula spoločnosť Facebook, ale môžu ich používať aj iné sociálne siete, napríklad Twitter, Pinterest, LinkedIn a ďalšie.
Facebook predstavil protokol Open Graph v roku 2010 s cieľom zlepšiť integráciu medzi svojou platformou a inými webovými stránkami. Cieľom bolo zjednodušiť zdieľanie adresy URL webovej lokality na sociálnych platformách a transformovať webové vlastnosti na bohaté, graficky znázornené objekty.
Metaznačky Open Graph odvtedy prevzali rôzne ďalšie platformy vrátane Twitteru a LinkedIn, ako aj populárne aplikácie na zasielanie správ, ako je WhatsApp.
Základné metaznačky Open Graph
Hoci dokumentácia spoločnosti Facebook uvádza rôzne metaznačky Open Graph, nasledujúcich päť je nevyhnutných pre všetky typy obsahu:
- og:title: Názov stránky, ktorú zdieľate.
- og:type: Typ obsahu (napr. článok, kniha, video).
- og:url: Uveďte kanonickú adresu URL stránky, ktorú zdieľate.
- og:image: URL adresa obrázka, ktorá sa zobrazí, keď niekto zdieľa webovú stránku.
- og:description: Krátky popis obsahu, zvyčajne dve až štyri vety, ktorý sa zobrazí pod nadpisom.
Prečo sú metaznačky Open Graph dôležité?
Metaznačky Open Graph sú veľmi dôležité, pretože umožňujú webmasterom kontrolovať, ako sa zobrazuje názov, popis, názov stránky a obrázok stránky pri zdieľaní v sociálnych sieťach. Bez značiek OG sociálne platformy, ako napríklad Facebook, generujú náhľad automaticky na základe adresy URL, názvu a meta popisu stránky. To môže mať za následok príliš dlhé náhľady alebo použitie nekvalitných obrázkov.
Siete sociálnych médií sú významným faktorom návštevnosti webových stránok a konverzií. Optimalizované značky OG môžu zlepšiť vzhľad zdieľaných odkazov, čím sa stanú pútavejšími a pravdepodobne prilákajú kliknutia.
Ako pridať metaznačky Open Graph?
Proces nastavenia meta značiek Open Graph sa líši v závislosti od platformy webovej stránky, ktorú používate. Tu je stručný návod na implementáciu značiek OG v systéme WordPress, ktorý je najobľúbenejším systémom na správu obsahu:
- Nainštalujte zásuvný modul Yoast SEO: Ak ešte nie je nainštalovaný, prihláste sa na ovládací panel WordPress, prejdite na položku "Pluginy" a nainštalujte zásuvný modul Yoast SEO.
- Otvorte Editor stránky: Prejdite do editora stránky alebo príspevku.
- Prejdite do sekcie Yoast SEO: Vyberte kartu "Sociálne siete" v sekcii Yoast SEO.
- Zadajte metaúdaje Open Graph: Vyberte možnosť "Facebook" a zadajte požadované metadáta Open Graph (názov, popis a obrázok) pre danú stránku. Yoast automaticky nastaví adresu URL.
Metaznačky Open Graph môžete do kódu HTML svojich stránok implementovať aj ručne. Tu je príklad, ako môže kód vyzerať:
<meta property="og:title" content="Tu je názov vašej stránky" /> <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šej stránky." />Overovanie metaznačiek Open Graph
Po nastavení meta značiek OG môžete skontrolovať, či fungujú podľa očakávania, pomocou nástroja Facebook Sharing Debugger. Vložte adresu URL, ktorú chcete skontrolovať, vyberte možnosť "Debug" (Ladiť) a program vyhľadá chyby a návrhy značiek OG. Získate tiež prehľad vlastností OG vrátane názvu, obrázka a popisu.
Záver
Metaznačky Open Graph sú účinným nástrojom na zabezpečenie efektívneho zdieľania vašich webových stránok na platformách sociálnych médií. Poskytovaním jasných, stručných a vizuálne príťažlivých náhľadov môžete zvýšiť angažovanosť a zvýšiť návštevnosť svojej stránky.
