Uw link gedeeld, maar met het verkeerde plaatje? Zo stelt u de og:image in

Een tevreden klant deelt uw website in de WhatsApp-groep van de buurt. Mooi. Alleen verschijnt er een uitgerekt stukje van uw logo, of een foto van een collega die al twee jaar weg is. Welk plaatje bij een gedeelde link verschijnt, bepaalt de og image van uw website: een stukje code dat sociale media en chatapps vertelt welke afbeelding, titel en omschrijving ze moeten tonen. Zo stelt u het goed in.

Wat is een og:image?

“og” staat voor Open Graph, een standaard die Facebook ooit bedacht en die nu door de meeste platforms wordt gelezen, waaronder LinkedIn en WhatsApp. In de code van elke pagina staan een paar regels, die de bezoeker niet ziet:

• og:title: de titel die bij de link verschijnt;
• og:description: het korte tekstje eronder;
• og:image: het plaatje;
• og:url: het adres van de pagina.

Ontbreken deze regels, dan gaat het platform zelf zoeken. Het pakt dan de eerste afbeelding die het vindt, en dat is vaak het logo, een icoontje of een banner die er bijgesneden niet uitziet.

Het juiste formaat voor een og image

Facebook adviseert in zijn documentatie voor ontwikkelaars afbeeldingen van minstens 1200 bij 630 pixels, een verhouding van ongeveer 1,91 op 1. Kleiner kan, maar dan wordt het plaatje bij een gedeelde link soms als klein vierkantje getoond in plaats van over de volle breedte. Het bestand mag volgens dezelfde documentatie niet groter zijn dan 8 MB, maar dat haalt u met een goed opgeslagen JPG of WebP nooit.

Houd er rekening mee dat platforms het plaatje verschillend bijsnijden. Zet de belangrijke dingen (een gezicht, uw logo, een paar woorden tekst) daarom in het midden en laat ruimte aan de randen.

Stap voor stap instellen in WordPress

1. Kijk welke SEO-plugin u gebruikt

WordPress zelf zet geen Open Graph-gegevens in uw pagina’s. Bekende SEO-plugins zoals Yoast SEO, Rank Math en SEOPress doen dat wel. Heeft u er een, dan zit de instelling al in uw site. Gebruik er niet twee tegelijk, want dan krijgt u dubbele en tegenstrijdige regels.

2. Stel een standaardafbeelding in

In de instellingen van de SEO-plugin, meestal onder iets als “Sociaal” of “Social”, kunt u een standaard deelafbeelding kiezen. Die wordt gebruikt voor elke pagina waar u niets anders instelt. Maak hiervoor een aparte afbeelding van 1200 bij 630 pixels: bijvoorbeeld een sfeerfoto van uw bedrijf met uw logo klein in een hoek. Een kaal logo op een witte achtergrond werkt minder goed; dat ziet er in een tijdlijn verloren uit.

3. Kies per belangrijke pagina een eigen afbeelding

Onder elke pagina of elk bericht in de editor vindt u bij de SEO-plugin een tabblad voor sociale media. Daar kiest u een afbeelding, en eventueel een aparte titel en omschrijving voor het delen. Doe dat in elk geval voor de homepage, uw belangrijkste dienstpagina’s en blogartikelen die u zelf gaat delen.

4. Gebruik de uitgelichte afbeelding slim

Bij blogartikelen gebruiken de meeste SEO-plugins de uitgelichte afbeelding als deelafbeelding, als u niets anders kiest. Kies uitgelichte afbeeldingen dus met delen in het achterhoofd: liggend, niet te druk, onderwerp in het midden.

Het oude plaatje blijft hangen: zo ververst u het

U heeft alles goed ingesteld en toch verschijnt nog het oude plaatje. Dat komt doordat platforms de gegevens van een link een tijd bewaren. Zo dwingt u een nieuwe versie af:

• Facebook: plak het adres in de Sharing Debugger van Facebook (te vinden via developers.facebook.com) en kies om opnieuw te laten ophalen. Facebook schrijft zelf dat een vervangen afbeelding op hetzelfde adres niet altijd wordt bijgewerkt. Upload een nieuwe afbeelding daarom met een nieuwe bestandsnaam.
• LinkedIn: gebruik de Post Inspector van LinkedIn (linkedin.com/post-inspector). Die haalt de pagina opnieuw op en laat zien welke gegevens LinkedIn ziet. Berichten die al geplaatst zijn, houden vaak het oude plaatje.
• WhatsApp: hier is geen officieel hulpmiddel voor. Meestal ziet u de nieuwe versie na enige tijd, of als u de link in een nieuw gesprek deelt.

Hetzelfde verschijnsel kent u misschien van een favicon of een titel in Google die niet meteen verandert; zie favicon blijft de oude versie en Google toont een oude titel.

Veelgemaakte fouten

• Een staand portret als deelafbeelding. Daar blijft na bijsnijden een voorhoofd en een kin van over.
• Kleine tekst in de afbeelding. Op een telefoon is die onleesbaar.
• Een afbeelding die op een testomgeving staat of achter een wachtwoord. Platforms kunnen die niet ophalen.
• Een omschrijving die alleen “Home” of de naam van het thema bevat. Dat is de standaardtekst die niemand heeft aangepast.

Bij een nieuwe website meteen goed geregeld

Open Graph-gegevens horen bij de technische basis van een site, net als paginatitels en een sitemap. Wij nemen ze mee bij een SEO-vriendelijke website: een standaard deelafbeelding, en uitleg hoe u per pagina een eigen plaatje kiest.