Open Graph-afbeeldingen: zo oogt je pagina goed als hij gedeeld wordt

Facebook, LinkedIn en WhatsApp lezen bij het delen van een link een paar regels uit de broncode van de pagina: de Open Graph-tags. Ontbreken die, dan kiest het platform zelf iets van de pagina — een willekeurige afbeelding, een stuk tekst uit de footer, soms niets. Voor een kantoor dat vertrouwen moet uitstralen is dat geen goede binnenkomer, zeker niet richting een klant die voor het eerst kennismaakt met je kantoor via een gedeelde link.

Het meest zichtbaar wordt dit bij een kennisbankartikel of een dienstenpagina die je zelf doorstuurt. Deel je hem naar een klant of een collega, dan ziet die persoon een preview met een afbeelding die niets met het onderwerp te maken heeft, of helemaal geen afbeelding. Soms pakt het platform een logo uit de footer en rekt dat uit tot een formaat waar het nooit voor bedoeld was. Ook in Outlook en Gmail bouwen sommige mailprogramma's een linkkaart op basis van diezelfde tags, dus het beperkt zich niet tot social media alleen. Dat oogt rommelig, precies op het moment dat iemand voor het eerst naar je pagina kijkt.

Welke tags je instelt

Vier regels in de head van de pagina bepalen de preview: og:title, og:description, og:image en og:url. Titel en beschrijving mogen afwijken van de title-tag die Google toont — hier schrijf je voor het moment van delen, niet voor de zoekresultaten. De afbeelding verdient de meeste zorg: een vaste maat van 1200 bij 630 pixels, met een herkenbaar beeld of je logo erin. Een gestrekte foto of een screenshot met kleine tekst oogt op een voorbeeldkaart al snel wazig. Test de afbeelding ook in het vierkante formaat waarin sommige apps hem tonen, zodat er geen belangrijk detail buiten beeld valt.

Draait je site op WordPress, dan regelt een SEO-plugin dit meestal al voor je, maar dan moet het veld wel echt zijn ingevuld en niet leeg gelaten met de gedachte dat het platform zelf wel iets verzint. Bouw je zelf in de broncode, dan zet je de vier tags simpelweg in de head van elke pagina, met een eigen waarde per pagina in plaats van één vast sjabloon voor de hele site.

Waarom één plaatje voor de hele site niet werkt

Stel de tags in per pagina, niet één plaatje voor de hele site. Een dienstenpagina, een kennisbankartikel en de homepage vertellen elk een ander verhaal. Elke pagina verdient een eigen kaart. De homepage werkt het beste met een korte, duidelijke omschrijving van wie je bent, een artikel juist met de kern van dat ene onderwerp. Een kantoor met meerdere vestigingen kan zelfs per vestigingspagina een eigen foto van dat kantoor gebruiken, zodat een lokale lead meteen de juiste plek herkent in plaats van een generieke stockfoto die overal hetzelfde is.

Checken of de preview klopt

Los van het instellen wil je ook zien wat een klant straks te zien krijgt. Plak het linkadres in een linkpreview-tool, of stuur de link naar jezelf via WhatsApp om te zien wat er verschijnt. Klopt de afbeelding en de titel, dan staat het goed. Wijzig je een pagina, dan houdt een platform de oude preview soms nog een tijd vast in de cache. Herhaal de test daarom pas na een paar uur, anders concludeer je ten onrechte dat er iets mis is terwijl de wijziging allang staat.

Net als een favicon is dit een detail dat weinig kantoren zelf instellen, terwijl de impact duidelijk is zodra iemand een link deelt. Je ziet het zelf nooit. Een klant of collega ziet het wel, precies op het moment dat hij de link doorstuurt naar iemand anders. Voor een nieuwsbrief die je namens je kantoor verstuurt, telt dat net zo hard: een lezer die een artikel doorstuurt, stuurt ook meteen die voorbeeldkaart mee.

Contaqt Website stelt deze tags standaard goed in bij het opleveren van een klantensite, inclusief een eigen afbeelding per pagina die past bij de inhoud. Met Contaqt Site ziet je kantoor er ook goed uit op het moment dat een link wordt gedeeld.