Vises ikke WhatsApp-lenkeutdraget? Fiks og:image

Et WhatsApp-lenkeutdrag som ikke vises, skyldes nesten alltid én av fem årsaker: siden har ingen og:image-tagg, bilde-URL-en er ikke offentlig tilgjengelig, bildet har feil format slik at WhatsApp beskjærer det, beskjæringen er ok men utdraget er utdatert, eller butikkens SEO-plugin skriver ut en konkurrerende tagg. Denne guiden dekker hver årsak, hvorfor du ikke kan tvinge WhatsApp til å oppdatere, og hva du bør endre på en WooCommerce-butikk.

Kort svaret

WhatsApp bygger en lenkeforhåndsvisning (link preview) fra sidens Open Graph-tagger. Hvis og:image mangler, er utilgjengelig, eller ikke er formet som et 1200×630-kort, kommer delingen frem som en bar lenke, en grå flis, eller et dårlig beskåret produktbilde. De fleste WooCommerce-butikker setter aldri en og:image for produktsider i det hele tatt — SEO-pluginen faller tilbake til det statiske utvalgte bildet, og et kvadratisk eller høyt produktbilde får kuttet sidene eller toppen.

1. Det finnes ingen og:image-tagg på siden

Dette er den vanligste årsaken i en nettbutikk. WordPress og WooCommerce genererer ikke en og:image for produkt-, kategori- eller butikksider som standard, og et tema som ikke håndterer Open Graph, utelater taggen helt.

Løsning: Vis sidekilden og bekreft at en og:image-tagg er til stede, absolutt (en full https://…-URL, aldri en relativ sti), og server-rendret — ikke injisert av JavaScript etter lasting. WhatsApp kjører ikke JavaScript-et ditt.

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

Et tomt resultat er svaret ditt: WhatsApp har ingen bilde å vise.

2. Bildets URL er ikke offentlig tilgjengelig

WhatsApps crawler henter bildet på samme måte som en hvilken som helst anonym klient. En URL bak en innlogging, på localhost, på en rå IP-adresse, eller på en sti blokkert av robots.txt, vil feile.

Løsning: Bekreft at URL-en returnerer et bilde uten legitimasjon.

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

Du vil ha 200 OK og en Content-Type på image/png eller image/jpeg.

robots.txt-fellen. Sosiale crawleres respekterer robots.txt, så en regel som blokkerer stien som inneholder bildene dine, ødelegger forhåndsvisningen — og den ødelegger den på en måte som er lett å feildiagnostisere. Metas debugger rapporterer da "could not be processed as an image. It may be corrupted or may have an invalid format", noe som høres ut som en ødelagt rendering. curl reproduserer det aldri, fordi curl ignorerer robots.txt. Hvis bildene dine serveres fra en sti som dekkes av en Disallow:-regel, vil forhåndsvisningen feile uansett hvor gyldig filen er. Vi støtte på dette selv på FastOGs egen renderingssti og fikset det med en longest-match Allow:-overstyring.

3. WhatsApp beskjærer produktbildet ditt — og å redigere bildet løser det ikke

Dette er symptomet som handelsdrivende beskriver som «produktbildene mine blir beskjært på WhatsApp», og det er verdt å forstå ordentlig.

Plattformen beskjærer uansett hvilket bilde den får tilsendt til en 1200×630-ramme. Et produktbilde som er kvadratisk eller høyt, får kuttet av sidene eller toppen; en logoflis blir strukket. Manuell beskjæring av kildebildet i Photoshop er en tapskamp, fordi WhatsApp bestemmer beskjæringen ut fra kortets sideforhold, ikke ut fra komposisjonen du valgte — og det neste produktbildet har igjen en annen form.

Løsningen er å endre bildet du leverer, ikke bildet du eier. Send et kort som allerede er komponert i 1200×630, med produktbildet tilpasset inni. Da har plattformen ingenting igjen å beskjære.

4. Riktig bildestørrelse for WhatsApp-lenkeutdrag

Standardstørrelsen for Open Graph-bilder er 1200×630 piksler — et forhold på 1,91:1 — og det er formatet alle større plattformer, inkludert WhatsApp, forventer. Leverer du 1200×630, vises forhåndsvisningen som tiltenkt; leverer du et kvadratisk bilde på 1000×1000, vil WhatsApp beskjære det for å fylle rammen.

Hold filen under 5 MB. Et tekst-og-produktkort på 1200×630 ligger normalt mellom 200 KB og 500 KB som PNG.

Se OG-bildestørrelse: 1200×630 forklart for hvorfor dette forholdet ble standarden.

5. Forhåndsvisningen er utdatert — og du kan ikke tvinge WhatsApp til å oppdatere

Hvis taggen, URL-en og formatet alle er riktige og forhåndsvisningen fortsatt er feil, ser du på en cache.

WhatsApp cacher forhåndsvisningen. Den ligger i mottakerens app, noe som betyr at ingen verktøy kan be WhatsApp om å oppdatere den — verken en debugger, et API eller oss. WhatsApp eksponerer ingen programmatisk oppdatering av noe slag, så det finnes ingen knapp å trykke på. Alle som hevder noe annet, beskriver Facebooks oppførsel, ikke WhatsApps.

Det du kan gjøre, er å sørge for at det riktige bildet venter på neste gang WhatsApp leser siden. Det er derfor FastOGs cover-URL-er er innholdsadresserte: endrer du produktets tittel, pris eller bilde, endres URL-en med det, så neste lesing ikke kan plukke opp det gamle kortet. Når den lesingen skjer, er opp til WhatsApp.

To beslektede plattformer oppfører seg på samme måte — LinkedIn og X eksponerer heller ikke noe invaliderings-API, og leser typisk på nytt innen omtrent en uke. Deres egne inspektører kan dyfte på det hvis du har det travelt:

Bruke Facebook-debuggeren for et WhatsApp-problem. Det er likevel verdt å lime inn URL-en i Sharing Debugger selv om den ikke kan oppdatere WhatsApp, fordi den henter siden på samme måte som WhatsApp vil gjøre og rapporterer hva den faktisk fant — manglende tagger, utilgjengelige bilder, dårlige formater. Behandle den som en validator for taggene, ikke som en løsning på WhatsApp-cachen.

6. Slik fikser du dette i en WooCommerce-butikk

For WooCommerce er det verdt å beskrive arbeidsflyten nøyaktig, fordi feilårsaken vanligvis er SEO-pluginen, ikke temaet:

• Taggen finnes ikke som standard. WooCommerce leverer ingen og:image for product, product_cat eller butikksiden.
• SEO-pluginen din fyller gapet dårlig. Yoast, Rank Math, All in One SEO og SEOPress skriver ut en og:image — men for et produkt bruker de det statiske utvalgte bildet. Det er et kvadratisk eller stående bilde, som er akkurat det bildet WhatsApp deretter beskjærer.
• Se etter dupliserte tagger. Hvis to plugin-er begge skriver ut og:image, velger plattformen én av dem, og det er kanskje ikke den du forventer. Vis kildekoden og tell hvor mange og:image-tagger siden sender ut.

FastOG for WooCommerce går en annen vei: den genererer et 1200×630-kort fra levende katalogdata (tittel, pris, salgsmerke, vurdering, produktfotografi) på sin egen renderingstjeneste, og gir deretter det dekselet til den SEO-pluginen du allerede kjører, i stedet for å skrive ut en konkurrerende tag. Dermed beholder du én og:image på siden, og det er et kort komponert for 1.91:1-formatet, ikke et råproduktfoto.

Siden dekslene genereres fra levende katalogdata, stemmer prisen på kortet med prisen på siden, og et produkt med rabatt får et salgsmerke. Når du lagrer et produkt, ber pluginen også Facebook om å lese siden på nytt — Facebook er den eneste plattformen som tilbyr en programmatisk oppdatering. WhatsApp, LinkedIn og X følger sine egne tidsplaner, og pluginen sier dette tydelig i stedet for å love en oppdatering den ikke kan levere.

• Installering: FastOG for WooCommerce på WordPress.org
• Detaljer og FAQ: WooCommerce-integreringssiden

Sjekk hva WhatsApp faktisk vil se

Før du endrer noe, se på siden slik en crawler gjør. Lim inn en hvilken som helst produkt-URL i See Your Links The Way Buyers Do — den henter siden, leser de gjeldende Open Graph-taggene og viser den resulterende forhåndsvisningen slik WhatsApp, X og Messenger gjengir den, ved siden av et FastOG-bilde bygget fra de samme produktdataene. Ingen registrering kreves.

Foretrekker du å inspisere de rå taggene? Bruk Open Graph Meta Tag Generator for å se markeringen, eller sjekk referansen i og:image Not Showing? How to Fix It.

FAQ

Hvorfor blir produktbildet mitt beskåret på WhatsApp?

WhatsApp beskjærer ethvert bilde det får til en 1200×630-ramme. Et kvadratisk eller stående produktbilde mister sidene eller toppen. Hvis du serverer et kort som allerede er komponert i 1200×630 — med produktbildet tilpasset inni kortet — har plattformen ingenting å beskjære.

Kan jeg tvinge WhatsApp til å oppdatere en lenkeforhåndsvisning?

Nei. WhatsApp tilbyr ikke noe oppdaterings-API eller debugger, og den mellomlagrede forhåndsvisningen ligger i mottakerens app. Du kan bare sørge for at det riktige bildet venter på neste lesing. Facebook er unntaket og tilbyr en programmatisk re-skraping.

Hvorfor viser Facebook Sharing Debugger bildet mitt, men WhatsApp viser ingenting?

Fordi de er separate mellomlager, og debuggeren rapporterer om sidens tagger, som begge plattformene leser. Hvis debuggeren viser et riktig bilde, men WhatsApp ikke viser noe, er taggene i orden, og du ser på et ikke-oppdatert WhatsApp-mellomlager. Hvis debuggeren også viser ingenting, mangler taggen eller bildet er utilgjengelig — gå gjennom årsak 1 og 2.

Bruker WhatsApp og:image eller twitter:image?

og:image. Sett Open Graph-taggene. twitter:image er for X.

Trenger jeg en plugin, eller kan jeg bare legge til taggen selv?

Du kan legge til en statisk og:image-tag i temaet ditt selv — det fungerer, og det er mye bedre enn ingenting. Det den ikke kan gjøre, er å produsere et distinkt kort per produkt uten å manuelt lage ett bilde per produkt, og den blir utdatert hver gang en pris endres. Det er på det punktet et dynamisk omslag er verdt det.

Nettstedet mitt er ikke på FastOG. Vil dette fortsatt hjelpe?

Ja — de fem årsakene er plattformatferd, ikke FastOG-atferd. Gå gjennom dem i rekkefølge med curl, sidekilde og debuggeren.

Relatert

• og:image vises ikke? Slik fikser du det
• Umiddelbar WhatsApp-bildeoppdatering for WooCommerce
• WooCommerce-prissynkronisering i WhatsApp-forhåndsvisningen
• Tving en Facebook Open Graph-cacheoppdatering
• OG-bildestørrelse: 1200×630 forklart
• Slik cacher du OG-bilder
• Signerte OG-bilde-URL-er
• Open Graph-metatag-generator