Generátor Open Graph a karet pro sociální sítě

Jak používat generátor Open Graph

1. Zadej Titulek a Popis, které mají lidé vidět při sdílení tvého odkazu. Mohou se lišit od tvého SEO titulku: piš je pro sociální feed.
2. Přidej URL stránky (kanonickou adresu) a URL obrázku. Obě musí být absolutní a začínat https://.
3. Obrázek popiš v Popis obrázku (alternativní text), aby lidé používající čtečky obrazovky věděli, co zobrazuje.
4. Vyber nebo přetáhni stejný obrázek do Náhledový obrázek. Zůstane ve tvém zařízení: nástroj ho používá jen ke kreslení náhledů a k vyplnění Šířka obrázku (px) a Výška obrázku (px).
5. Nastav Název webu, Typ obsahu a Jazyková verze (locale), pak vyber styl Karta X (Twitter) a, pokud je máš, účty webu a autora na X.
6. Zkontroluj náhledy a seznam Kontroly, pak tagy Kopírovat nebo Stáhnout a vlož je dovnitř <head> stránky.

Všechno probíhá ve tvém prohlížeči a nic, co zadáš, se neodesílá na server.

K čemu slouží tagy Open Graph

Když se odkaz vloží do Facebooku, LinkedInu, X, Slacku, Discordu, WhatsAppu, iMessage a mnoha dalších aplikací, robot stáhne stránku a přečte její meta tagy Open Graph (og:), aby sestavil kartu: obrázek, titulek, krátký popis a doménu. Bez těchto tagů aplikace hádá a často vybere logo, cookie lištu nebo první větu z menu.

Čtyři základní vlastnosti jsou og:title, og:type, og:image a og:url. Tento nástroj přidává i og:description, og:site_name, og:locale a údaje o obrázku (og:image:width, og:image:height, og:image:alt). Uvedení velikosti obrázku umožňuje některým platformám vykreslit kartu už při prvním sdílení, místo aby čekaly, až se obrázek stáhne.

X čte vlastní tagy twitter:, ale když verze pro X chybí, použije titulek, popis a obrázek z Open Graph, takže nástroj přidá jen to, co X skutečně potřebuje: twitter:card, volitelné účty a popis obrázku. Tím se vyhneš duplikování každé hodnoty.

Velikosti obrázků, které fungují všude

Použij JPEG nebo PNG, drž soubor rozumně malý (výrazně pod 5 MB) a důležitý text nedávej k okrajům, protože každá platforma ořezává trochu jinak. Náhledy v tomto nástroji jsou přiblížením těchto rozvržení, ne snímky obrazovky.

Po zveřejnění

Sociální platformy ukládají náhledy odkazů do mezipaměti, někdy i na několik dní. Po změně tagů je požádej o nové načtení stránky pomocí Facebook Sharing Debugger nebo LinkedIn Post Inspector. Stránka musí být veřejně dostupná: roboti nevidí stránky za přihlášením ani na localhost.