Beeld- en media-optimalisatie

De dreiging van WebP voor WhatsApp - De onuitgesproken waarheid

WebP-formaatprobleem met WhatsApp-linkvoorbeeld

Vandaag nam een klant van ons die onroerend goed verkoopt op Tenerife contact met ons op over een frustrerend probleem: wanneer ze via WhatsApp huizenaanbiedingen met haar klanten deelt, werken de previews niet. Soms is er geen afbeelding. Soms verdwijnen zelfs de titel en beschrijving. Een paar dagen eerder werkte alles nog perfect: er verscheen automatisch een mooie kaart met een foto en details.

WhatsApp en Link Previews: Waarom het belangrijk is

WhatsApp is niet zomaar een berichtenapp. Het is een belangrijk communicatiemiddel voor miljoenen bedrijven wereldwijd. In veel sectoren – met name de vastgoedsector, e-commerce en dienstverlening – is het versturen van links via WhatsApp een essentieel onderdeel van de salesfunnel. En wanneer die links er kapot of leeg uitzien, ondermijnt dat het vertrouwen direct. Mensen klikken niet op links die onvolledig of verdacht lijken.

We zijn een onderzoek gestart. De website was correct geconfigureerd: Open Graph-tags zoals og:title, og:description, En og:image waren allemaal aanwezig en correct. De paginastructuur was prima. Er was niets veranderd in het CMS of thema.

Maar er was één recente aanpassing: een paar dagen geleden had de site automatische beeldconversie naar WebP-formaat ingeschakeld met behulp van de EWWW Image Optimizer-plug-in. En vanaf dat moment begonnen WhatsApp-voorvertoningen te mislukken.

WebP en sitesnelheid: een tweesnijdend zwaard

Op het eerste gezicht lijkt WebP een slimme oplossing. Het biedt kleinere bestanden en snellere laadsnelheden. Google is er dol op. PageSpeed Insights geeft je site betere scores. Het is verleidelijk om het overal te implementeren.

Maar hier is het probleem: WebP wordt niet door alle platforms volledig ondersteund, vooral niet door WhatsApp.

WebP is door Google ontwikkeld om oudere formaten zoals JPEG en PNG te vervangen. De meeste moderne browsers ondersteunen het. Maar als het om WhatsApp gaat, gaat het mis – vooral wanneer WebP wordt gebruikt in de og:image tag, die de voorbeeldkaart activeert wanneer een link wordt gedeeld.

LEZEN  Versnel WordPress met lazy loading voor afbeeldingen en video's (geen plug-in nodig)

Waarom WhatsApp geen WebP-afbeeldingen kan weergeven

Het previewsysteem van WhatsApp ondersteunt WebP niet betrouwbaar op Android of iOS. Als je pagina WebP als primaire afbeelding in de OG-tag gebruikt, geeft WhatsApp deze vaak niet weer. In plaats daarvan wordt alleen de tekst weergegeven. Of helemaal niets.

Dit is wat er meestal gebeurt:

  • Uw optimalisatieplug-in (zoals EWWW, Imagify of LiteSpeed) genereert automatisch WebP-afbeeldingen.

  • Uw server gebruikt contentonderhandeling om WebP aan de meeste gebruikersagenten aan te bieden.

  • WhatsApp scrapt de link, ontvangt een WebP-afbeelding en kan deze niet weergeven.

  • De preview is kapot: geen afbeelding, geen interactie.

En het wordt erger. WhatsApp slaat de voorvertoning op in de cache bij de eerste poging. Als de afbeelding één keer niet laadt, kan die lege status dagenlang bewaard blijven, zelfs nadat je het probleem op je site hebt opgelost. In tegenstelling tot Facebook heeft WhatsApp geen tool om linkvoorbeelden handmatig te vernieuwen.

Veelvoorkomende fouten bij het diagnosticeren van het probleem

Website-eigenaren en -ontwikkelaars besteden vaak uren aan het debuggen van de verkeerde dingen. Ze testen OG-tags, passen beschrijvingen aan, passen afbeeldingsformaten aan en voegen MIME-typen toe. Ze denken misschien zelfs dat de site gehackt is of op een zwarte lijst staat.

Maar dat heeft allemaal geen zin als WhatsApp een WebP-afbeelding ontvangt die het niet kan verwerken.

Het probleem zit niet in de tags, maar in de opmaak.

Hoe je het kunt oplossen (en voorkomen)

Om dit probleem te voorkomen en ervoor te zorgen dat uw WhatsApp-voorbeelden correct worden weergegeven:

  • Gebruik JPEG of PNG voor og:image, niet WebP.

  • Zorg ervoor dat de URL van de afbeelding eindigt op .jpg of .png — geen omleidingen of dynamische onderhandeling over inhoud.

  • Configureer uw server of CDN om geen WebP bedienen aan crawlers van sociale media.

  • Vermijd plug-ins die automatisch originele afbeeldingen naar WebP herschrijven.

  • Vertrouw niet op JavaScript of lazy-loading: WhatsApp verwerkt alleen onbewerkte HTML.

  • Test uw links in WhatsApp vóór grote campagnes of de lancering van content.

LEZEN  JPEG-optimalisatie in WordPress: een complete gids voor snellere sites

Let ook op CDN-gedragDiensten zoals Cloudflare of BunnyCDN kunnen afbeeldingen automatisch naar WebP converteren. Zelfs als uw OG-tag naar een .jpg, kan het CDN in plaats daarvan WebP bedienen. Controleer altijd uw HTTP-responsheaders — als u content-type: image/webpWhatsApp kan uw voorvertoning verstoren.

WebP is geweldig, maar niet voor berichtenplatforms

WebP is echt nuttig voor het optimaliseren van interne prestaties. Het is snel, efficiënt en ideaal voor browserrendering. Maar wanneer je content afhankelijk is van externe uitwisseling – met name via platforms zoals WhatsApp – wordt het een riskante keuze.

Totdat WhatsApp zijn rendering engine updatet, is de veiligste en meest betrouwbare oplossing om JPEG of PNG te gebruiken voor alle Open Graph-afbeeldingen.

Laatste gedachten van een WordPress-ontwikkelaar

Ik bouw al bijna tien jaar WordPress-websites. Samen met mijn team maken we niet alleen websites, maar helpen we bedrijven groeien door:

  • SEO-optimalisatie

  • Google Ads en Facebook-advertenties

  • YouTube-kanaal instellen

  • Google Maps-aanwezigheid

  • Snelheidsoptimalisatie

Een van de meest cruciale gebieden waarop we ons richten is het verbeteren van de snelheid van de website, vooral volgens Google PageSpeed Insights. Waarom? Omdat een snel ladende site leidt tot meer vertrouwen, meer conversies, lagere advertentiekosten en betere rankings in Google.

Maar optimalisatie draait altijd om balans. Te veel in één richting pushen – zoals WebP overal implementeren – kan je zichtbaarheid en communicatie op platforms zoals WhatsApp schaden.

Het gaat niet alleen om laadsnelheid. Het gaat om hoe uw inhoud eruitziet wanneer iemand het deelt. En dat kan het verschil betekenen tussen een klik en een gemiste kans.

LEZEN  Afbeeldingen optimaliseren voor snellere WordPress-siteprestaties

Over de auteur

Dit artikel is geschreven door Gennadii Pratsevych, WordPress-ontwikkelaar met bijna 10 jaar ervaring in website-optimalisatie, SEO en digitale strategie.

Als u vragen heeft of hulp nodig heeft met uw WordPress-website, neem dan gerust contact met ons op. Neem hier contact met mij op of stuur mij direct een e-mail op info@speedwppro.com.