Meta tags en Open Graph instellen in Webey
Leer hoe je meta tags, Open Graph en canonical URLs instelt in Webey voor betere vindbaarheid en social sharing.
Meta tags zijn onzichtbare stukjes informatie in de broncode van je pagina die zoekmachines en sociale media vertellen waar je pagina over gaat. Goed ingestelde meta tags verbeteren je vindbaarheid in Google en zorgen ervoor dat je pagina er aantrekkelijk uitziet wanneer iemand een link deelt op Facebook, LinkedIn of X (Twitter). In dit artikel leggen we stap voor stap uit hoe je meta tags instelt in Webey.
Wat zijn meta tags?
Meta tags zijn HTML-elementen in de <head> van je pagina die niet zichtbaar zijn voor bezoekers maar wel worden gelezen door zoekmachines en sociale platforms. De belangrijkste meta tags zijn:
- Meta title: de titel die wordt weergegeven in de zoekresultaten van Google en in het browsertabblad.
- Meta description: een korte samenvatting die onder de titel in de zoekresultaten verschijnt.
- Open Graph tags: tags die bepalen hoe je pagina eruitziet wanneer deze wordt gedeeld op sociale media.
- Canonical URL: vertelt zoekmachines welke versie van een pagina de originele is, om duplicate content te voorkomen.
Meta title instellen per pagina
De meta title is het allerbelangrijkste element voor SEO. Zo stel je deze in per pagina in Webey:
- Open de pagina in de editor.
- Klik op Pagina-instellingen (het tandwiel-icoon) in de werkbalk.
- Vul het veld Meta titel in.
- Houd de titel onder de 60 tekens — langere titels worden afgekapt in de zoekresultaten.
Best practices voor meta titles:
- Plaats je belangrijkste zoekwoord vooraan in de titel.
- Maak de titel uniek voor elke pagina — gebruik nooit dezelfde titel op meerdere pagina's.
- Voeg je merknaam toe aan het einde, gescheiden door een streepje: "Responsive Design Tips - Webey".
- Schrijf voor mensen, niet voor zoekmachines. De titel moet klikwaardig zijn.
Meta description schrijven
De meta description verschijnt als het tekstfragment onder de titel in Google. Hoewel Google deze niet direct als rankingfactor gebruikt, heeft een goede description wel invloed op je click-through rate (CTR).
- Ga naar Pagina-instellingen en vul het veld Meta beschrijving in.
- Houd de beschrijving onder de 160 tekens — langere teksten worden afgeknipt.
- Vat samen waar de pagina over gaat en waarom iemand zou moeten klikken.
- Gebruik een actieve schrijfstijl: "Leer in 5 stappen hoe je je Webey-site optimaliseert voor mobiel" in plaats van "Dit artikel gaat over responsive design".
- Vermijd dubbele descriptions — elke pagina verdient een unieke beschrijving.
Open Graph tags voor social sharing
Wanneer iemand een link naar je pagina deelt op Facebook, LinkedIn of andere sociale platforms, worden de Open Graph (OG) tags gebruikt om een preview te genereren. Webey ondersteunt de volgende OG-tags:
- og:title — de titel die wordt weergegeven in de social share. Standaard wordt je meta title gebruikt, maar je kunt een afwijkende titel instellen.
- og:description — de beschrijving in de social share. Standaard wordt je meta description gebruikt.
- og:image — de afbeelding die wordt getoond bij het delen. Dit is het meest impactvolle element van een social share.
Zo stel je de Open Graph afbeelding in:
- Ga naar Pagina-instellingen.
- Upload een afbeelding in het veld OG Image.
- Gebruik bij voorkeur een afbeelding van 1200x630 pixels — dit is het ideale formaat voor Facebook en LinkedIn.
- Zorg dat de afbeelding herkenbaar is, ook als thumbnail. Vermijd te kleine tekst op de afbeelding.
Twitter Card
X (voorheen Twitter) gebruikt eigen meta tags voor link previews, maar valt terug op Open Graph tags als er geen specifieke Twitter Card tags zijn ingesteld. Webey voegt automatisch de juiste twitter:card meta tag toe (summary_large_image) op basis van je OG-instellingen. Als je een OG-afbeelding hebt ingesteld, wordt deze ook op X correct weergegeven.
Canonical URL instellen
Een canonical URL vertelt zoekmachines welke versie van een pagina als de originele moet worden beschouwd. Dit is belangrijk wanneer dezelfde content bereikbaar is via meerdere URL's. In Webey stel je de canonical URL als volgt in:
- Ga naar Pagina-instellingen.
- Vul het veld Canonical URL in met de volledige URL (inclusief https://).
- Laat dit veld leeg als de huidige URL de primaire versie is — Webey stelt dan automatisch de canonical URL in op de huidige pagina-URL.
Canonical URLs zijn vooral nuttig bij meertalige sites. Webey koppelt vertalingen automatisch via het translationOf-veld en voegt hreflang tags toe, maar de canonical URL zorgt ervoor dat elke taalversie naar zichzelf verwijst als de primaire bron.
Hoe zoekmachines meta tags gebruiken
Zoekmachines zoals Google gebruiken meta tags om te begrijpen waar je pagina over gaat en om de weergave in de zoekresultaten te bepalen:
- Meta title: wordt als klikbare link weergegeven in de zoekresultaten. Google kan deze herschrijven als de titel niet goed aansluit bij de zoekopdracht.
- Meta description: wordt als snippet weergegeven. Google kan ook eigen snippets genereren op basis van de pagina-inhoud.
- Canonical URL: helpt Google bij het bepalen van de primaire versie van je content en voorkomt dat je site wordt bestraft voor duplicate content.
Resultaten controleren met Google Search Console
Na het instellen van je meta tags kun je met Google Search Console controleren hoe je pagina's worden weergegeven in de zoekresultaten. Gebruik de URL-inspectietool om te zien welke meta title en description Google heeft geïndexeerd. Als Google je meta tags heeft herschreven, kan dat een signaal zijn dat je titel of beschrijving niet goed genoeg aansluit bij de inhoud van de pagina.
Checklist meta tags
- Stel voor elke pagina een unieke meta title in (max 60 tekens).
- Schrijf voor elke pagina een unieke meta description (max 160 tekens).
- Upload een OG-afbeelding van 1200x630 pixels voor social sharing.
- Controleer de canonical URL bij pagina's die via meerdere paden bereikbaar zijn.
- Test je social share preview met tools zoals opengraph.xyz of de Facebook Sharing Debugger.
- Monitor je weergave in Google Search Console.