Stručná odpověď: Chcete-li zkontrolovat Open Graph online, vložte adresu stránky do bezplatného ladicího programu Open Graph Debugger PromoPilot. Přečte všechny tagy og:* a Twitter Card, zkontroluje přítomnost a velikost obrázku, vyhodnotí úplnost kódu a zobrazí náhledy odkazů pro Facebook, X (Twitter) a LinkedIn – plus doporučení, co přidat. Registrace není nutná. Níže naleznete požadované tagy, požadovanou velikost og:image a jak aktualizovat „zaseknutý“ náhled.
Webové stránky tvořím už 12 let a otázku „Proč odkaz Telegram nemá obrázek?“ slýchám od klientů častěji než otázky ohledně umístění ve vyhledávání. Obvykle je to práce na pět minut – pokud víte, kde hledat.
Co kontroluje Open Graph Debugger?
Když vložíte odkaz do příspěvku nebo zprávy, platforma přejde na stránku a hledá tagy Open Graph. Pokud nějaký najde, vylosuje úhlednou kartu. Pokud ne, vezme si to, co najde, nebo zobrazí holou URL adresu. Nástroj kontroluje pouze to, co si sociální sítě přečtou.
| Co kontroluje? | Na co se dívá? | Proč tohle podnikání potřebuje? |
|---|---|---|
| Všechny štítky og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Z těchto údajů weby shromažďují název, popis a obrázek karty. |
| Twitterová karta | twitter:karta, twitter:název, twitter:popis, twitter:obrázek | X (Twitter) čte své tagy a pokud chybí, částečně je loguje. |
| Obrázek OG | Je tam obrázek a jaká je jeho velikost? | Malý obrázek promění kartu v malou ikonu na boku |
| Posouzení úplnosti | Kolik doporučených tagů je obsazeno? | Stručný přehled: je vše na svém místě? |
| Náhledy v síti | karty pro Facebook, X a LinkedIn | Před zveřejněním si můžete prohlédnout, jak bude příspěvek vypadat. |
| Doporučení | Co bych měl/a dodat nebo opravit? | Připravený seznam úkolů pro vývojáře nebo pro vás |
Jak zkontrolovat stránky Open Graph online?
- Otevřít ladicí program grafů.
- Zadejte URL adresu stránky, kterou chcete sdílet: článek, produkt nebo reklamní vstupní stránka. Klikněte na tlačítko „Zkontrolovat“.
- Projděte si seznam tagů: které jsou nastavené, které jsou prázdné a zda se v og:url nachází cizí nebo testovací adresa.
- Zkontrolujte náhled pro každou síť: je název oříznutý, je viditelný obrázek a je kolem okrajů nějaký důležitý text.
- Doplňte prosím chybějící tagy podle doporučení a znovu zkontrolujte stránku.
Stránka s nástroji: pole s adresou, tlačítko „Kontrola“, seznam kontrol a Často kladené otázky.
Nástroj je nenáročný: denní limit stačí hostovi k prohlédnutí všech šablon webu – domovské stránky, kategorie, produktu a článku. Po bezplatné registraci se limit ztrojnásobí.
Jaké jsou nejčastější chyby v Open Graphu?
Zde je to, co nacházím na téměř všech ostatních stránkách, a v jakém pořadí to opravit.
- Neexistuje atribut og:image nebo je zadán jako relativní URL. Sociální sítě nerozumí
content="/img/cover.jpg"– je vyžadována celá URL začínající nahttps://. Bez obrázku dosah příspěvku výrazně klesá. - Obrázek je příliš malý. Logo o rozměrech 200x200 promění kartu v malý čtverec po straně. Je potřeba obrázek o rozměrech 1200x630.
- Jeden og:image pro celý web. Každý článek a každý produkt na sociálních sítích by měl vypadat stejně – s logem. Pro blog a katalog by měl být obrázek převzat z hlavní fotografie stránky.
- og:url vede na jinou adresu – domovskou stránku, testovací doménu nebo verzi
http://. Platforma dokáže sloučit všechny odkazy do jedné stránky. - Neexistuje žádný twitter:card. Bez něj X často zobrazuje malou kartu. Pro větší obrázek potřebujete
summary_large_image. - og:title duplikuje nadpis s „koupit“ a značkou. V rámci sociálních médií to vypadá jako reklama; živý nadpis, například u příspěvku, je lepší.
Minimální správná sada vypadá takto:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Jak připravit obrázek pro og:image?
Obrázek je nejnápadnější částí karty a právě na něm lidé často šetří. Zde je několik pravidel, která dodržuji:
- Velikost je 1200×630 a orientace je horizontální. Sociální síť ořízne horní a dolní část čtvercové fotografie produktu, což může mít za následek, že produktu bude chybět hlava nebo podrážka.
- Důležité je, aby to bylo uprostřed. Různé platformy ořezávají okraje různě a v mobilním feedu je karta ještě menší. Text by měl být velký a měl by být co nejdále od okrajů.
- Minimální text. Název je již pod obrázkem; na samotném obrázku stačí 3–6 slov nebo žádné popisky.
- Lehký soubor. JPG nebo PNG přiměřené velikosti se načte rychle a platforma se nezasekne.
- Pro každou klíčovou stránku samostatný obrázek. U článků a produktů je vhodné jej vytvořit automaticky: titulní stranu článku nebo hlavní fotografii produktu.
Dobrým testem je otevřít náhled v debuggeru v telefonu. Pokud odkaz není bez přiblížení jasný, je třeba obrázek přepracovat.
Jak aktualizuji starý náhled po opravě?
Běžný scénář: opravili jste tagy, ale sociální síť tvrdohlavě zobrazuje starý obrázek. Důvodem je mezipaměť: platforma si pamatovala náhled z prvního sdílení. Na Facebook pomáhá opětovné shromažďování dat ve Sharing Debuggeru, na LinkedInu pomocí Post Inspectoru a na Telegram pomocí bota @WebpageBot, kterému odkaz pošlete. Pokud vše ostatní selže, přidejte k adrese neškodný parametr, například ?v=2: pro platformu se jedná o nový odkaz.
Porovnání: Open Graph Debugger a alternativy
| Nástroj | Co je zdarma? | Omezení | Pro koho je to vhodné? |
|---|---|---|---|
| PromoPilot - Open Graph Debugger | Všechny tagy og a Twitter, og: velikost obrázku, náhledy pro Facebook, X a LinkedIn, doporučení | Nevymaže mezipaměť sociálních médií | Před zveřejněním na jakékoli sociální síti si stránku ihned zkontrolujte |
| Sdílení ladicího programu (Meta) | Náhled Facebook a opětovné shromažďování dat | Pouze Facebook, nutné přihlášení k účtu | Obnovit starý náhled na Facebook |
| Inspektor příspěvků na LinkedInu | Náhled LinkedIn a aktualizace mezipaměti | Pouze na LinkedIn, nutné přihlášení | Pro ty, kteří propagují své produkty na LinkedInu |
| @WebpageBot na Telegram | Aktualizace náhledu odkazu v Telegram | Pouze Telegram, neanalyzuje tagy | Pro majitele Telegram kanálů |
Závěr: k vymazání mezipaměti jsou potřeba oficiální ladicí programy platformy, ale každá platforma zobrazuje pouze svou vlastní síť. Pro zobrazení všech náhledů a seznamu chybějících tagů najednou je pohodlnější univerzální ladicí program.
Mimochodem, PromoPilot má 87 bezplatných SEO nástrojů. Pokud jste ještě nepsali tagy, v naší sérii máme článek o generátoru meta tagů, který vytvoří blok Open Graph s náhledem.
Jak se Open Graph Debugger liší od analýzy meta tagů?
Analýza meta tagů se dívá na stránku očima vyhledávače: název, popis, kanonický výraz, hreflang a Open Graph jsou jen jednou skupinou. Debugger se zaměřuje na sociální média: vytváří karty pro různé platformy, kontroluje velikost obrázků a poskytuje doporučení konkrétně na základě náhledů. Pokud jsou odkazy na váš web aktivně sdíleny na sociálních médiích a v aplikacích pro zasílání zpráv, je debugger užitečnější.
Oba mají jedno omezení: čtou HTML kód vrácený serverem. Pokud jsou tagy vloženy skriptem prohlížeče, mnoho sociálních sítí je neuvidí – to je třeba opravit na straně webu. Další detail: debugger kontroluje tagy, ale ne samotné sdílení. Pokud je stránka chráněna heslem, geoblokována nebo chráněna před boty, sociální síť k ní nemusí mít přístup, i když jsou přítomny všechny tagy.
Kdy bezplatný nástroj nestačí?
Ladicí program ukáže, že stránka nemá og:image. Pokud ale stránek má tisíce, ruční vkládání obrázků není možné. Specialista je potřeba, když:
- každý produkt nebo článek by měl mít svůj vlastní náhledový obrázek, který se shromažďuje automaticky;
- web vrací tagy pomocí skriptu a sociální sítě je nevidí;
- Spouštíte reklamy a rozesíláte e-maily, kde každý náhled ovlivňuje cenu za proklik;
- Potřebujeme kombinaci „webové stránky + Telegram kanál + automatické publikování“ se správnými kartami.
Co mohu udělat pro váš web?
Jsem Valerij Danjuk, vývojář a SEO specialista s 12 lety zkušeností a více než 200 klienty. Krásný náhled odkazu je zdarma a přizpůsobím ho každému projektu.
SEO a propagace
- SEO audit webových stránek na klíč: Zkontroluji všechny tagy šablon, nastavím automatické náhledy obrázků a opravím kód.
Webové stránky a internetové obchody
- Přenesení vašeho obchodu z Instagram na váš web – produkty s vhodnými náhledy pro snadné sdílení.
- Úvodní stránka pro nový produkt vytvořená za jeden večer – případová studie NordHarvest s hotovou vizitkou pro sociální média.
- Webové stránky kliniky plastické chirurgie s umělou inteligencí a aplikacemi přes Telegram.
- Webová stránka na 1001site: náhledy pro sociální sítě a automatické publikování v Telegram se konfigurují automaticky.
Boti a automatizace
- Telegram bot s umělou inteligencí pro online obchod s omáčkami.
- QuestFlow je SaaS nástroj Telegram botů s umělou inteligencí.
- E-commerce agenti místo chatbotů.
Pošli mi odkaz, který v messengeru na Telegram vypadá špatně, a já ti řeknu, který tag chybí.
Výsledek
- Online kontrola Open Graph ukazuje, jak odkaz vypadá na Facebook, X a LinkedIn a které tagy chybí.
- Minimální požadované údaje jsou og:title, og:type, og:image (1200×630, úplná adresa) a og:url, plus twitter:card.
- Po opravě resetujte mezipaměť webů: Sharing Debugger, Post Inspector, @WebpageBot.
- Pro katalog a blog by se náhledové obrázky měly shromažďovat automaticky, jako na 1001site.
Zkontrolujte stránku, kterou se chystáte sdílet, v bezplatném nástroji Open Graph Debugger, než vaši sledující příspěvek uvidí.
Zdroje
- Stránka nástroje Open Graph Debugger od PromoPilotu – seznam kontrol a nejčastější dotazy.
- Open Graph Protocol (ogp.me) - povinné a volitelné vlastnosti.
- Oficiálními nástroji platforem jsou Meta's Sharing Debugger a LinkedIn Post Inspector.
