Před publikací článku — chceš vidět, jak vypadá social share preview. Audit, proč share na Discord ukazuje jen plain text URL. Optimalizace OG image rozměrů (doporučené 1200×630). Příprava OG tagů pro novou stránku z hlavy.

OG image rozměry. Doporučené 1200×630; Twitter Card má svoje vlastní requirements. twitter:card samostatný od OG. summary_large_image dá velký náhled. Absolutní URL. og:image musí být plná URL, ne relativní. Cache. Sociální sítě cache-ují OG metadata. Po změně použij Facebook Sharing Debugger / Twitter Card Validator na force refresh. Description délka. ~150–200 znaků; delší se ořežou.

OG Tag Preview

Vlož OG meta tagy nebo vyplň title/description/image — podívej se na share karty, jak vypadají na Twitter/X, Facebook, LinkedIn a Discord.

Paste meta tags (optional — fields below are filled from this if provided)

Title

Site URL

Description

Image URL

Site name

Twitter / X (summary_large_image)

Facebook

Discord

Vytvořil JXXR1 · ♥ Sponzorovat · ☕ Kup mi kávu

K čemu to slouží?

Open Graph (OG) meta tags definují, jak se tvá stránka zobrazí, když ji někdo nasdílí na Twitter / X, Facebook, LinkedIn nebo Discord. Tenhle nástroj ti dá náhled share karty pro každou platformu — vlož OG tagy z HTML hlavičky, nebo vyplň title / description / image přímo.

Kdy to použít

Před publikací článku — chceš vidět, jak vypadá social share preview.
Audit, proč share na Discord ukazuje jen plain text URL.
Optimalizace OG image rozměrů (doporučené 1200×630).
Příprava OG tagů pro novou stránku z hlavy.

Časté chyby

OG image rozměry. Doporučené 1200×630; Twitter Card má svoje vlastní requirements.
twitter:card samostatný od OG. summary_large_image dá velký náhled.
Absolutní URL. og:image musí být plná URL, ne relativní.
Cache. Sociální sítě cache-ují OG metadata. Po změně použij Facebook Sharing Debugger / Twitter Card Validator na force refresh.
Description délka. ~150–200 znaků; delší se ořežou.