Majitelka kavárny v Brně nasdílí na Facebook odkaz na novou podzimní nabídku. Místo fotky dýňového latte se v příspěvku objeví šedý obdélník, titulek „Úvodní stránka" a popis složený z útržku navigace: „Domů | O nás | Kontakt". Příspěvek vidí tři sta lidí, kliknou čtyři. O týden později pošle tentýž odkaz zákaznici přes WhatsApp a náhled chybí úplně. Web přitom funguje, stránka je hezká, fotka na ní je. Jenže sítě se na stránku nedívají jako člověk. Dívají se na pár řádků v hlavičce HTML, a když tam nic nenajdou, vymyslí si náhled samy. Obvykle špatně.
V tomhle článku si ukážeme, odkud se náhled odkazu bere, jakých šest chyb ho nejčastěji rozbije, proč oprava není vidět hned ani po opravení, jak se chovají zkrácené odkazy a jak si celé nastavení zkontrolovat za pět minut, ještě než příspěvek zveřejníte.
Odkud se náhled bere: Open Graph
Když vložíte odkaz do Facebooku, LinkedInu, WhatsAppu, Slacku nebo zprávy v iMessage, aplikace pošle na vaši adresu malého robota. Ten stáhne HTML stránky a hledá v hlavičce značky začínající og:. Zkratka znamená Open Graph. Standard zavedl Facebook v roce 2010 a dnes ho čte prakticky každá platforma, která umí náhled odkazu. Nejdůležitější jsou čtyři značky: og:title (titulek), og:description (popis), og:image (obrázek) a og:url (kanonická adresa stránky).
X, bývalý Twitter, má vlastní sadu značek s předponou twitter:. Pokud chybí, X si vezme hodnoty z Open Graphu, ale bez značky twitter:card ukáže jen malý čtvercový náhled vlevo od textu. Velkou fotku přes celou šířku dostanete až s hodnotou summary_large_image.
Google je zvláštní případ. Ve výsledcích vyhledávání Open Graph nepoužívá, čte klasický <title> a meta description. Obě sady značek proto musí dávat smysl zvlášť. Titulek ve vyhledávači má odpovídat na dotaz, titulek v Open Graphu má zaujmout někoho, kdo nic nehledal a jen scrolluje.
Důležité je, že robot čte jen to, co je v HTML v momentě stažení. Pokud váš web vykresluje obsah až JavaScriptem, nebo pokud Open Graph značky doplňuje nějaký plugin až po načtení stránky, robot je nevidí. To je častá příčina u webů postavených na moderních frontendových frameworcích bez serverového vykreslování.
Šest chyb, které rozbijí většinu náhledů
Za rok jsme v nástroji Náhled sdílení viděli stovky českých webů a chyby se opakují. Tady jsou seřazené podle toho, jak často se objevují.
1. Chybí obrázek. Nejčastější a nejdražší chyba. Bez og:image se odkaz na Facebooku zobrazí jako úzký textový proužek, na LinkedInu jako šedá karta a ve WhatsAppu často bez náhledu úplně. V přeplněném feedu je to neviditelný příspěvek. Platformy někdy zkusí vzít první větší obrázek ze stránky, ale výsledkem bývá logo partnera, ikona z patičky nebo fotka z úplně jiného článku.
2. Obrázek je malý nebo má špatný poměr stran. Facebook vyžaduje aspoň 600×315 pixelů, jinak ukáže jen malou čtvercovou miniaturu. Doporučený rozměr je 1200×630 pixelů, tedy poměr stran 1,91:1. Pokud dáte čtvercovou fotku produktu, sítě ji oříznou nahoře a dole a z lahve vína zbude etiketa bez hrdla. Pokud dáte fotku na výšku, zbude z ní pruh uprostřed.
3. Titulek je dlouhý nebo generický. Facebook i LinkedIn useknou titulek někde mezi 60 a 70 znaky, WhatsApp ještě dřív. „Podzimní nabídka kavárny U Dvou koček v Brně: dýňové latte, kaštanový dort a další speciality" skončí jako „Podzimní nabídka kavárny U Dvou koček v Brně: dýňové latte, kašt…". Opačný problém je titulek „Úvodní stránka" nebo název firmy bez dalšího kontextu. Ten nikoho nenaláká.
4. Popis chybí, nebo je stejný na celém webu. Řada redakčních systémů vyplní og:description jednou větou z nastavení webu a použije ji na každé stránce. Výsledek: u článku o dýňovém latte je popis „Kavárna v centru Brna s vlastní pražírnou". Není to špatně, ale nevysvětluje, proč kliknout zrovna teď.
5. Relativní nebo nezabezpečená adresa obrázku. Značka og:image musí obsahovat celou adresu včetně https://. Hodnota /images/latte.jpg nebo http:// místo https:// na některých platformách projde, na jiných ne. Facebook obrázek z nezabezpečené adresy zpravidla vůbec nestáhne.
6. Robot se na stránku nedostane. Web běží za přihlášením, je v režimu údržby, blokuje roboty v robots.txt nebo mu bezpečnostní plugin odmítne požadavek bez běžného prohlížečového podpisu. Facebook se hlásí jako facebookexternalhit, LinkedIn jako LinkedInBot, WhatsApp jako WhatsApp. Když je firewall odmítne, náhled nevznikne a nikdo se nedozví proč.
Proč oprava není vidět hned
Tohle je část, která stojí nejvíc nervů. Opravíte značky, nahrajete nový obrázek, vložíte odkaz do Facebooku a vidíte pořád starý, rozbitý náhled. Není to chyba na vaší straně. Sítě si náhled ukládají do mezipaměti, protože stahovat stránku při každém zobrazení příspěvku by bylo drahé. Facebook si náhled pamatuje zhruba měsíc, LinkedIn podobně, WhatsApp ho ukládá přímo v telefonu odesílatele.
Pro Facebook a Instagram existuje nástroj Sharing Debugger na stránkách pro vývojáře. Vložíte adresu, kliknete na „Scrape Again" a Facebook si náhled stáhne znovu. Pro LinkedIn slouží Post Inspector, který funguje stejně. X svůj validátor karet zrušil a nový náhled si stáhne sám, obvykle do několika hodin. WhatsApp žádný nástroj nemá a mezipaměť v telefonu nevymažete. Nejjistější cesta je poslat odkaz z jiného zařízení nebo s drobnou změnou v adrese, třeba s otazníkem a verzí na konci: ?v=2. Pro web je to stejná stránka, pro WhatsApp nová adresa.
Z toho plyne praktické pravidlo: náhled si zkontrolujte předem, ne až po zveřejnění. Příspěvek s rozbitým náhledem se dá smazat a vložit znovu, ale sdílení ve skupinách, v e-mailech kolegů a v soukromých chatech už nezachráníte. Tam zůstane starý náhled tak dlouho, dokud ho lidé mají v telefonu.
Jak se chovají zkrácené odkazy
Častá obava: když použiju zkrácený odkaz, nerozbije se náhled? Odpověď záleží na tom, jak zkracovač funguje. Robot Facebooku nebo LinkedInu zkrácenou adresu otevře, dostane přesměrování a jde za ním na cílovou stránku. Tam si přečte Open Graph značky, jako by nikdo nic nezkracoval. Náhled je tedy náhled cílové stránky, včetně obrázku a titulku. Platí to pro zkracovač rdy.cz, který vrací trvalé přesměrování 301, i pro většinu seriózních služeb.
Výjimka jsou zkracovače a reklamní systémy, které před cílovou stránku vkládají mezistránku s reklamou nebo odpočtem. Tam robot uvízne na mezistránce a náhled ukáže ji. Proto takové služby na sociálních sítích vypadají špatně a Facebook je často rovnou blokuje. Víc o tom, proč zkracovat a čeho se vyvarovat, najdete v článku Proč používat zkracovač URL pro sociální sítě.
Jedna nenápadná výhoda zkrácených odkazů souvisí přímo s mezipamětí. Každá nová zkrácená adresa je pro síť nový odkaz, takže si pro ni stáhne čerstvý náhled. Když tedy opravíte Open Graph značky a potřebujete, aby starý příspěvek v cizí skupině nebo v e-mailu ukázal nový náhled, nejrychlejší řešení je nový krátký odkaz na stejnou stránku. Totéž platí při přidání UTM parametrů: adresa s parametry je pro síť jiná adresa než bez nich, takže oba náhledy žijí svůj vlastní život.
Správné nastavení v šesti řádcích
Správná hlavička stránky pro naši brněnskou kavárnu vypadá takhle:
<meta property="og:title" content="Dýňové latte a kaštanový dort: podzim v kavárně U Dvou koček">
<meta property="og:description" content="Od 15. 10. 2026 nová podzimní nabídka. Dýňové latte 79 Kč, kaštanový dort 65 Kč. Otevřeno denně od 8 hodin.">
<meta property="og:image" content="https://www.udvoukocek.cz/img/podzim-2026-1200x630.jpg">
<meta property="og:url" content="https://www.udvoukocek.cz/podzim">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">Několik poznámek k jednotlivým řádkům. Titulek má 59 znaků a začíná tím nejzajímavějším, ne názvem podniku. Popis má konkrétní datum, ceny v korunách a otevírací dobu, tedy důvod kliknout nebo rovnou přijít. Obrázek je v plné adrese s HTTPS a má v názvu rozměr, takže je na první pohled jasné, že je připravený pro sdílení. Značka og:url obsahuje čistou adresu bez parametrů, aby se lajky a sdílení sčítaly k jedné stránce. A twitter:card zajistí velký náhled na X.
Doporučené hodnoty, které se vyplatí držet: titulek 50 až 70 znaků, popis 100 až 160 znaků, obrázek 1200×630 pixelů v JPG, PNG nebo WebP, do velikosti zhruba 1 MB. Větší soubory některé sítě stáhnou, ale pomalu, a robot WhatsAppu má na stažení jen pár sekund.
Kde to nastavit podle typu webu
Na WordPressu to za vás udělá SEO plugin. Yoast SEO i Rank Math mají u každé stránky záložku pro sociální sítě, kde nastavíte vlastní titulek, popis a obrázek odděleně od toho, co vidí Google. Pokud plugin nemáte, WordPress sám od sebe Open Graph nevypisuje a náhled bude náhodný.
Shoptet doplňuje Open Graph u produktů automaticky z názvu, krátkého popisu a hlavní fotky. Problém bývá u fotek produktů na bílém pozadí ve čtvercovém formátu, které sítě oříznou. Pro důležité kampaně se vyplatí nahrát do článku nebo na speciální stránku obrázek v poměru 1,91:1. Webnode a Wix mají nastavení náhledu pro sociální sítě v SEO sekci každé stránky.
Nezapomeňte ani na místa mimo sociální sítě. Slack, Discord, Microsoft Teams i většina e-mailových klientů, které umí náhledy odkazů, čtou tytéž Open Graph značky. Když je tedy nastavíte jednou pořádně, opraví se náhled všude: od firemního chatu přes newsletter až po zprávu, kterou si pošlou dva zákazníci mezi sebou. Víc o tom, jak odkazy v rozesílkách fungují, najdete v článku Zkrácené URL pro e-mail marketing.
U webu na míru požádejte vývojáře o to, aby Open Graph značky generoval server, ne JavaScript v prohlížeči, a aby každá stránka měla vlastní hodnoty. Je to hodina práce a ušetří měsíce rozbitých náhledů. Pokud web stavíte sami, projděte si i další věci, které sítě a vyhledávače čtou z hlavičky, v článku SEO analýza webu zdarma za 5 minut.
Co dát na obrázek pro sdílení
Obrázek pro sdílení není totéž co fotka na webu. Na webu ji lidé vidí velkou a v kontextu stránky, v mobilním feedu ji vidí na šířce šesti centimetrů mezi fotkami kamarádů. Z toho plynou tři pravidla.
Zaprvé, jeden hlavní motiv a žádné detaily. Dýňové latte v hrnku, ne celý pult s dvaceti dorty. Zadruhé, pokud na obrázek dáváte text, musí být velký. Nadpis do tří slov písmem, které jde přečíst i na malé miniatuře ve WhatsAppu. Drobný text se slije. Zatřetí, logo malé a do rohu. Lidé neklikají na logo, klikají na to, co dostanou.
Vyplatí se mít dvě verze: jednu obecnou pro úvodní stránku a kontakty a jednu pro každou kampaň nebo článek. Obecný obrázek s názvem podniku je lepší než nic, ale obrázek konkrétní nabídky má v našich měřeních několikanásobně vyšší míru prokliku. Pokud používáte náš generátor QR kódů pro tištěné materiály, dává smysl použít stejný vizuál i v náhledu pro sítě, aby kampaň vypadala jednotně.
Kontrola za pět minut, ještě před zveřejněním
Celý postup je krátký. Otevřete nástroj Náhled sdílení na rdy.cz a vložte adresu stránky, kterou chcete sdílet. Během několika sekund uvidíte, jak bude odkaz vypadat na Facebooku a LinkedInu, na X, ve WhatsAppu a ve výsledcích Googlu, všechno vedle sebe. Pod náhledy je seznam kontrol: jestli je titulek v rozumné délce, jestli popis není moc krátký nebo moc dlouhý, jestli obrázek existuje, jakou má velikost a poměr stran, jestli je v absolutní HTTPS adrese a jestli nechybí značka pro X.
Každá kontrola má u sebe konkrétní doporučení, takže víte, co komu poslat k opravě. Po úpravě značek spustíte kontrolu znovu a porovnáte. Pokud máte účet, náhledy se vám ukládají, takže se k nim po týdnu vrátíte a uvidíte, jestli už web vrací správné hodnoty. A když je všechno zelené, teprve pak odkaz zkraťte, přidejte UTM parametry a zveřejněte.
Tím se vyhnete nejhoršímu scénáři: odkazu, který je už venku ve třech skupinách a dvou newsletterech, a vy teprve zjišťujete, že robot Facebooku viděl místo fotky dortu ikonu nákupního košíku.
Jak zjistit, jestli to pomohlo
Opravený náhled má jediný smysl: víc lidí klikne. Ověřit to jde snadno, pokud odkazy měříte. Každý zkrácený odkaz na rdy.cz má vlastní statistiku kliknutí podle dne, zařízení a zdroje. Když tedy stejnou nabídku sdílíte před opravou a po ní pod dvěma různými krátkými odkazy, vidíte rozdíl v číslech, ne v pocitu. U kavárny z úvodu to byly čtyři kliknutí ze tří set zobrazení před opravou a čtyřicet dva kliknutí z podobného dosahu po ní. Stejný příspěvek, stejná nabídka, jiný obrázek a titulek.
Pokud sdílíte na víc míst, přidejte ke každému místu vlastní UTM parametry přes UTM Builder. Pak v Google Analytics nebo v našich statistikách uvidíte, jestli lépe funguje Facebook, LinkedIn nebo rozesílka. Jak na to krok za krokem, popisuje článek Jak měřit úspěšnost marketingových kampaní. A pokud se chcete vyhnout dalším chybám, které sdílení kazí, přečtěte si 5 nejčastějších chyb při sdílení odkazů.
Tři kroky na dnešní odpoledne
Nemusíte opravovat celý web najednou. Začněte u tří stránek, které sdílíte nejčastěji: obvykle je to úvodní stránka, aktuální nabídka nebo akce a kontakt. Zkontrolujte je v Náhledu sdílení a opravte to, co svítí červeně. Nejčastěji to bude chybějící nebo malý obrázek.
Potom si vytvořte jeden obrázek 1200×630 pixelů, který bude fungovat pro celý web, a nastavte ho jako výchozí. Od té chvíle nebude žádný odkaz z vašeho webu vypadat jako šedý obdélník. Konkrétní obrázky pro kampaně můžete přidávat postupně.
A nakonec si zvykněte na jednoduché pravidlo: před každým sdílením důležitého odkazu minuta v nástroji na náhled, teprve pak zkrátit, teprve pak zveřejnit. Je to nejlevnější marketingová úprava, kterou letos uděláte, a změnu uvidíte u prvního příspěvku.
