WhatsApp-linkvoorvertoning wordt niet weergegeven? Los het og:image-probleem op

Een WhatsApp-linkvoorvertoning die niet wordt weergegeven, komt bijna altijd door een van vijf oorzaken: de pagina heeft geen og:image-tag, de afbeeldings-URL is niet openbaar op te halen, de afbeelding heeft de verkeerde vorm waardoor WhatsApp deze bijsnijdt, de uitsnede is prima maar de voorvertoning is verouderd, of de SEO-plugin van de winkel drukt een concurrerende tag af. Deze gids behandelt elke oorzaak, waarom je WhatsApp niet kunt dwingen te verversen, en wat je moet aanpassen in een WooCommerce-winkel.

Het korte antwoord

WhatsApp bouwt een link preview (linkvoorvertoning) op basis van de Open Graph-tags van de pagina. Als og:image ontbreekt, niet bereikbaar is, of niet de vorm heeft van een 1200×630-kaart, wordt de share weergegeven als een kale link, een grijze tegel, of een slecht bijgesneden productfoto. De meeste WooCommerce-winkels stellen voor productpagina's helemaal geen og:image in — de SEO-plugin valt terug op de statische uitgelichte afbeelding, en een vierkante of hoge productfoto verliest zijn zijkanten of de bovenkant.

1. Er is geen og:image-tag op de pagina

Dit is de meest voorkomende oorzaak bij een webshop. WordPress en WooCommerce genereren standaard geen og:image voor product-, categorie- of winkelpagina's, en een thema dat Open Graph niet ondersteunt, laat de tag helemaal weg.

Oplossing: bekijk de paginabron en controleer of er een og:image-tag aanwezig is, absoluut (een volledige https://…-URL, nooit een relatief pad) en server-side gerenderd — niet via JavaScript na het laden ingevoegd. WhatsApp voert jouw JavaScript niet uit.

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

Een leeg resultaat is je antwoord: WhatsApp heeft geen afbeelding om te tonen.

2. De afbeeldings-URL is niet openbaar op te halen

De crawler van WhatsApp haalt de afbeelding op op dezelfde manier als elke anonieme client. Een URL achter een login, op localhost, op een raw IP-adres, of op een pad dat wordt geblokkeerd door robots.txt, zal falen.

Oplossing: bevestig dat de URL een afbeelding retourneert zonder inloggegevens.

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

Je wilt 200 OK en een Content-Type van image/png of image/jpeg.

De robots.txt-valkuil. Sociale crawlers respecteren robots.txt, dus een regel die het pad blokkeert waarop je afbeeldingen staan, breekt de preview — en dat op een manier die makkelijk verkeerd wordt gediagnosticeerd. De debugger van Meta meldt dan "could not be processed as an image. It may be corrupted or may have an invalid format", wat precies klinkt als een kapotte render. curl reproduceert dit nooit, omdat curl robots.txt negeert. Als je afbeeldingen worden geserveerd vanaf een pad dat onder een Disallow:-regel valt, zal de preview falen, hoe geldig het bestand ook is. We kwamen dit zelf tegen op het renderpad van FastOG en losten het op met een Allow:-override op basis van langste match.

3. WhatsApp cropt je productafbeelding — en de foto bewerken lost het niet op

Dit is het symptoom dat handelaren omschrijven als "mijn productafbeeldingen worden gecropt op WhatsApp", en dit is het probleem dat het waard is om goed te begrijpen.

Het platform cropt elke afbeelding die het krijgt tot een kader van 1200×630. Een productfoto die vierkant of hoog is, verliest zijn zijkanten of bovenkant; een logotegel wordt uitgerekt. De bronfoto handmatig bijsnijden in Photoshop is een verloren strijd, omdat WhatsApp de uitsnede bepaalt op basis van de beeldverhouding van de kaart, niet op basis van de compositie die jij hebt gekozen — en de volgende productfoto heeft weer een andere vorm.

De oplossing is om de afbeelding die je serveert te wijzigen, niet de foto die je bezit. Stuur een kaart die al is samengesteld op 1200×630, met de productfoto erin verwerkt. Het platform heeft dan niets meer om te croppen.

4. De juiste afbeeldingsgrootte voor WhatsApp-linkvoorbeelden

De standaard Open Graph-afbeeldingsgrootte is 1200×630 pixels — een verhouding van 1,91:1 — en dit is het formaat dat elke groot platform, inclusief WhatsApp, verwacht. Lever je 1200×630 aan, dan wordt de voorbeeldweergave (preview) correct gerenderd; lever je een vierkant van 1000×1000 aan, dan zal WhatsApp de afbeelding bijsnijden om het kader te vullen.

Houd het bestand onder de 5 MB. Een 1200×630-kaart met tekst en product ligt normaal gesproken tussen de 200 KB en 500 KB als PNG.

Zie OG Image Size: 1200×630 Explained voor de reden waarom die verhouding de standaard is geworden.

5. De preview is verouderd — en je kunt WhatsApp niet dwingen om te verversen

Als de tag, de URL en de vorm allemaal kloppen en de preview nog steeds fout is, heb je te maken met een cache.

WhatsApp cached de preview. Die wordt bewaard in de app van de ontvanger, wat betekent dat geen enkele tool WhatsApp kan vragen om te verversen — geen debugger, geen API, en wij ook niet. WhatsApp biedt geen enkele programmatische verversing aan, dus er is geen knop om in te drukken. Wie iets anders beweert, beschrijft het gedrag van Facebook, niet dat van WhatsApp.

Wat je wel kunt doen, is ervoor zorgen dat de juiste afbeelding klaarstaat voor de volgende keer dat WhatsApp de pagina leest. Daarom zijn de cover-URL's van FastOG content-addressed: verander de titel, prijs of afbeelding van het product en de URL verandert mee, zodat de volgende leesbeurt de oude kaart niet kan oppikken. Wanneer die leesbeurt plaatsvindt, bepaalt WhatsApp zelf.

Twee vergelijkbare platforms gedragen zich hetzelfde — LinkedIn en X bieden ook geen invalidatie-API en lezen doorgaans binnen ongeveer een week opnieuw. Hun eigen inspectors kunnen dat een zetje geven als je haast hebt:

De Facebook-debugger gebruiken voor een WhatsApp-probleem. Het is toch de moeite waard om de URL in de Sharing Debugger te plakken, ook al kan die WhatsApp niet verversen, omdat hij de pagina op dezelfde manier ophaalt als WhatsApp dat zal doen en rapporteert wat hij daadwerkelijk heeft gevonden — ontbrekende tags, onbereikbare afbeeldingen, foutieve formaten. Beschouw hem als een validator voor de tags, niet als een oplossing voor de WhatsApp-cache.

6. Dit oplossen in een WooCommerce-winkel

Bij WooCommerce is het de moeite waard om de workflow precies te beschrijven, omdat het probleem meestal bij de SEO-plugin ligt, niet bij het thema:

• De tag bestaat standaard niet. WooCommerce levert geen og:image voor product, product_cat of de winkelpagina.
• Je SEO-plugin vult het gat slecht op. Yoast, Rank Math, All in One SEO en SEOPress printen wel een og:image — maar voor een product grijpen ze naar de statische uitgelichte afbeelding. Dat is een vierkante of staande foto, precies de afbeelding die WhatsApp vervolgens bijsnijdt.
• Let op dubbele tags. Als twee plugins allebei een og:image printen, kiest het platform er één, en dat is misschien niet degene die je verwacht. Bekijk de broncode en tel hoeveel og:image-tags de pagina uitzendt.

FastOG voor WooCommerce kiest een andere route: het rendert een 1200×630-kaart op basis van live catalogusgegevens (titel, prijs, sale-badge, beoordeling, productfotografie) op een eigen renderservice en geeft die cover vervolgens door aan de SEO-plugin die je al draait, in plaats van een concurrerende tag te printen. Zo blijft er één og:image op de pagina staan, en dat is een kaart die is opgemaakt voor het 1.91:1-formaat in plaats van een onbewerkte productfoto.

Omdat covers worden gegenereerd op basis van live catalogusgegevens, komt de prijs op de kaart overeen met de prijs op de pagina, en krijgt een afgeprijsd product een sale-badge. Wanneer je een product opslaat, vraagt de plugin Facebook ook om de pagina opnieuw te lezen — Facebook is het enige platform dat een programmatische verversing aanbiedt. WhatsApp, LinkedIn en X volgen hun eigen schema, en de plugin vermeldt dat duidelijk in plaats van een verversing te beloven die het niet kan waarmaken.

• Installeren: FastOG voor WooCommerce op WordPress.org
• Details en FAQ: WooCommerce-integratiepagina

Controleer wat WhatsApp daadwerkelijk zal zien

Voordat je iets wijzigt, bekijk je de pagina zoals een crawler dat doet. Plak een product-URL in See Your Links The Way Buyers Do — het haalt de pagina op, leest de huidige Open Graph-tags en toont de resulterende preview zoals WhatsApp, X en Messenger die weergeven, naast een FastOG-cover die is opgebouwd uit dezelfde productgegevens. Geen aanmelding vereist.

Liever de ruwe tags inspecteren? Gebruik de Open Graph Meta Tag Generator om de markup te bekijken, of raadpleeg de referentie in og:image Not Showing? How to Fix It.

FAQ

Waarom wordt mijn productafbeelding bijgesneden op WhatsApp?

WhatsApp snijdt elke afbeelding die het ontvangt bij tot een frame van 1200×630. Een vierkante of staande productfoto verliest daarbij de zijkanten of de bovenkant. Als je een kaart aanlevert die al is opgebouwd op 1200×630 — met de productfoto binnen de kaart — heeft het platform niets meer om bij te snijden.

Kan ik WhatsApp dwingen om een linkpreview te verversen?

Nee. WhatsApp biedt geen ververs-API of debugger, en de gecachte preview leeft in de app van de ontvanger. Je kunt er alleen voor zorgen dat de juiste afbeelding klaarstaat voor de volgende keer dat die wordt gelezen. Facebook is de uitzondering en biedt een programmatische her-scrape aan.

Waarom toont de Facebook Sharing Debugger mijn afbeelding, maar WhatsApp niets?

Omdat het aparte caches zijn, en de debugger rapporteert over de tags van de pagina, die beide platforms lezen. Als de debugger een correcte afbeelding toont maar WhatsApp niets, dan zijn de tags in orde en kijk je naar een niet-ververste WhatsApp-cache. Als de debugger ook niets toont, ontbreekt de tag of is de afbeelding niet bereikbaar — doorloop dan oorzaken 1 en 2.

Gebruikt WhatsApp og:image of twitter:image?

og:image. Stel de Open Graph-tags in. twitter:image is voor X.

Heb ik een plugin nodig, of kan ik de tag zelf toevoegen?

Je kunt zelf een statische og:image-tag aan je thema toevoegen — dat werkt en is veel beter dan niets. Wat het niet kan, is een aparte kaart per product genereren zonder handmatig één afbeelding per product te maken, en het wordt verouderd telkens wanneer een prijs verandert. Dat is het punt waarop een dynamische cover de moeite waard is.

Mijn site staat niet op FastOG. Helpt dit dan nog?

Ja — de vijf oorzaken zijn platformgedrag, niet FastOG-gedrag. Doorloop ze in volgorde met curl, de paginabron en de debugger.

Gerelateerd

• og:image wordt niet getoond? Zo los je het op
• Directe WhatsApp-afbeeldingsupdate voor WooCommerce
• WooCommerce-prijsynchronisatie in de WhatsApp-voorbeeldweergave
• Forceer een Facebook Open Graph-cacheverversing
• OG-afbeeldingsgrootte: 1200×630 uitgelegd
• OG-afbeeldingen cachen
• Ondertekende OG-afbeeldings-URL's
• Open Graph-meta-taggenerator