Open Graph tags instellen: Hoe je website er uitziet bij delen op social media
Een linkje op LinkedIn, een Facebook post, een WhatsApp-berichtje: jouw website verschijnt overal. Maar wat ziet de ontvanger eigenlijk?
Een saai, automatisch gegenereerd blokje? Of een aantrekkelijke preview met een scherpe titel, een goede omschrijving en jouw eigen afbeelding? Het verschil zit 'm in Open Graph tags.
Zonder ze lijkt je site als een grijze muis in de massa.
Met de juiste instellingen trek je direct de aandacht en verhoog je je klikfors. En ja, je hoeft er geen programmeur voor te zijn. In deze stap-voor-stap handleiding regel je het zelf, of je nu een WordPress site hebt of een ander systeem gebruikt.
Wat je nodig hebt voordat je begint
Je hoeft niet te wachten tot je een programmeur inhuurt. Open Graph tags instellen is makkelijker dan het klinkt. Pak even een halfuurtje tijd en zorg dat je dit bij de hand hebt:
- Toegang tot je website: Log in op je WordPress dashboard, of de backend van je CMS (Webflow, Shopify, etc.).
- Een SEO plugin (voor WordPress users): Yoast SEO of Rank Math zijn je beste vrienden. De meeste MKB sites draaien hierop.
- Goede afbeeldingen: Een heldere, representatieve afbeelding voor elke pagina. Denk aan een productfoto, een sfeerbeeld of je logo. Formaat: minimaal 1200 x 630 pixels. Hou het bestand klein (onder de 100KB).
- Scherpe teksten: Bedenk een titel (max 60 tekens) en een beschrijving (max 150 tekens) die nieuwsgierig maken.
- 5 tot 10 minuten tijd per pagina die je instelt.
Stap 1: Kies je methode (Plugin vs Handmatig)
De makkelijkste en meest betrouwbare manier is via een SEO plugin. Ruim 80% van de MKB sites in Nederland draait op WordPress.
Als jij dat ook doet, is dit je startpunt. Voor WordPress (Yoast of Rank Math):
Deze plugins hebben een ingebouwd Open Graph veld. Je vult het in en klaar is Kees.
Voor Webflow, Shopify of maatwerk:
Dan moet je handmatig code toevoegen. Dit klinkt spannend, maar het is een kwestie van copy-pasten in de <head> sectie van je site.
Veel CMS-en hebben hier een specifiek veld voor. Veelgemaakte fout: Zomaar lukraak plugins installeren die Open Graph claims te maken. Dat geeft conflicten. Kies er eentje en hou het bij.
Stap 2: De basis tags instellen
Elke pagina op je site heeft een eigen verhaal. Dus ook elke pagina verdient eigen Open Graph tags.
- og:title (De titel): Dit is de blauwe linktekst op social media. Maak ‘m pakkend, maar hou rekening met je SEO. Voorbeeld: "Google Ads Specialist in Noord-Holland | BRUTAEL Schagen". Hou het onder de 60 tekens.
- og:description (De omschrijving): Dit is de grijze tekst eronder. Vertel wat de bezoeker krijgt. Gebruik actieve taal. Voorbeeld: "Transparante Google Ads campagnes voor het MKB. Direct resultaat, geen wollig jargon. Vraag een gratis audit aan." Hou het kort, max 150 tekens.
- og:image (De afbeelding): Dit is je blikvanger. Gebruik een afbeelding van 1200 x 630 pixels (1.91:1 verhouding). Zorg dat je logo of een duidelijk product erop staat. Vermijd tekst op de afbeelding, tenzij het essentieel is (Facebook croppt namelijk).
We beginnen met de drie belangrijkste. Vul deze in voor je homepage of een belangrijke landingspagina. Tijdsindicatie: 5 minuten per pagina.
Veelgemaakte fout: Een te kleine afbeelding uploaden. Dan ziet Facebook je site er wazig uit en dat schrikt af.
Stap 3: De details die het hem doen (url en type)
Nu je de basis hebt, voeg je nog een paar tags toe die je site duidelijker maken voor sociale netwerken. Dit zorgt ervoor dat je link er professioneel uitziet.
- og:url: De exacte URL van de pagina. Gebruik altijd de HTTPS versie en eindig zonder slash. Voorbeeld: https://www.brutael.nl/google-ads
- og:type: Vertelt het sociale medium wat voor content het is. Meestal is 'website' prima. Als je een blogpost schrijft, kun je 'article' gebruiken.
- og:locale: Stel dit in op 'nl_NL' om aan te geven dat je site Nederlands is.
Deze tags zorgen ervoor dat LinkedIn en Facebook je content snappen. Het voorkomt dat ze een verkeerde titel of afbeelding kiezen.
Stap 4: Implementatie in WordPress (Yoast SEO)
Hier gaat het merendeel van de MKB bedrijven de mist in. Ze installeren Yoast, maar vullen de social velden niet in.
- Log in op je WordPress dashboard.
- Open de pagina of het bericht dat je wilt delen.
- Scroll naar beneden tot je het Yoast SEO blok ziet.
- Klik op het tabblad 'Social' (het Facebook-icoontje).
- Vul de titel en beschrijving in die je in Stap 2 hebt bedacht.
- Klik op 'Selecteer afbeelding' en upload of kies een afbeelding van minimaal 1200x630px.
- Sla de pagina op.
Dus doen we het nu goed. Pro-tip van een bureau als BRUTAEL: Doe dit voor elke pagina die je actief deelt. Vergeet ook niet een sterke interne linkstructuur op te bouwen voor je 'Over ons' en 'Contact' pagina's. Je weet nooit wanneer iemand die deelt.
Stap 5: Handmatig code toevoegen (Webflow, Shopify, Custom)
Geen WordPress? Dan voeg je de tags toe in de code. Dit doe je in de <head> sectie van je website.
Deze sectie vind je meestal in je template-bestand (index.html of layout). Plak de onderstaande code in je <head>.
<meta property="og:title" content="Jouw pakkende titel hier" /> <meta property="og:description" content="Jouw aantrekkelijke omschrijving hier" /> <meta property="og:image" content="https://www.jouwsite.nl/afbeelding.jpg" /> <meta property="og:url" content="https://www.jouwsite.nl/deze-pagina" /> <meta property="og:type" content="website" />
Vervang de inhoud tussen de aanhalingstekens met jouw info. Let op: Zorg dat de afbeeldings-URL een directe link is naar het bestand. Dus niet een pagina waar de afbeelding op staat, maar het .jpg of .png bestand zelf.
Stap 6: Verificatie en testen
Dit is de spannendste stap. Je wilt zien wat anderen zien. Test je werk direct.
- Ga naar de Facebook Sharing Debugger (zoek erop via Google).
- Paste de URL van je pagina in en klik op 'Debug'.
- Klik op 'Scrape Again' als je net iets hebt aangepast. Dit forceert Facebook om je nieuwe data te laden.
- Check of de titel, beschrijving en afbeelding kloppen.
- Test ook op LinkedIn via de LinkedIn Post Inspector.
Veelgemaakte fout: Vergeten te 'scrapen' na een aanpassing. Facebook onthoudt oude data. Scrape Always!
Checklist: heb je alles goed gedaan?
Loop deze lijst na voordat je tevreden bent. Als je alles afvinkt, ben je beter bezig dan 90% van de websites. Een bureau als BRUTAEL in Schagen controleert deze tags, en adviseert over hreflang tags voor meertalige websites, standaard voor al hun klanten. Waarom?
- ✓ Titel: Max 60 tekens, pakkend en uniek per pagina.
- ✓ Omschrijving: Max 150 tekens, actieve taal, nieuwsgierig makend.
- ✓ Afbeelding: Minimaal 1200 x 630 pixels, helder, geen kleine tekst.
- ✓ URL: Compleet en met https.
- ✓ Locale: ingesteld op nl_NL.
- ✓ Test: Geverifieerd in Facebook Debugger en LinkedIn Inspector.
- ✓ Mobile: Op een telefoon getest of de preview er goed uitziet.
Omdat een professionele uitstraling op social media direct invloed heeft op je click-through rate.
En die willen we omhoog.
Veelgestelde vragen over Open Graph
Q: Ik heb alles ingesteld, maar LinkedIn toont nog steeds een oude afbeelding. Wat nu?
A: Dit is het meest voorkomende probleem.
Ga naar de LinkedIn Post Inspector, voer je URL in en klik op 'Clear Cache'.
Daarna moet het goed komen. Q: Kan ik verschillende afbeeldingen hebben voor Facebook en Twitter?
A: Jazeker. Twitter gebruikt eigen tags (twitter:card, twitter:image).
Die kun je naast je Open Graph tags plaatsen. Handig als je een vierkante afbeelding voor Twitter wilt.
Q: Wat als ik geen afbeelding heb?
A: Dan kiest Facebook een willekeurige afbeelding van je pagina. Dat ziet er meestal rommelig uit. Zorg altijd voor een hero-image. Geen tijd? Schakel een specialist in.
Een bureau zoals BRUTAEL regelt dit in een mum van tijd. Q: Helpt dit ook met SEO?
A: Direct niet, maar indirect wel.
Een hogere click-through rate vanaf social media zorgt voor meer verkeer. En Google houdt van verkeer, zeker wanneer je waardevolle content deelt die organisch scoort.
Wanneer schakel je een expert in?
Je hebt nu de basiskennis om je Open Graph tags te regelen. Maar soms loopt het spaak.
Je CMS is weerbartig, of je wilt gewoon dat het meteen goed is. Dan is het slim om een specialist te bellen. Een bureau als BRUTAEL uit Schagen doet dit dagelijks.
Als Google Partner en Meta Business Partner weten ze precies hoe ze je website er perfect uit moeten laten zien bij delen.
Hun aanpak is simpel: Strategie, Testen, Optimaliseren. Ze zijn transparant en eerlijk. Geen wollig jargon, maar resultaat.
Of je nu in Alkmaar, Den Helder of Hoorn zit: ze helpen het MKB in heel Noord-Holland online groeien. Bel ze gerust op 085 124 9188 of check hun site op www.brutael.nl.
Succes met het instellen van je tags! Je bent nu een stap verder.