Jak na správné náhledy odkazů na sítích + appka, co je obnoví dávkově

Marketér by si měl hlídat i takové zdánlivé drobnosti, jako je to, jak se web a všechny jeho podstránky zobrazují při sdílení na sociálních sítích. Jak to vypadá, když někdo pošle vaši stránku na Facebooku, na LinkedInu nebo ještě častěji v chatu?

A je to velký rozdíl. Podívejte se, jak to může vypadat u správně nastaveného webu (AI First) a u toho špatně nastaveného, třeba u náhodně vybraného článku serveru Garáž.cz.

Proč se pořád ukazuje starý náhled

Když někdo sdílí vaši stránku na Facebooku, na LinkedInu nebo ji hodí do chatu, platforma si nevytáhne celou stránku. Přečte si jen pár řádků v hlavičce, takzvané Open Graph tagy: titulek, popis a náhledový obrázek (og:image). Z toho složí tu kartičku s obrázkem, co všichni známe.

A jsou tam dva háčky:

Platformy si náhled uloží do cache. Jakmile někdo váš odkaz jednou sdílí, Facebook si ten náhled zapamatuje a další týdny už novou verzi sám od sebe nenačítá. Vyměníte obrázek, nasadíte, a stejně svítí ten starý.
Formát vám to může tiše rozbít. Nejčastější past je og:image ve formátu WebP. Do prohlížeče ho naservírujete v pohodě, ale LinkedIn ho mlčky zahodí a náhled je bez obrázku.

Ručně se to řeší tak, že tu URL proženete Sharing Debuggerem od Mety (tlačítko „Scrape Again") a pro LinkedIn Post Inspectorem. U jedné, dvou stránek pohoda. Ve chvíli, kdy měníte náhledy na celém webu, je to hodina klikání.

OG obrázky: co má dneska sedět

Malý tahák. Tohle jsou parametry, které fungují bezpečně napříč platformami (ověřoval jsem je při stěhování AI First na nový web):

Rozměr 1200 × 630 px (poměr 1,91:1). Standard pro Facebook i WhatsApp.
JPG nebo PNG, ne WebP. WebP je super do prohlížeče, ale pro náhled ho nechte být, LinkedIn ho neukáže.
Do zhruba 300 kB. WhatsApp sice zvládne až 600 kB, ale u velkých obrázků náhled rád zahodí, tak si nechte rezervu.
Absolutní https adresa obrázku. Crawler si relativní cesty nedomýšlí.
Vyplněná šířka a výška (og:image:width a height). Bez nich bývá úplně první sdílení odkazu bez obrázku.
Nový obrázek = nový název souboru. Meta cachuje obrázek podle adresy, přepis na stejné cestě náhled neobnoví.

Proč se s tím vůbec párat? Protože náhled je první, co z vašeho obsahu člověk uvidí, ještě dřív než klikne. Dobře nastavený vypadá profesionálně, nese vaše brand assets a je to další drobný krok ke konzistenci. U malých webů detail, u velkých, kde stránek přibývá, věc, kterou chcete mít pod kontrolou.

Nástroj na automatickou aktualizaci náhledů

A teď něco pro pokročilejší marketéry. Představte si, že spravujete stovky nebo tisíce stránek a chcete dát Metě vědět, že máte nové titulky, popisky a náhledové obrázky. Nebo tvoříte pořád nový obsah a chcete ho mít vždycky aktuální. To už ručně přes Sharing Debugger proklikávat nebudete.

Používám na to vlastní nástroj og-refresh. Malé CLI, které po nasazení webu donutí platformy načíst nové náhledy a zároveň vám zkontroluje, jestli je vůbec máte nastavené správně. Zadarmo, otevřené, pod MIT licencí.

Umí dvě věci:

check projede vaše stránky a nahlásí ty zrádné pasti: WebP obrázek, chybějící rozměry, moc velký soubor, neabsolutní adresu. Token na to nepotřebujete, můžete ho pustit klidně na cizí web.
refresh vezme sitemapu (nebo seznam URL) a donutí Metu, aby si každou stránku znovu načetla. Sám se hlídá pod rate-limitem Mety, a když na strop narazí, čistě se zastaví a zbytek uloží, ať můžete druhou hodinu navázat.

Rozjezd je otázka minuty. Přes Claude Code mu stačí ukázat repo a říct, ať to spustí (podobně jako ten skill na hezké grafy, co jsem popisoval nedávno). Ručně v terminálu je to pár řádků:

git clone https://github.com/faborsky/og-refresh.git && cd og-refresh
python3 -m venv venv && ./venv/bin/pip install -r requirements.txt
cp .env.example .env        # sem vložíte Meta token

# 1) zkontrolovat stránky (token netřeba)
./venv/bin/python og_refresh_cli.py check --sitemap https://vasweb.cz/sitemap.xml
# 2) obnovit náhledy na Metě
./venv/bin/python og_refresh_cli.py refresh --sitemap https://vasweb.cz/sitemap.xml

Meta token seženete za chvilku v Graph API Exploreru (na jeden průchod stačí ten dočasný), celý postup je v README. A protože má nástroj jasný vstup a jasný výstup, klidně ho hodíte do denní kontroly nových stránek. Nudná údržba, kterou pak neřešíte.

Marketingové řemeslo + AI je klíč

Tohle je pro mě malá, ale dobrá ukázka toho, jak bude vypadat práce marketérů. Marketéři drží řemeslo, vkládají do své práce svoje zkušenosti, styl, pečlivost, určují strategii a směr. A na realizaci využívají nástroje a vychytávky, které jim pomáhá tvořit AI.

Jestli je vám tenhle způsob uvažování blízký a chcete si takové nástroje pro marketing stavět sami (tomu se říká vibe coding), přesně to učím v kurzu AI First.

Let's go. 🚀