Je link delen op LinkedIn of WhatsApp? Zo test je hoe hij oogt

Je deelt een link naar je nieuwe productpagina in een WhatsApp-groep en er verschijnt geen voorbeeld, of erger: de foto van een oude blogpost. Dat gebeurt niet toevallig. Platforms zoals LinkedIn, WhatsApp en Facebook lezen daarvoor specifieke meta-tags in de broncode van je pagina, en zonder die tags of met een verouderde cache krijg je een lege of verkeerde preview.

Key takeaways

• og:title, og:description en og:image bepalen samen de preview bij het delen van een link, los van je title-tag of SEO-omschrijving.
• LinkedIn en Facebook bewaren die preview in een cache per URL. Een aanpassing zie je pas nadat je die cache handmatig ververst met de juiste tool.
• Een og:image die te klein of te smal is, wordt door sommige platforms genegeerd of lelijk uitgesneden.
• De LinkedIn Post Inspector en de Facebook Sharing Debugger zijn beide gratis en verversen de cache meteen na een check.
• Je hoeft geen ontwikkelaar te zijn: veel CMS'en en plugins vullen de Open Graph-tags automatisch in zodra je een uitgelichte afbeelding en een omschrijving instelt.

1. Controleer welke Open Graph-tags je pagina nu al heeft

Open je pagina in de browser, klik met de rechtermuisknop en kies "Paginabron weergeven" (of druk op Ctrl+U). Zoek in die broncode naar "og:title", "og:description" en "og:image". Geen zin om zelf door de broncode te zoeken? Plak je URL dan in een gratis tool zoals metatags.io of opengraph.xyz. Die tools lezen de tags voor je uit en tonen meteen of er iets ontbreekt.

Je bent klaar met deze stap zodra je voor je belangrijkste pagina's precies weet welke og:title, og:description en og:image er nu staan, en of die kloppen met wat je wilt tonen.

2. Stel og:title, og:description en og:image zelf in

Werk je met WordPress en een plugin zoals Yoast SEO of Rank Math, dan vind je onder elke pagina of elk artikel een apart tabblad voor social media. Daar stel je een eigen titel, omschrijving en afbeelding in voor het delen op social media, los van je gewone SEO-titel. Gebruik dat tabblad bewust: een goede SEO-titel is vaak te lang of te formeel voor een preview op LinkedIn.

Werk je met een op maat gebouwde website zonder CMS-plugin, dan voegt een ontwikkelaar de og:title, og:description en og:image toe als meta-tags in de head van de pagina. Kies voor og:image een foto die er ook op een kleine preview nog herkenbaar uitziet, bij voorkeur minimaal 1200 bij 630 pixels, zodat platforms hem niet uitrekken of afsnijden.

Deze stap is gelukt zodra je de broncode of de tool uit stap 1 opnieuw bekijkt en de nieuwe titel, omschrijving en afbeelding daar terugziet.

3. Test de preview met de LinkedIn Post Inspector en de Facebook Sharing Debugger

Ga naar de LinkedIn Post Inspector, plak je URL en klik op "Inspect". Je ziet meteen hoe je link eruitziet als iemand hem op LinkedIn deelt, inclusief titel, omschrijving en afbeelding. Doe hetzelfde met de Facebook Sharing Debugger: die tool gebruikt dezelfde Open Graph-tags en laat ook zien hoe je link eruitziet op Facebook en, in de praktijk, meestal ook op WhatsApp.

Klopt de preview niet, controleer dan eerst of de og-tags zelf kloppen (stap 1) voor je verder zoekt naar de oorzaak. Een lege preview betekent bijna altijd een ontbrekende of verkeerd verwijzende og:image.

Je bent klaar met deze stap als de preview in beide tools de juiste titel, omschrijving en afbeelding toont, zonder afgeknipte tekst of een verkeerde foto.

4. Ververs de cache na elke wijziging

LinkedIn en Facebook halen een pagina niet bij elke deling opnieuw op. Ze bewaren de preview in een cache, soms voor langere tijd. Pas je later je og:image of og:title aan, dan blijft de oude preview zichtbaar tot je de cache handmatig ververst. Gebruik daarvoor opnieuw de LinkedIn Post Inspector: elke keer dat je op "Inspect" klikt, wordt de pagina opnieuw opgehaald. Bij de Facebook Sharing Debugger doe je hetzelfde met de knop "Scrape Again".

WhatsApp bewaart een preview ook lokaal op het toestel van de afzender. Klopt de preview daar nog niet na een verversing via de Facebook-tool, stuur de link dan in een nieuw gesprek of wacht een paar minuten voor je opnieuw test.

Deze stap is gelukt zodra je na een wijziging de vernieuwde preview ziet in de tool zelf, niet pas nadat iemand toevallig de link deelt.

Aanbevolen platforms en tools

Tips en tricks

• Gebruik voor og:image bij voorkeur een andere foto dan je gewone featured image. Een preview werkt vaak beter met een duidelijk onderwerp in beeld dan met een drukke compositie.
• Zet de kern van je boodschap in het eerste deel van og:description. Platforms knippen de tekst af na een bepaald aantal tekens en tonen daarna vaak een beletselteken.
• Test niet alleen je homepage. Elke pagina heeft zijn eigen og-tags nodig, dus controleer ook je belangrijkste productpagina's en blogartikelen apart.
• Bekijk de preview ook op je telefoon. WhatsApp op mobiel toont een link soms net anders dan de debugtools op desktop.
• Vermijd veel kleine tekst in og:image. Op een kleine preview op een telefoonscherm wordt dat onleesbaar.

Doe de zelfscan

Test vandaag nog je homepage en je belangrijkste landingspagina in de LinkedIn Post Inspector en de Facebook Sharing Debugger, en noteer wat ontbreekt. Kun je de og-tags zelf aanpassen in je CMS, doe dat dan meteen. Heb je geen toegang tot de broncode van je website, dan kijkt HisarWeb er kosteloos naar mee.