Wat doet een open graph checker?
Een open graph checker leest de og-tags van een pagina uit en laat zien welk deelvoorbeeld LinkedIn, WhatsApp, Facebook en X daarvan maken: de afbeelding, de titel, de korte omschrijving en de naam van je site. Deze tool controleert ook of je afbeelding bereikbaar is en de goede maat heeft. Alles wat ontbreekt of te lang is, komt in een lijst.
Og-tags zijn een paar regels code in de kop van je pagina. Bezoekers zien ze nooit, terwijl elk platform waarop iemand je link plakt ze als eerste leest.
Waarom levert een verzorgd deelvoorbeeld meer klikken op?
Stel je voor dat een installateur een link naar zijn nieuwe pagina over warmtepompen in een WhatsApp-groep van de buurt zet. Met goede tags verschijnt er een foto van een warmtepomp aan een gevel, een duidelijke titel en een zin over wat het kost. Zonder tags verschijnt er een kaal adres, of een uitgerekt logo met de titel "Home".
Mensen besluiten in een halve seconde of ze ergens op tikken. Een link met een herkenbare afbeelding en een titel die zegt wat ze krijgen, ziet eruit als iets van een bedrijf dat zijn zaken op orde heeft. Een kale link ziet er eerlijk gezegd een beetje uit als spam.
Welke og-tags heb je nodig?
LinkedIn noemt in zijn hulppagina over gedeelde links vier tags die er moeten staan. Ik voeg er zelf twee aan toe:
- og:title: de titel in het voorbeeld. Houd hem onder de zestig tekens, dan wordt hij nergens afgekapt.
- og:description: één of twee zinnen over wat de lezer vindt. Je kunt dezelfde tekst gebruiken als voor Google, zie een goede meta description schrijven.
- og:image: de volledige URL van de afbeelding, met https ervoor.
- og:url: het vaste adres van de pagina, gelijk aan je canonical.
- og:type en og:site_name: meestal "website" of "article" en de naam van je bedrijf.
Voor X komt daar twitter:card bij, met de waarde summary_large_image voor een grote afbeelding. Ontbreken de andere twitter-tags, dan valt X terug op de og-tags.
Welke afmetingen moet de afbeelding hebben?
Gebruik 1200 bij 630 pixels. LinkedIn vraagt minimaal 1200 bij 627 pixels in een verhouding van 1,91 op 1 en met 1200 bij 630 zit je daar net boven. Facebook en WhatsApp gebruiken hetzelfde liggende formaat.
Houd de belangrijkste tekst en je logo in het midden, want sommige apps snijden de randen af of tonen een vierkante uitsnede. En houd het bestand ruim onder een megabyte.
Hoe lees je de uitkomst van de checker?
Bovenaan zie je de voorbeelden per platform. Kijk eerst of de afbeelding klopt, daarna de titel. Daaronder staat de lijst met punten. Rood betekent dat een tag ontbreekt of dat de afbeelding niet te laden is. Oranje betekent dat iets werkt en nog beter kan, zoals een afbeelding van 800 pixels breed of een titel die wordt afgekapt.
Staat er dat de checker terugvalt op je paginatitel en meta description, dan heb je geen og-tags. Het voorbeeld kan er dan redelijk uitzien, alleen bepaalt elk platform zelf wat het ervan maakt.
Hoe stel je og-tags in WordPress in?
Met Yoast SEO open je een pagina in de editor en ga je in het Yoast-blok naar het tabblad voor sociale media. Daar kies je een eigen afbeelding, titel en omschrijving. Stel in de algemene instellingen ook een standaardafbeelding in voor pagina's zonder eigen afbeelding.
Met Rank Math werkt het vergelijkbaar: in de snippet-editor van een pagina staat een tabblad voor sociale media en in de algemene instellingen voor titels en meta stel je een standaardafbeelding in.
Zonder SEO-plugin maakt WordPress zelf geen og-tags aan. Dan heb je een plugin nodig die dat doet, of een ontwikkelaar die de tags via het thema in de kop van elke pagina zet. Gebruik nooit twee plugins tegelijk die allebei og-tags schrijven, want dan staan de tags dubbel en kiest elk platform zelf welke het pakt.
Waarom toont LinkedIn nog het oude voorbeeld?
LinkedIn bewaart het voorbeeld van een link een tijd in het geheugen. Heb je de afbeelding of titel aangepast, dan blijft LinkedIn het oude voorbeeld tonen tot het de pagina opnieuw ophaalt. Plak je URL in de Post Inspector van LinkedIn en klik op Inspect: LinkedIn haalt de pagina dan opnieuw op en gebruikt het nieuwe voorbeeld bij de volgende keer dat iemand de link deelt.
Een bericht dat je al hebt geplaatst, houdt wel het oude voorbeeld. Wil je dat vervangen, dan moet je het bericht opnieuw plaatsen. WhatsApp bewaart voorbeelden ook een tijd en heeft geen knop om dat te verversen. Controleer je tags dus voordat je een link voor het eerst deelt.
Welke fouten zie ik het vaakst?
- Een logo als og:image, zodat het voorbeeld een klein wit vierkant met veel lege ruimte wordt.
- Een afbeelding op een adres dat alleen voor ingelogde gebruikers werkt, of een relatieve URL zonder domein.
- Dezelfde og:title op elke pagina, vaak de naam van het bedrijf.
Wat doe je hierna?
Deze checker kijkt naar één pagina op één moment. Doe hem voor je homepage, je belangrijkste dienstenpagina en elk artikel dat je gaat delen. Wil je ook weten hoe de rest van die pagina ervoor staat, doe dan de gratis SEO-check.
Findori controleert je hele site met ruim 25 technische punten en zet de verbeteringen klaar, zodat je dit niet per pagina hoeft te onthouden. Wat Findori verder doet, staat op de pagina met functies.