WhatsApp náhled odkazu se nezobrazuje? Oprava og:image

Když se náhled odkazu na WhatsAppu nezobrazuje, téměř vždy to má jeden z pěti důvodů: stránka nemá tag og:image, URL obrázku není veřejně dostupná, obrázek má špatný tvar, takže ho WhatsApp ořízne, oříznutí je v pořádku, ale náhled je zastaralý, nebo SEO plugin obchodu tiskne konkurenční tag. Tento průvodce pokrývá každý z těchto důvodů, proč nemůžete WhatsApp přinutit k obnovení, a co změnit na WooCommerce obchodě.

Stručná odpověď

WhatsApp vytváří náhled odkazu z Open Graph tagů stránky. Pokud og:image chybí, není dostupný nebo nemá tvar karty 1200×630, sdílení dorazí jako holý odkaz, šedá dlaždice nebo špatně oříznutá fotka produktu. Většina WooCommerce obchodů og:image pro stránky produktů vůbec nenastavuje — SEO plugin se vrátí ke statickému úvodnímu obrázku a čtvercová nebo vysoká fotka produktu přijde o své strany nebo horní část.

1. Na stránce chybí tag og:image

Toto je nejčastější příčina problému v e-shopu. WordPress a WooCommerce ve výchozím stavu nevypisují og:image pro stránky produktů, kategorií ani obchodu a motiv, který Open Graph nezpracovává, tag úplně vynechá.

Oprava: zobrazte zdrojový kód stránky a ověřte, že tag og:image je přítomen, absolutní (plná https://… URL, nikdy relativní cesta) a vykreslený na serveru — ne vložený JavaScriptem po načtení. WhatsApp váš JavaScript nespouští.

curl -s https://your-store.com/product/example | grep -i 'og:image'

Prázdný výsledek je vaše odpověď: WhatsApp nemá žádný obrázek, který by mohl zobrazit.

2. URL obrázku není veřejně dostupná

Crawler WhatsAppu stahuje obrázek stejně jako jakýkoli anonymní klient. URL za přihlášením, na localhost, na holé IP adrese nebo na cestě blokované robots.txt selže.

Oprava: ověřte, že URL vrací obrázek bez přihlašovacích údajů.

curl -I https://your-store.com/wp-content/uploads/product.jpg

Chcete 200 OK a Content-Type o hodnotě image/png nebo image/jpeg.

Past jménem robots.txt. Sociální crawleři respektují robots.txt, takže pravidlo, které blokuje cestu s vašimi obrázky, rozbije náhled – a to způsobem, který se snadno špatně diagnostikuje. Debugger Mety pak hlásí „could not be processed as an image. It may be corrupted or may have an invalid format", což vypadá přesně jako poškozené vykreslení. curl to nikdy nezachytí, protože curl ignoruje robots.txt. Pokud jsou vaše obrázky obsluhovány z cesty pokryté pravidlem Disallow:, náhled selže bez ohledu na to, jak platný soubor je. Sami jsme na to narazili na renderovací cestě FastOGu a opravili jsme to přepsáním pomocí pravidla Allow: s nejdelší shodou.

3. WhatsApp ořezává váš produktový obrázek — a úprava fotky to nevyřeší

Toto je symptom, který obchodníci popisují jako „moje produktové obrázky jsou na WhatsAppu ořezané“, a právě tento stojí za to správně pochopit.

Platforma ořízne jakýkoli obrázek, který jí předáte, do formátu 1200×630. Produktová fotka, která je čtvercová nebo vysoká, přijde o své strany nebo horní část; logo se roztáhne. Ruční ořezávání zdrojové fotky ve Photoshopu je prohraný boj, protože WhatsApp rozhoduje o ořezu na základě poměru stran karty, ne podle kompozice, kterou jste zvolili — a další produktová fotka má zase jiný tvar.

Řešením je změnit obrázek, který odesíláte, ne fotku, kterou vlastníte. Odešlete kartu, která je už od začátku složená v rozměru 1200×630, s produktovou fotkou umístěnou uvnitř. Platforma pak už nemá co ořezávat.

4. Správná velikost obrázku pro náhled odkazu ve WhatsAppu

Standardní velikost obrázku pro Open Graph je 1200×630 pixelů — poměr stran 1.91:1 — a právě tento tvar očekává každá velká platforma, včetně WhatsAppu. Pokud použijete 1200×630, náhled se vykreslí tak, jak má; pokud použijete čtverec 1000×1000, WhatsApp obrázek ořízne, aby vyplnil rám.

Soubor udržujte pod 5 MB. Karta s textem a produktem o rozměrech 1200×630 obvykle zabere mezi 200 KB a 500 KB ve formátu PNG.

Proč se tento poměr stran stal standardem, vysvětluje článek Velikost obrázku OG: 1200×630 vysvětleno.

5. Náhled je zastaralý – a WhatsApp nemůžete donutit k obnovení

Pokud jsou tag, URL i tvar správné a náhled je stále chybný, díváte se na cache.

WhatsApp si náhled ukládá do mezipaměti. Je uložen v aplikaci příjemce, což znamená, že žádný nástroj nemůže WhatsApp požádat o obnovení – ani debugger, ani API, ani my. WhatsApp nenabízí žádné programové obnovení, takže neexistuje žádné tlačítko, které byste mohli stisknout. Kdokoli tvrdí opak, popisuje chování Facebooku, ne WhatsAppu.

Co můžete udělat, je zajistit, aby správný obrázek čekal na příště, až WhatsApp stránku načte. Proto jsou URL obálek ve FastOG adresované obsahem: změňte název produktu, cenu nebo obrázek a URL se změní s nimi, takže příští načtení nemůže zachytit starou kartu. Kdy k tomu načtení dojde, záleží na WhatsAppu.

Dvě příbuzné platformy se chovají stejně – LinkedIn a X také nenabízejí žádné invalidační API a obvykle znovu načítají zhruba do týdne. Jejich vlastní inspektory to mohou urychlit, pokud spěcháte:

Použití Facebook debuggeru pro problém s WhatsAppem. Přesto se vyplatí vložit URL do Sharing Debuggeru, i když nemůže obnovit WhatsApp, protože načte stránku stejným způsobem jako WhatsApp a hlásí, co skutečně našel – chybějící tagy, nedostupné obrázky, špatné formáty. Berte ho jako validátor tagů, ne jako opravu cache WhatsAppu.

6. Oprava v obchodě na WooCommerce

U WooCommerce stojí za to postup přesně popsat, protože selhání obvykle způsobí SEO plugin, ne šablona:

• Tag ve výchozím stavu neexistuje. WooCommerce nedodává og:image pro product, product_cat ani pro stránku obchodu.
• Váš SEO plugin mezeru vyplní špatně. Yoast, Rank Math, All in One SEO a SEOPress vypíšou og:image — ale u produktu sáhnou po statickém náhledovém obrázku. To je čtvercová nebo na výšku orientovaná fotka, což je přesně ten obrázek, který WhatsApp následně ořízne.
• Hlídejte si duplicitní tagy. Pokud dva pluginy vypíšou og:image, platforma si vybere jeden, a nemusí to být ten, který čekáte. Podívejte se do zdrojového kódu a spočítejte, kolik tagů og:image stránka vygeneruje.

FastOG pro WooCommerce jde jinou cestou: vykreslí kartu 1200×630 z živých katalogových dat (název, cena, odznak slevy, hodnocení, produktové fotografie) na vlastní renderovací službě a tento náhled předá tomu SEO pluginu, který už používáte, místo aby tisklo konkurenční tag. Na stránce tak zůstane jediný og:image, a to karta sestavená pro poměr 1,91:1, ne syrová produktová fotka.

Protože se náhledy generují z živých katalogových dat, cena na kartě odpovídá ceně na stránce a zlevněný produkt dostane odznak slevy. Když produkt uložíte, plugin také požádá Facebook o nové načtení stránky — Facebook je jediná platforma, která programatický refresh nabízí. WhatsApp, LinkedIn a X mají vlastní rozvrh a plugin to říká na rovinu, místo aby sliboval obnovu, kterou nemůže zajistit.

• Instalace: FastOG pro WooCommerce na WordPress.org
• Podrobnosti a FAQ: Stránka integrace pro WooCommerce

Zkontrolujte, co WhatsApp skutečně uvidí

Než cokoli změníte, podívejte se na stránku tak, jak ji vidí crawler. Vložte URL libovolného produktu do See Your Links The Way Buyers Do — načte stránku, přečte její aktuální Open Graph tagy a zobrazí výsledný náhled tak, jak ho vykreslují WhatsApp, X a Messenger, vedle FastOG obrázku vytvořeného ze stejných dat o produktu. Není nutná registrace.

Chcete raději prozkoumat surové tagy? Použijte Open Graph Meta Tag Generator pro zobrazení markupu, nebo se podívejte do reference v og:image Not Showing? How to Fix It.

FAQ

Proč je můj obrázek produktu na WhatsAppu oříznutý?

WhatsApp ořízne jakýkoli obrázek, který dostane, do rámečku 1200×630. Čtvercová nebo na výšku orientovaná fotka produktu tak přijde o své strany nebo horní část. Pokud ale naservírujete kartu už předpřipravenou v rozměru 1200×630 — s fotkou produktu vloženou uvnitř karty — platforma nemá co ořezávat.

Mohu přinutit WhatsApp k obnovení náhledu odkazu?

Ne. WhatsApp nenabízí žádné API pro obnovení ani debugger a cachovaný náhled žije v aplikaci příjemce. Můžete jen zajistit, aby na další přečtení čekal správný obrázek. Výjimkou je Facebook, který nabízí programové znovunačtení.

Proč mi Facebook Sharing Debugger ukazuje obrázek, ale WhatsApp nic?

Protože jde o oddělené cache a debugger reportuje stav tagů stránky, které čtou obě platformy. Pokud debugger ukazuje správný obrázek, ale WhatsApp žádný, tagy jsou v pořádku a díváte se na neobnovenou cache WhatsAppu. Pokud debugger neukazuje nic, tag chybí nebo je obrázek nedostupný — projděte příčiny 1 a 2.

Používá WhatsApp og:image nebo twitter:image?

og:image. Nastavte Open Graph tagy. twitter:image je pro X.

Potřebuji plugin, nebo si mohu tag přidat sám?

Statický og:image tag si můžete do šablony přidat sami — funguje to a je to mnohem lepší než nic. Co to ale neumí, je vytvořit odlišnou kartu pro každý produkt bez ručního vytvoření jednoho obrázku na produkt, a navíc bude zastarávat pokaždé, když se změní cena. V tu chvíli se dynamická karta vyplatí.

Můj web není na FastOG. Pomůže mi to přesto?

Ano — těch pět příčin je chování platformy, ne chování FastOG. Projděte je v pořadí s curl, zdrojovým kódem stránky a debuggerem.

Související

• og:image se nezobrazuje? Jak to opravit
• Okamžitá aktualizace obrázku WhatsApp pro WooCommerce
• Synchronizace cen WooCommerce v náhledu WhatsApp
• Vynucení obnovení mezipaměti Open Graph na Facebooku
• Velikost OG obrázku: 1200×630 vysvětleno
• Jak ukládat OG obrázky do mezipaměti
• Podepsané adresy URL OG obrázků
• Generátor meta tagů Open Graph