Vliv protokolu Open Graph na SEO

Co jsou tagy Open Graph?

Meta tagy neboli protokol Open Graph byl vytvořen Facebookem a umožňuje, aby se jakákoli webová stránka zobrazila s obohaceným formátem na sociálních sítích. Tyto HTML tagy budou mít na starosti zobrazení obsahu (titulek, popis, obrázek stránky atd.) stránky, která je sdílena na sociálních sítích. Pokud tyto tagy neexistují nebo nejsou specifikovány, informace se budou zobrazovat náhodně, vybírající náhodnou fotku, nepopisný titulek nebo popis…

K čemu slouží?

Tyto tagy jsou známé jako sociální tagy a jsou velmi důležité pro dosažení pozic na všech sociálních sítích. V závislosti na tom, o jakou sociální síť jde, to bude jednodušší nebo obtížnější, ale SEO na sociálních sítích existuje, je reálné.

Protokol Open Graph byl zpočátku používán na Facebooku a v současnosti je také rozpoznáván na LinkedIn. Na druhou stranu tagy Twitteru jsou exkluzivní pro tu sociální síť.

Tagy jsou následující:

og:title:

„Title" má za úkol říct vyhledávači, o čem stránka je. Proto musí být jasný, stručný a unikátní na každé stránce. Jeho maximální délka je 67 znaků.

Příklad:

<meta property="og:title" content="Co jsou tagy Open Graph?"/>

og:description

„Meta description" bude ten, který popisuje a informuje obsáhleji o stránce. Neměl by přesáhnout 155 znaků a může obsahovat frázi nebo CTA, která pobízí uživatele kliknout na výsledek. Měl by být také unikátní pro každou stránku.

Příklad:

<meta property="og:description" content="Víte, jak uživatelé vidí váš web, když ho sdílejí na svých sociálních profilech? Tagy Open Graph budou mít na starosti zobrazení všech informací."/>

og:url:

URL webové stránky se zobrazí, a může být zobrazena zkrácená. Zkuste použít tento tag s URL co nejčistší a unikátní na každé stránce.

Příklad:

<meta property="og:url" content="/cs/blog/open-graph" />

og:image

Musíte specifikovat URL obrázku, aby se mohl zobrazit na každé stránce. Toto je jistě jeden z nejvíce přehlížených a jeden z nejdůležitějších. Google Discover, Google News, Facebook, Twitter, LinkedIn… všechny si vezmou tento obrázek jako háček pro uživatele, a pokud je dobré kvality, můžete získat tuny návštěv. Jinak, pokud necháte pole prázdné, může se zobrazit fotka autora, prázdné pole… Vy si vyberete, co je lepší! ;)

Příklad:

<meta property="og:image" content="/blog/images/open-graph.jpg" />

og:video

V případě, že máte na stránce video, musíte ho specifikovat pomocí tohoto tagu, který usnadňuje jeho interpretaci.

<meta property="og:video" content="http://example.com/bond/trailer.swf" />

og:type

Tento tag označuje, z čeho se váš obsah skládá. Ať je to článek, video, blogový příspěvek… V závislosti na typu můžete přiřadit různé vlastnosti.

Příklad:

<meta property="og:type" content="article" />

og:site_name

S ním můžete specifikovat svůj web, aby se zobrazila vaše značka.

<meta property="og:site_name" content="SEOcrawl" />

Typy sociálních meta tagů, které existují

V současnosti se tagy vytvořené Facebookem používají na zbytku sociálních sítí, jako je LinkedIn. Twitter používá to, co je známé jako Twitter Cards. S těmito tagy máte tři možnosti:

• ›

  „Photo" pro obrázky

• ›

  „Player" pro videa a

• ›

  „Summary" pro vše ostatní.

V tomto případě, stejně jako u Open Graph karet, pokud není optimalizováno, zobrazí se výchozí a neoptimalizovaný obsah.

Nástroje pro testování tagů

Analýza, jak stránky vypadají, když je uživatel sdílí na sociálních sítích, bude klíčová, pokud chceme, aby vše fungovalo správně.

Twitter Card Validator

Validační nástroj Twitteru je Twitter Card Validator. Před publikací čehokoli, pokud se chcete ujistit, že se vše zobrazuje správně, neváhejte zadat URL, kterou chcete sdílet. Je také velmi užitečné, pokud jste aktualizovali obrázek stránky a feed stále zobrazuje starý. Opětovná analýza bude fungovat jako „cache purge".

Facebook Debugger

Ladící nástroj Facebooku je známý jako Facebook Debugger. S ním můžete vidět, jaké informace jsou používány a jak vypadají, když je sdílena stránka z vašeho webu. Navíc v případě, že je některé z polí nesprávné nebo chybí, vyskočí varování.

Google Structured Data Testing Tool

Google nám také dává k dispozici nástroj pro testování strukturovaných dat zvaný Google Structured Data Testing Tool. Je velmi užitečný pro kontrolu, jaký typ markupu Google odebírá ze stránky. Markup je rozpoznáván vyhledávači, což pomáhá udělat web „sémantickým" zavedením Schema mikrodat specifických pro každý případ.

Rich Pins Validator

Pinterest nemohl zůstat pozadu a přináší svůj pin validátor, také známý jako Rich Pins Validator. Funguje stejně jako Twitter validátor: pro získání funkce Rich Pin a kontrolu data markupu zároveň je vyžadován schvalovací proces.

Jak optimalizovat tyto tagy ve WordPressu?

Jak možná víte, jednou z velkých výhod, které nám WordPress nabízí, je jeho flexibilita a obrovská komunita. V důsledku toho procesy jako zavedení open-graph tagů na naše stránky a články trvají jen vteřiny díky pluginům.

Existuje mnoho způsobů, jak toho dosáhnout. V našem případě věříme, že nejjednodušší je to udělat přes SEO Rank Math plugin.

Doporučený článek > Hloubkový SEO tutoriál o Rank Math

Stačí jít do SEO sekce dotyčné stránky nebo článku, kliknout na záložku „Social", a tam uvidíme možnost nakonfigurovat obrázek. V mnoha případech, pokud jsme nahráli featured image, vezme ho přímo.

Tipy a vylepšení

Níže si můžete přečíst některé tipy založené na zkušenosti, které pro nás fungovaly k dosažení velmi dobrých výsledků.

Optimalizujte obrázky

Vyberte si kvalitní obrázky. Každý obrázek si musíte dokonale vybrat, protože bude reprezentovat váš obsah. Bude to také obrázek, který se objeví, když uživatel obsah sdílí.

Každá platforma má určité standardy; nejlepší je vybrat velký obrázek, který se vejde do každé sociální sítě.

Vizuální obsah je nejatraktivnější na sociálních sítích, a pokud se vám podaří virálně se rozšířit, získáte více návštěv na svém webu. Víte, investujte čas do výběru perfektního obrázku, abyste získali likes, sdílení a komentáře.

• ›

  Twitter: 120x120 px pro malý a 4096x4096 px pro velký

• ›

  Facebook: nejmenší 200 px a největší 1200 px

Vždy používejte Open Graph

Vzhledem k tomu, že je to již dobře známý formát, mohou ho používat další platformy. Doporučuje se používat šablony kódu pro vložení sociálních tagů; všechny informace si můžete prohlédnout v následujícím průvodci.

Doporučený průvodce -> Meta tagy v SEO

Testujte a experimentujte

Vždy testujte a kontrolujte ve validátorech, abyste se ujistili, že se výsledky vašeho webu zobrazují správně na sociálních sítích.

Závěry

Jsou to malé detaily, které vaši značku v očích uživatelů zviditelní. Pamatujte, že tyto tagy jsou nezbytné pro správné zobrazení vaší stránky a přilákání návštěv. Také usnadňují vyhledávačům pochopit váš web. Takže SEO optimalizace také zahrnuje věnování pozornosti sociálním sítím.

Pamatujte také, že sociální signály, tedy návštěvnost, která přichází ze sociálních sítí, mohou pozitivně ovlivnit SEO strategii, takže každý klik ze sociálních médií má cenu zlata!

Nějaké otázky nebo návrhy? Rádi pomůžeme!

Reference:

• ›https://ogp.me/ - Oficiální web protokolu Open Graph