Otevřete Graph Validator

Extrahujte a ověřte metadata libovolného otevřeného grafu

Prohlédněte si otevřené grafy pomocí nástroje Open Graph Validator ETTVI, abyste se ujistili, že metadata webové stránky při sdílení na sociálních sítích zaujmou pozornost. Tento pokročilý nástroj pomáhá webmasterům zjistit, jak dobře se jejich webové odkazy zobrazují na Facebooku, Pinterestu, Instagramu a LinkedIn v reálném čase.

Stačí zadat URL své webové stránky a uvidíte, jak rychle ETTVI Open Graph Validator zobrazí náhled a metadata otevřeného grafu. Extrahuje a zvýrazní kopírovatelné:

• Název Open Graph

• Popis Open Graph

• Typ webového zdroje

• Název webu

• URL stránky

• Adresa URL obrázku

Průkopnický Validátor Open Graph Generator od ETTVI extrahuje  meta tagy OG  – automaticky načte a zobrazí meta tagy otevřeného grafu. Uživatel může snadno zkopírovat nebo stáhnout kódy požadovaného otevřeného grafu.

Ověřte a extrahujte metaznačky otevřeného grafu – zdarma si prohlédněte, jak se webové odkazy zobrazují na sociálních sítích.

Chcete-li zkontrolovat otevřený graf libovolného webového odkazu, postupujte takto:

KROK 1 „Zadejte URL“

Umístěním odkazu na webovou stránku ověřte její otevřený graf následovně:

KROK 2 „Spusťte nástroj“

Kliknutím na ověřit spustíte ETTVI Open Graph Checker.

KROK 3 „Náhled otevřeného grafu“

Open Graph Validator ETTVI zobrazí otevřený graf, který ukazuje, jak bude váš odkaz vypadat na sociálních sítích následovně:

KROK 4 „Zkontrolujte podrobnosti otevřeného grafu“

Open Graph Validator ETTVI extrahuje a zvýrazní následující informace:

KROK 5 „Získejte metaznačky Open Graph“

Open Graph Validator ETTVI extrahuje OG Meta Tagy a zobrazí je následovně:

Kliknutím na nebo uložíte meta tagy daného otevřeného grafu.

ETTVI Open Graph Validator slouží nejlépe k tomu, aby se ujistil, zda uživatelé sociálních sítí považují vaše webové odkazy za výrazně pozoruhodné nebo ne. Umožňuje vám zobrazit náhled a ověřit otevřený graf libovolného webu za méně než minutu. Navíc můžete snadno extrahovat kopírovatelná metadata a meta tagy jakéhokoli otevřeného grafu pomocí pokročilého nástroje ETTVI.

Podívejte se níže, abyste věděli, co ETTVI Open Graph Checker nabízí a proč byste si jej měli vybrat:

Uživatelsky přívětivé rozhraní

Tým ETTVI se ujistil, že uživatelé mohou tento nástroj snadno najít, získat přístup a použít jej k testování otevřeného grafu jakéhokoli webového zdroje. Všechny vlastnosti a funkce Open Graph Validatoru ETTVI byly viditelně a řádně zobrazeny organizovaným způsobem. Navíc bylo jasně specifikováno, co Open Graph Tester od ETTVI dělá, jak a proč by jej měli uživatelé používat.

Právě způsob, jakým byl tento nástroj navržen a vyvinut pro kontrolu otevřeného grafu jakéhokoli webového odkazu, je skutečně pozoruhodný. Funguje efektivně a přesně a pomáhá webmasterům ověřit jakýkoli otevřený graf.

Ověření jedním kliknutím

ETTVI Open Graph Validator pouze vyžaduje, aby uživatel zadal URL webového zdroje pro načtení a zobrazení jeho otevřeného grafu. Jediným kliknutím mohou uživatelé zkontrolovat a ověřit otevřený graf libovolné webové stránky. V případě, že uživatel zjistí jakýkoli problém s pochopením fungování nástroje, může si přečíst integrovaný manuál, aby věděl, jak testovat otevřený graf pomocí Open Graph Validator společnosti ETTVI.

Rychlá extrakce

Když uživatel zadá adresu URL webového zdroje, automaticky načte a zobrazí všechny podrobnosti otevřeného grafu. Stručně řečeno, ETTVI Open Graph Validator extrahuje metadata a meta tagy požadovaného otevřeného grafu a umožňuje uživatelům je kopírovat nebo stahovat podle potřeby. Všichni webmasteři včetně SEO, marketérů na sociálních sítích a bloggerů mohou tento pokročilý nástroj využít ke sledování meta tagů nebo názvu a popisu libovolného otevřeného grafu v reálném čase.

Zdarma a neomezený přístup

ETTVI umožňuje uživatelům bezplatný přístup a používání Open Graph Validator. Lidé z celého světa mohou pomocí tohoto pokročilého nástroje ověřovat otevřené grafy – bez ohledu na jakýkoli časový limit a předplatné.

Obsah je to nejdůležitější. I ten nejlepší materiál by však zůstal nepovšimnut bez sdílení na sociálních sítích a platforem, které sdílení podporují. Pokud chce uživatel maximalizovat dosah na sociálních sítích, první věc, kterou by měl uživatel udělat, je zlepšit vzhled obsahu při sdílení, což SEO umí pomocí značek Open Graph.

Co jsou to Open Graph Meta Tagy?

Každá webová stránka může být přeměněna na bohatý objekt v sociálním grafu pomocí protokolu Open Graph. Je možné změnit, jak se adresy URL zobrazují na sociálních médiích, přidáním metaznaček Open Graph do záhlaví značek HTML.

Sekce webové stránky obsahuje tyto značky. Značky Open Graph jsou jakékoli značky s předponou og: před názvem vlastnosti.

Meta tagy pro otevřené grafy jsou kódovány takto:

Poté, co se SEO naučí, co jsou otevřené značky grafů, se mohou zeptat, jak vypadá kódování těchto značek.

Základní vzorec pro toto kódování je následující:

Ačkoli Facebook byl průkopníkem tohoto konceptu, od té doby jej přijaly další společnosti sociálních médií. Twitter, LinkedIn a Google rozpoznávají otevřené značky Graphs. I když má Twitter své vlastní meta tagy zvané „Twitter Cards“, stále rozpoznává a používá Open Graph tagy a učiní tak, pokud nebudou nalezeny žádné Twitter karty. SEO však mohou využít kontrolu otevřeného grafu ETTVI, která poskytuje přehled platných značek, které byly úspěšně implementovány.

Proč je protokol Open Graph pro web nezbytný?

Protokol Open Graph zlepšuje uživatelskou zkušenost se sdíleným obsahem. Zvyšuje expozici obsahu, činí jej zajímavějším a povzbuzuje čtenáře, aby na něj klikli.

Například práce s bohatými položkami, jako jsou:

• Zvyšte počet lidí, kteří navštíví web

• Zlepšete pozice ve vyhledávačích a zvyšte prodeje

• Dosahuje kvalitních zpětných odkazů na web

• Zvyšte počet lidí, kteří reagují na konkrétní obsah

• Zvyšte sledovanost sociálních sítí

• Zvyšte míru prokliku webu (CTR)

Pomocí značek OG upozorněte sítě sociálních médií na to, jaký obsah by měly zobrazovat, když obsah někdo sdílí. Facebook není vhodné místo pro zveřejnění odkazu, pokud chybí obrázek nebo je nesprávný název. Tagy OG lze také použít k cílení na určité skupiny nebo lokality. SEO mohou například kontrolovat informace, které se zobrazují uživatelům v konkrétní oblasti. Začněme s některými základy metadat pro otevřené grafy.

Základy metadat

Každá stránka by měla obsahovat čtyři základní metaznačky:

• og:title: název stránky. To by nemělo zahrnovat žádné identifikátory specifické pro web, ale pouze informace o samotné stránce.

• og:type: typ obsahu stránky. Nejběžnějším typem jsou webové stránky, ale pokud webmasteři požadují něco konkrétnějšího, je k dispozici více druhů.

• og:image: obrázek, který se zobrazí v náhledu odkazu. Měl by to být reprezentativní obrázek obsahu stránky. Kromě toho je užitečné zahrnout záložní obrázek představující web spojený s odkazem.

• og:url: kanonická adresa URL stránky. Musí to být plně kvalifikovaná adresa URL.

I když implementace značek Open Graph nebude mít přímý vliv na SEO na stránce, určitě bude mít vliv na výkon odkazů na sociální média. V důsledku toho je kritickým aspektem vyšetřování!

Porozumění a metaznačkám na Facebooku

Meta tagy otevřeného grafu na Facebooku přicházejí v různých příchutích. Zde je mnoho typů otevřených grafů, které vysvětlí, jak je používat.

and:title

Název obsahu je definován tímto způsobem, jak by uživatel mohl očekávat. Kód může pro tento účel stále používat standardní značku meta title. Metanázev se použije místo značky og:title, pokud jej Facebook na stránce nenajde.

Nezapomeňte, že text zobrazený na Facebooku je tučný a neuvěřitelně poutavý. Jako dobrý název článku na blogu musí být zajímavý.

Rozumným pravidlem je držet se mezi 60 a 90 znaky, ale neexistuje žádné horní nebo dolní omezení. Facebook zkrátí název na pouhých 88 znaků, pokud bude mít více než 100 znaků.

a:url

Při sdílení stránky je pak snadné nastavit kanonickou adresu URL stránky. V podstatě to znamená, že všechny sdílené položky budou propojeny s jedinou webovou stránkou. Tato značka je užitečná, pokud má obsah mnoho adres URL odkazujících na stejný obsah. Důležitá poznámka: Informační kanál Facebooku zobrazuje pouze název domény, nikoli adresy URL poskytnuté uživateli.

a: typ

To vyjadřuje typ objektu, zde je několik příkladů:

Zábava:

• rezervovat

• hra

• film

Mezi tímto metadeskriptorem a HTML meta description tagem se hodně překrývá. Tag og:description se používá k popisu obsahu na Facebooku; zobrazuje se spíše pod názvem odkazu než v horní části stránky s výsledky vyhledávače. Neztrácejte příliš mnoho času vymýšlením toho, jak zahrnout klíčová slova do obsahu. V důsledku toho to nebude mít vliv na hodnocení vyhledávačů. Pokud však SEO chtějí, aby na něj uživatelé klikli, musí to udělat zajímavým a poutavým a mohou zkontrolovat svůj popis, nadpis, obrázek a obsah pomocí validátoru otevřených grafů ETTVI.

Twitter karty

Karty Tumblr jsou typem sociální metaznačky používané pouze pro tweetování.

Twitter používá značky Twitter karet, které poskytují větší výkon a možnosti, pokud jsou k dispozici. Jinak se jako výchozí použije Open Graph (opět, pokud je k dispozici).

S kartami Twitter je do Tweetu okamžitě začleněn další obsah, jako jsou fotografie, videa a další média, což zvyšuje interakci.

Tagy pro Twitter karty

Twitter:card určuje, jaký druh karty je v dané situaci použit.

Souhrn – nabízí souhrnnou kartu, která obsahuje obrázek čtverce doplněný souhrnnými informacemi.

Velký souhrnný obrázek: Pokud je použitý obrázek obdélníkový, chce uživatel místo malého souhrnného obrázku použít velký souhrnný obrázek.

twitter:description (og:description) Popis stránky nebo článku.

twitter:site Pomocí úchytu Twitter spojeného s firmou nebo webem

twitter:creator (Volitelné). Vytvořený popisovač pro tvůrce obsahu na Twitteru. Pouze pokud je twitter:card definována tak, aby shrnula velký obrázek, bude mít tato značka smysl.

Čtvercové obrázky (prostřednictvím značky twitter:image) o velikosti mezi 4096x4096 a 144x144 pixelů lze použít pro Twitter:cards nastavené na souhrn.

Obdélníkové obrázky mezi 4096 x 4096 a 300 x 157 pixely jsou také podporovány pro parametr souhrnného velkého obrázku, který lze použít pro větší obrázky. Podporovány jsou všechny soubory JPG, WEBP, GIF a PNG a jejich velikost by neměla přesáhnout 5 MB. Twitter na druhou stranu nepodporuje animované GIFy. Místo toho se použije první snímek. Nástroj The Open Graph Checker od ETTVI však pomůže profesionálům v oblasti SEO při identifikaci a optimalizaci značek OG na webové stránce podle jejich potřeb.

Nastavení Shopify Open Graph Tags pro Facebook

Značky OG, jako je og:title a og:image, jsou získávány z proměnných, jako je značka title a hlavní obrázek ve většině témat Shopify. Prostřednictvím uživatelského rozhraní Shopify lze přizpůsobit pouze značku og:image. Motiv/ Přizpůsobit/ Nastavení motivu/ Přizpůsobit/ Sociální média/ vyberte obrázek z rozevírací nabídky. Chcete-li vidět, jak se to dělá, přejděte v posuvníku na Online obchod > Motivy > Akce > Upravit kód > Úryvky > social-meta-tags liquid. Pokud uživatelé potřebují provést změny v kódu, mohou tak učinit.

Wix umožňuje přidávat značky Open Graph

Kromě metanázvu a popisu stránky používá Wix také další data k naplnění typických značek OG.

V možnostech „Sdílení na sociálních sítích“ mohou uživatelé změnit popis OG, název a obrázek každé stránky. OG obrázek lze také přizpůsobit pro celý web. V hlavní nabídce vyberte Nastavení > Sdílení na sociálních sítích. Wix usnadňuje přidávání značek OG, protože nic nemusí být pevně kódováno.

Otevřete Graph Tags v administračním panelu WordPress

SEO plugin společnosti Yoast může pomoci zlepšit hodnocení webu ve vyhledávačích. V editoru příspěvků nebo stránek by se měla zobrazit sada nástrojů SEO až dolů. Z rozbalovací nabídky "Sociální sítě" vyberte "Facebook".

Chcete-li nastavit značky og:description, og:title a og:image, zadejte informace zde. Není potřeba explicitně nastavovat og:url, toto zvládá Yoast. Rozměry obrázku jsou také zahrnuty v seznamu značek OG, které mohou být přínosné. Uživatel to možná nevěděl, ale pokud uživatel nemá doporučený obrázek pro příspěvek, Yoast jej použije ve výchozím nastavení. Aby ušetřil čas, přidá také další značky Twitter Card a OG, jako je název webu, velikost obrázku a tak dále.

Doporučuje se také nastavení značky og:image pro celý web. Pokud sdílená adresa URL nemá vlastní značku, zobrazí se tato zpráva. Pomocí nastavení Yoast najde tuto možnost. Yoast > Facebook > Sociální sítě Jakmile je přepínač nastaven na „Povoleno“, odešlete příslušný obrázek. Toto je dobré místo pro obrázky značky.

Co se stane, když příspěvek nebude mít značky OG?

Ve výchozím nastavení se většina sociálních sítí pokusí vytvořit náhled obsahu. Většinou to nejde podle plánu. I když se název mé stránky objeví v názvu a popisu, tweet není nijak zvlášť poutavý. Ve srovnání s náhledem jednoho příspěvku vidíme jiný příběh. Co se tedy stane, když uživatel na svém webu nepoužívá značky otevřeného grafu? Nestane se nic hrozného, ​​ale nebude moci používat některé vlastnosti, které odlišují obsah od záplavy jiného obsahu zveřejněného online.