O tomto nástroji
Značky Open Graph (OG) řídí, jak bude stránka vypadat při sdílení na sociálních platformách. Facebook, LinkedIn, Slack, Discord a mnoho dalších čtou značky OG a vytvářejí náhledové karty. Bez správných značek OG vypadají sdílené odkazy nefunkční – obecné oblíbené ikony, chybějící obrázky, zkrácené názvy. S nimi akcie vypadají vybroušeně a výrazně se zlepšují míry prokliku.
Standardní značky OG: og:title (název zobrazený v náhledu), og:description (úryvek textu), og:image (obrázek náhledu, ideálně 1200×630), og:url (kanonická adresa URL), og:type (typicky 'web' nebo 'článek'). Vrstva štítků Twitter Card nahoře: twitter:karta, twitter:název, twitter:popis, twitter:obrázek. Většina nástrojů se vrátí k OG, když chybí značky specifické pro Twitter.
Tento generátor vytváří kompletní sadu značek OG a Twitter Card z vašeho vstupu. Vložte výsledný kód HTML do <head> stránky. Výsledkem je správné vykreslování náhledu napříč všemi hlavními sociálními platformami.
Proč používat generátor značek OG
Stránky bez značek OG vypadají při sdílení špatně. Prázdný obrázek, obecný název, chybějící popis – náhled špatně konkuruje správně označeným stránkám ve zdrojích. U marketingu obsahu a sdílení odkazů to přímo ovlivňuje míru prokliku.
Ruční psaní značek OG se opakuje. Každá stránka potřebuje svou vlastní sadu. Generátor, který vytváří správné značky z několika vstupů, se vyhýbá překlepům a chybějícím vlastnostem, které narušují sociální náhledy.
Technické detaily
Značky OG používají atribut meta property (nikoli name): <meta property="og:title" content="..." />. Atribut vlastnosti je vyžadován pro OG; některé analyzátory akceptují název jako záložní zdroj, ale vlastnost je správná.
Požadavky na obraz: 1200×630 pixelů pro vykreslování sítnice, poměr stran 1,91:1. Značky og:image:width a og:image:height pomáhají platformám správně ukládat obrázky do mezipaměti. og:image:alt poskytuje text pro usnadnění.
Štítky Twitter Card používají atribut názvu: <meta name="twitter:title" content="..." />. Twitter se vrátí ke značkám OG, když chybí specifické pro Twitter, takže dobře nastavené OG často stačí. Přidání twitter:card explicitně vybere typ karty (nejběžnější je summary_large_image).
Často kladené dotazy
- Mohu přizpůsobit generovaný výstup?
- Ano. Nástroj poskytuje různé možnosti přizpůsobení pro přizpůsobení výstupu vašim konkrétním potřebám. Před generováním upravte nastavení nebo obnovte pomocí různých možností.
- Je vygenerovaný obsah zdarma k použití?
- Ano. Vše, co pomocí tohoto nástroje vygenerujete, je vaše k použití pro osobní, vzdělávací nebo komerční účely bez jakýchkoli omezení nebo požadavků na uvedení zdroje.
- Vyžaduje to účet?
- Ne. Nástroj je připraven k okamžitému použití bez nutnosti registrace, e-mailu a registrace. Stačí otevřít stránku a začít generovat.
- Jsou moje vstupní údaje uchovávány v soukromí?
- Ano. Veškeré zpracování probíhá ve vašem prohlížeči. Vaše vstupní data a generovaný výstup se nikdy neodesílají na žádný externí server.
- Mohu použít stejný obrázek OG pro každou stránku?
- Možné, ale neoptimální. Obrázky specifické pro stránku předčí obecné obrázky pro celý web, pokud jde o proklik. Použít výchozí nastavení pro záložní reklamy, ale pro důležitý obsah vytvářet obrázky na stránce.
- Je potřeba deklarace rozměrů obrázku?
- Užitečné, ale ne nezbytně nutné. og:image:width a og:image:height umožňují platformám ukládat obrázky do mezipaměti bez opětovného načítání k určení rozměrů. Zrychluje následné sdílení.
- Jsou moje data nahraná?
- Ne. Generování probíhá ve vašem prohlížeči.
- Jak otestuji značky OG?
- Facebook Sharing Debugger, Twitter Card Validator a LinkedIn Post Inspector každý načítají a ověřují. Použijte je po nasazení nových značek OG.