Ga naar hoofdinhoud

Scan issue

Je site ziet er niet uit als iemand hem deelt.

Stuurt een klant je link door in WhatsApp, dan bouwt de app een kaartje met een afbeelding, een titel en een regel tekst. Ontbreken die, dan blijft er een kale link over of een leeg grijs vlak.

Uitleg

Wat is een social preview?

Als je een link plakt in WhatsApp, LinkedIn, Slack, Facebook of een mailprogramma, haalt die app je pagina op en zoekt naar drie meta-tags in de head: og:title, og:description en og:image. Die drie samen vormen het voorbeeldkaartje dat de ontvanger ziet nog voor hij klikt. De afkorting og staat voor Open Graph, een standaard die Facebook in 2010 introduceerde en die inmiddels door vrijwel elk platform gelezen wordt.

Het is puur een kwestie van drie regels in je HTML. De afbeelding hoeft nergens anders op je site te staan en telt niet mee voor je laadtijd: hij wordt alleen opgehaald door het platform dat de preview bouwt, niet door bezoekers van je site.

Impact

Waarom dit telt voor jouw site.

Een gedeelde link met een beeldkaartje krijgt merkbaar meer kliks dan een kale URL. Dat is logisch: de ontvanger ziet waar hij naartoe gaat. Bij een naakte link moet hij op goed vertrouwen tikken, en in een tijd waarin iedereen op zijn hoede is voor rare links doet lang niet iedereen dat.

Voor lokale bedrijven is dit vaak de belangrijkste manier waarop nieuwe klanten binnenkomen. Iemand vraagt in een buurtapp of een familiegroep om een tip, en een tevreden klant stuurt jouw link door. Dat is de warmste aanbeveling die er is. Precies op dat moment bepaalt je preview hoe je overkomt.

Er is nog een reden die makkelijk over het hoofd gezien wordt: als je zelf geen og:image instelt, kiest het platform er soms een. Vaak wordt dat de eerste afbeelding die het tegenkomt, en dat is regelmatig een logo op een witte achtergrond, een pictogram of een half afgesneden foto uit je footer.

Oplossen

Zo zet je het goed.

Eén keer instellen dekt meteen WhatsApp, LinkedIn, Facebook, Slack en de meeste mailprogramma's.

01

Maak een afbeelding van 1200 bij 630 pixels

Dat is de verhouding die vrijwel elk platform gebruikt. Zet er iets op dat werkt op postzegelformaat: je naam, wat je doet, eventueel een sterk beeld. Kleine tekst en fijne details verdwijnen, want in een appje is die kaart soms maar 300 pixels breed.

02

Zet de drie tags in de head

og:title, og:description en og:image, plus og:url met de canonieke URL. Gebruik voor og:image een absolute URL die met https:// begint; een relatief pad werkt bij de meeste platforms niet.

03

Geef elke belangrijke pagina een eigen kaart

Eén preview voor je hele site is beter dan geen, maar je diensten- en contactpagina verdienen hun eigen titel en omschrijving. In de meeste CMS'en en frameworks is dat een instelling per pagina, geen extra werk per keer.

04

Voeg twitter:card toe voor X

Zet twitter:card op summary_large_image. Zonder die tag toont X een klein vierkant miniatuurtje in plaats van de brede kaart, ook als je og:image wel klopt.

05

Controleer het resultaat

De Sharing Debugger van Facebook en de Post Inspector van LinkedIn laten zien wat zij ophalen. Beide hebben een knop om opnieuw op te halen, want ze onthouden je oude kaart soms wekenlang.

Veelgestelde vragen

Ik heb het aangepast, maar in WhatsApp zie ik nog het oude kaartje.

Platforms bewaren wat ze eerder ophaalden, soms weken. Gebruik de Sharing Debugger van Facebook of de Post Inspector van LinkedIn om je pagina opnieuw te laten ophalen. WhatsApp leunt op de cache van Facebook, dus die twee lossen elkaar op.

Moet ik voor elke pagina een aparte afbeelding maken?

Nee. Eén goede afbeelding voor de hele site is al een grote verbetering. Titel en omschrijving per pagina laten variëren levert meer op dan per pagina een eigen beeld maken.

Kost dit extra laadtijd voor bezoekers?

Nee. De afbeelding wordt alleen opgehaald door het platform dat de preview bouwt. Een gewone bezoeker van je site downloadt hem nooit.

Gratis scan

Heb je al een site? Scan 'm gratis voor we starten.

Negen checks op techniek, commercieel en marketing. Het rapport vormt het startpunt van ons gesprek, met cijfers in plaats van aannames.