Špatný náhledový obrázek při sdílení webu? Návod, jak ho konečně opravit

Změnili jste web, ale sociální sítě stále ukazují starý obrázek? Zjistěte, jak opravit náhledy na Facebooku i LinkedInu a začněte se prezentovat profesionálně.

Proč k tomu dochází?

Představte si, že jste právě strávili desítky hodin laděním svého nového webu. Máte nafocené krásné nové fotky, vyladěné texty a logo, na které jste pyšní. S nadšením vložíte odkaz na svou Facebookovou stránku nebo ho pošlete klientovi do zprávy a... místo moderní prezentace se objeví rozmazané staré logo, nebo v horším případě náhodná ikona z patičky webu.

Možná si říkáte: „Vždyť jsem ten obrázek na webu už dávno vyměnil!“ Máte pravdu, ale internet funguje trochu jinak než televize, kde se obraz mění v reálném čase.

Hlavním viníkem je obvykle něco, čemu říkáme mezipaměť (neboli cache). Sociální sítě jako Facebook, LinkedIn nebo Twitter si nechtějí stahovat data z vašeho webu pokaždé, když někdo vloží odkaz. Bylo by to pomalé a náročné. Místo toho si při prvním sdílení udělají „fotku“ vašeho webu a tu si uloží do své paměti. Když pak odkaz sdílíte podruhé, potřetí nebo posté, vytáhnou tuto starou fotku z archivu.

Druhým častým důvodem je, že sociální sítě prostě neví, který obrázek mají vybrat. Pokud jim v kódu webu jasně neřeknete: „Hele, tohle je ten hlavní obrázek pro sdílení,“ robot si vybere sám. A roboti bohužel nemají vkus – často sáhnou po první grafice, na kterou narazí, což bývá banner, ikona košíku nebo fotka z úplně jiného článku.

Tento problém často trápí majitele malých firem, kteří řeší špatný obrázek při sdílení odkazu svépomocí a netuší, že existuje standard jménem Open Graph. To jsou speciální značky v kódu, které fungují jako digitální vizitka vašeho webu připravená přímo pro sociální sítě.

Jak to opravit krok za krokem

Dobrou zprávou je, že k opravě nepotřebujete diplom z programování. Většinou stačí vědět, kde se na sociálních sítích nachází „tlačítko na zapomínání“. Zde je postup, jak se s tím vypořádat:

1. Zkontrolujte nastavení na svém webu

Než začnete promazávat paměť sociálních sítí, ujistěte se, že máte na webu vše správně nastavené. Pokud používáte WordPress, je to hračka díky doplňkům jako SEO Framework nebo Yoast SEO. V nastavení každé stránky najdete sekci „Sociální sítě“, kam můžete nahrát konkrétní obrázek.

Tip pro vás: Ideální rozměr náhledového obrázku je 1200 × 630 pixelů. Pokud bude mít jiný poměr stran, sociální sítě ho oříznou, a vy tak můžete přijít o důležité informace v grafice. Pokud tápete v tom, jak změnit náhledový obrázek webu, začněte právě nahráním správného souboru v administraci vašeho CMS.

2. Použijte Facebook Sharing Debugger

Toto je nejdůležitější nástroj v celém procesu. Facebook má vlastní „čistič paměti“, který ho donutí se na váš web podívat znovu.

1. Přejděte na stránku Facebook Sharing Debugger.
2. Do pole vložte URL adresu své stránky.
3. Klikněte na „Debug“.
4. Uvidíte, co si Facebook o vašem webu aktuálně pamatuje. Pokud je tam starý obrázek, klikněte na tlačítko „Scrape Again“ (Znovu načíst).
5. Někdy je potřeba na toto tlačítko kliknout dvakrát nebo třikrát, než se obrázek skutečně aktualizuje.

3. Vyčistěte LinkedIn Post Inspector

LinkedIn funguje velmi podobně jako Facebook a má svůj vlastní nástroj Post Inspector. Postup je stejný: vložíte odkaz, potvrdíte a LinkedIn vám ukáže nový náhled, který si uložil do paměti. Od té chvíle se bude všem uživatelům zobrazovat ten správný obrázek.

4. Nezapomeňte na cache na vašem webu

Pokud používáte na webu doplňky pro zrychlení (např. WP Rocket, W3 Total Cache) nebo služby jako Cloudflare, může se stát, že i po změně obrázku posílá váš web do světa stále tu starou verzi. Předtím, než půjdete do nástrojů od Facebooku, vždy klikněte v administraci webu na tlačítko „Purge All Cache“ (Vymazat veškerou mezipaměť).

Tento komplexní proces řeší nejčastější dotazy typu nastavení Open Graph meta tagů, které jsou pro správné zobrazení klíčové.

Kdy je lepší svěřit to odborníkovi?

I když výše uvedený postup vypadá jednoduše, realita dokáže občas potrápit. Existují situace, kdy se vyplatí zvednout telefon a zavolat profíka:

• Váš web není na WordPressu: U webů na míru nebo starších systémů může být nastavení Open Graph značek složité a vyžaduje zásah do kódu. Pokud se necítíte na úpravy HTML šablon, raději na to nesahejte.
• Obrázek se stále nemění: Někdy je problém hlubší – může jít o chybu v certifikátu SSL, špatně nastavené přesměrování nebo konfliktní pluginy, které se mezi sebou „hádají“ o to, který obrázek je ten pravý.
• Chcete, aby to vypadalo skvěle: Správný náhledový obrázek není jen o technice, ale i o grafice. Profesionál vám pomůže navrhnout šablonu náhledů, která bude konzistentní s vaší značkou a přiměje lidi na odkaz skutečně kliknout.
• Nemáte čas: Jako majitel firmy máte na starosti důležitější věci než zápasit s Facebook debugger návodem. Delegování této drobnosti vám ušetří nervy a zajistí, že vaše digitální stopa bude bezchybná.

Investice do správného nastavení webu se vám vrátí v podobě vyšší důvěryhodnosti. Když váš odkaz vypadá v diskuzích profesionálně, zvyšuje to šanci, že vás lidé budou brát vážně.

Závěr

První dojem na sociálních sítích dělá právě náhledový obrázek a je škoda o něj přicházet kvůli technické chybě v mezipaměti. Pokud vám kroky v tomto návodu nepomohly nebo se raději soustředíte na své podnikání, rád vám s technickým nastavením i celkovým webdesignem pomohu.

Stačí se mi ozvat na jasnyweb.cz a společně se podíváme na to, aby váš web vypadal skvěle na každém zařízení i v každém příspěvku na sítích.