Social Media Preview

K čemu je Social Media Preview

Každý, kdo někdy sdílel odkaz na Facebooku a místo pěkného náhledu dostal jen holou URL nebo špatný obrázek, ví, jak moc na tom záleží. Social Media Preview je nástroj pro webové vývojáře, copywritery a marketéry, kteří potřebují zjistit, jak jejich stránka vypadá ve chvíli, kdy ji někdo pošle kamarádovi nebo kolegovi.

Problém je, že každá platforma čte Open Graph a Twitter Card tagy trochu jinak. Co vypadá skvěle na Facebooku, může být na X oříznuté nebo zobrazené bez obrázku. A Slack má zase svá vlastní pravidla. Místo toho, aby sis musel zakládat testovací příspěvky nebo čekat na to, až sdílení proběhne naostro, tohle ti ukáže výsledek přímo v prohlížeči.

Hodí se hlavně webaři při nasazování nových stránek, OSVČ a freelancerům, kteří spravují klientské weby, nebo komukoli, kdo ladí blogový příspěvek a chce mít jistotu, že náhled vypadá jak má.

Co umí

• Zobrazí přesný náhled odkazu pro Facebook, X (Twitter) a Slack
• Přečte OG tagy přímo z URL, nebo je můžeš zadat ručně
• Ukáže, jak se zobrazí titulek, popis i OG image
• Upozorní na chybějící nebo špatně nastavené meta tagy
• Funguje okamžitě bez nutnosti sdílet odkaz na sociálních sítích

Jak to funguje

1. Vlož URL stránky, kterou chceš otestovat, nebo rovnou vyplň meta tagy ručně.
2. Nástroj stáhne a zparsuje Open Graph a Twitter Card tagy ze stránky.
3. Vyber platformu — Facebook, X nebo Slack — a přepínej mezi náhledy.
4. Zkontroluj, jestli se zobrazuje správný obrázek, titulek a popis.
5. Pokud něco nesedí, uprav tagy na webu a stránku znovu načti.

Časté otázky

Proč se náhled liší od toho, co vidím na Facebooku?

Facebook agresivně cachuje OG data, takže i po opravě tagů může nějakou dobu zobrazovat starý náhled. Tenhle nástroj vždy čte aktuální stav stránky, takže ti ukáže, co Facebook uvidí po obnovení cache.

Můžu zadat tagy ručně, i když stránka ještě neexistuje?

Ano. Stačí přepnout na manuální zadání a vyplnit hodnoty ručně. Hodí se to při vývoji nebo při přípravě landing page ještě před spuštěním.

Posílají se moje data někam na server?

Stránka je stažena serverem nástroje kvůli parsování tagů, ale žádná zadaná data se neukládají ani nesdílejí.

Co když OG image vůbec nenačte?

Zkontroluj, jestli je obrázek dostupný na absolutní URL (ne relativní cestě) a jestli má správné rozměry — Facebook doporučuje minimálně 1200 × 630 px. Pokud chceš prověřit i ostatní tagy komplexněji, hodí se k tomu Meta Tags Checker.