Terug naar Schema-implementatie

Meta Tags & Open Graph

Volledige technische gids voor AI-zoekoptimalisatie

Wat zijn Meta Tags?

Meta tags zijn codefragmenten in je HTML die je paginacontent beschrijven. Ze zijn onzichtbaar voor bezoekers maar zichtbaar voor zoekmachines en AI-platforms. Zie ze als labels die uitleggen waar je pagina over gaat.

Voor GEO-optimalisatie helpen meta tags AI-zoekmachines je contentcontext, doel en hoe het te tonen wanneer gedeeld te begrijpen. Goede meta tags verbeteren de vindbaarheid en presentatie van je content.

Essentiële Meta Tags

Meta Description

Een korte samenvatting van je paginacontent. Verschijnt in zoekresultaten en AI-zoekmachine antwoorden. 150-160 tekens is ideaal.

<meta name="description" content="Learn how to optimize your website for AI search engines with Bloffee's complete GEO optimization platform. Improve your content for ChatGPT, Claude, and other AI tools." />

Best Practices: Schrijf unieke beschrijvingen voor elke pagina. Voeg primaire keywords natuurlijk toe. Maak het overtuigend en nauwkeurig.

Title Tag

Je paginatitel verschijnt in browsertabs, zoekresultaten en wanneer gedeeld. 50-60 tekens aanbevolen. Voeg je merk en hoofdkeyword toe.

<title>Complete Guide to Meta Tags & Open Graph</title>

Canonical URL

Vertelt zoekmachines de voorkeursversie van je pagina. Voorkomt dubbele content problemen. Essentieel voor GEO.

<link rel="canonical" href="https://geo-score.online/learn/technical/meta-tags-complete" />

Robots Meta Tag

Regelt hoe zoekmachines en AI-bots met je pagina omgaan. Gebruik "index, follow" om volledige toegang toe te staan.

<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />

Open Graph Tags

Open Graph tags bepalen hoe je content verschijnt wanneer gedeeld op social media. Oorspronkelijk gemaakt door Facebook, nu gebruikt door veel platforms inclusief AI-tools.

Volledig Open Graph voorbeeld

<meta property="og:title" content="Complete Guide to Meta Tags" /> <meta property="og:description" content="Master meta tags and Open Graph for GEO optimization." /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://geo-score.online/learn/technical/meta-tags-complete" /> <meta property="og:image" content="https://geo-score.online/images/meta-tags-guide.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:site_name" content="Bloffee" /> <meta property="og:locale" content="en_US" /> <meta property="article:published_time" content="2025-01-10T00:00:00.000Z" /> <meta property="article:modified_time" content="2025-01-10T12:00:00.000Z" /> <meta property="article:author" content="Bloffee" />

Open Graph afbeeldingsvereisten

Je og:image is cruciaal. Het verschijnt wanneer content wordt gedeeld. Volg deze specificaties:

  • Aanbevolen grootte: 1200 x 630 pixels
  • Minimale grootte: 600 x 314 pixels
  • Maximale bestandsgrootte: 8 MB
  • Formaat: JPG of PNG
  • Beeldverhouding: 1.91:1

Twitter Card Tags

Twitter Cards werken vergelijkbaar met Open Graph maar zijn specifiek voor Twitter/X. Ze verbeteren hoe je links verschijnen op het platform.

Twitter Card voorbeeld

<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@bloffee" /> <meta name="twitter:creator" content="@bloffee" /> <meta name="twitter:title" content="Complete Guide to Meta Tags" /> <meta name="twitter:description" content="Master meta tags and Open Graph for GEO." /> <meta name="twitter:image" content="https://geo-score.online/images/meta-tags-guide.jpg" />

Twitter Card types

  • summary: Kleine vierkante afbeelding thumbnail
  • summary_large_image: Grote bannerafbeelding (aanbevolen)
  • app: Voor mobiele app promoties
  • player: Voor video/audio content

Geavanceerde Meta Tags voor GEO

Auteursinformatie

Help AI-zoekmachines auteurschap en autoriteit van content te begrijpen.

<meta name="author" content="Bloffee Team" /> <link rel="author" href="https://geo-score.online/about" />

Taal en Locale

Specificeer contenttaal voor internationale sites.

<html lang="en"> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="nl_NL" /> <meta property="og:locale:alternate" content="fr_FR" />

Charset en Viewport

Essentiële technische tags voor correcte weergave.

<meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

Volledige Meta Tags sjabloon

Gebruik deze sjabloon als startpunt voor al je pagina's:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Primary Meta Tags --> <title>Your Page Title | Brand Name</title> <meta name="title" content="Your Page Title | Brand Name"> <meta name="description" content="Clear description of your page content in 150-160 characters."> <meta name="author" content="Your Name or Company"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1"> <link rel="canonical" href="https://yoursite.com/page-url"> <!-- Open Graph / Facebook --> <meta property="og:type" content="article"> <meta property="og:url" content="https://yoursite.com/page-url"> <meta property="og:title" content="Your Page Title"> <meta property="og:description" content="Clear description for social sharing."> <meta property="og:image" content="https://yoursite.com/image.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:site_name" content="Your Brand"> <meta property="og:locale" content="en_US"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://yoursite.com/page-url"> <meta name="twitter:title" content="Your Page Title"> <meta name="twitter:description" content="Clear description for Twitter."> <meta name="twitter:image" content="https://yoursite.com/image.jpg"> </head> <body> <!-- Your content --> </body> </html>

Je Meta Tags testen

Test altijd meta tags voordat je publiceert:

Facebook Sharing Debugger

Test Open Graph tags: developers.facebook.com/tools/debug/

Twitter Card Validator

Test Twitter Cards: cards-dev.twitter.com/validator

LinkedIn Post Inspector

Test LinkedIn delen: linkedin.com/post-inspector/

Meta Tags snelle tips

  • •Schrijf unieke meta descriptions voor elke pagina
  • •Houd titels onder 60 tekens
  • •Gebruik hoogwaardige afbeeldingen voor og:image (1200x630px)
  • •Voeg altijd canonical URLs toe
  • •Test met debugging tools voordat je publiceert
  • •Update og:image wanneer je redesignt of rebrandt

Gerelateerde bronnen

Volledige gids voor Meta Tags & Open Graph voor AI-zoekopdrachten