Pred publikáciou článku — chceš vidieť, ako vyzerá social share preview. Audit, prečo share na Discord ukazuje len plain text URL. Optimalizácia OG image rozmerov (odporúčané 1200×630). Príprava OG tagov pre novú stránku z hlavy.

OG image rozmery. Odporúčané 1200×630; Twitter Card má svoje vlastné requirements. twitter:card samostatný od OG. summary_large_image dá veľký náhľad. Absolútne URL. og:image musí byť plná URL, nie relatívna. Cache. Sociálne siete cache-ujú OG metadata. Po zmene použij Facebook Sharing Debugger / Twitter Card Validator na force refresh. Description dĺžka. ~150–200 znakov; dlhšie sa orežu.

OG Tag Preview

Vlož OG meta tagy alebo vyplň title/description/image — pozri si share karty, ako vyzerajú 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

Vytvoril JXXR1 · ♥ Sponzorovať · ☕ Kúp mi kávu

Načo to slúži?

Open Graph (OG) meta tags definujú, ako sa tvoja stránka zobrazí, keď ju niekto zdieľa na Twitter / X, Facebook, LinkedIn alebo Discord. Tento nástroj ti dá náhľad share karty pre každú platformu — vlož OG tagy z HTML hlavičky, alebo vyplň title / description / image priamo.

Kedy to použiť

Pred publikáciou článku — chceš vidieť, ako vyzerá social share preview.
Audit, prečo share na Discord ukazuje len plain text URL.
Optimalizácia OG image rozmerov (odporúčané 1200×630).
Príprava OG tagov pre novú stránku z hlavy.

Časté chyby

OG image rozmery. Odporúčané 1200×630; Twitter Card má svoje vlastné requirements.
twitter:card samostatný od OG. summary_large_image dá veľký náhľad.
Absolútne URL. og:image musí byť plná URL, nie relatívna.
Cache. Sociálne siete cache-ujú OG metadata. Po zmene použij Facebook Sharing Debugger / Twitter Card Validator na force refresh.
Description dĺžka. ~150–200 znakov; dlhšie sa orežu.