Open Graph tags toevoegen in WordPress
WordPress voegt zelf géén Open Graph tags toe. Deel je een kale WordPress-pagina, dan bepaalt Facebook of LinkedIn zelf wat er in de preview komt — vaak het verkeerde plaatje. Er zijn twee routes: een SEO-plugin (makkelijk, aanbevolen) of handmatig met code.
De gratis checker toont je previews voor X, LinkedIn, Facebook, Slack en Discord.
Route 1 (aanbevolen): gratis SEO-plugin
Installeer Yoast SEO of Rank Math (beide gratis). Die genereren automatisch og:-tags voor elke pagina, met je uitgelichte afbeelding als og:image. Per pagina/bericht kun je in het plugin-paneel onder "Social" een afwijkende titel, omschrijving en afbeelding instellen.
Stel een site-brede fallback in
Zet in de plugin-instellingen een standaard social-afbeelding (1200×630) voor pagina's zonder uitgelichte afbeelding. Dan is er nooit een lege preview.
Route 2: handmatig met code
Wil je geen plugin, dan kun je tags printen via de wp_head-hook in functions.php van je (child-)thema. Zie het codevoorbeeld hieronder. Dit is alleen verstandig als je weet wat je doet — een plugin-update kan niet stuk, je eigen code wel.
Controleer het resultaat
Plak een pagina-URL in de MetaPeek-checker. Zie je dubbele tags of een verkeerde afbeelding, kijk dan bij "Veelgemaakte fouten" hieronder.
Codevoorbeeld
// functions.php van je child-thema — alleen als je GEEN SEO-plugin gebruikt
add_action('wp_head', function () {
if (!is_singular()) return;
$title = esc_attr(get_the_title());
$url = esc_url(get_permalink());
$img = esc_url(get_the_post_thumbnail_url(null, 'large'));
$desc = esc_attr(wp_trim_words(get_the_excerpt(), 25));
echo "<meta property='og:title' content='{$title}' />\n";
echo "<meta property='og:description' content='{$desc}' />\n";
echo "<meta property='og:type' content='article' />\n";
echo "<meta property='og:url' content='{$url}' />\n";
if ($img) echo "<meta property='og:image' content='{$img}' />\n";
echo "<meta name='twitter:card' content='summary_large_image' />\n";
});Veelgemaakte fouten
- Dubbele tags door plugin + eigen codeTwee sets og:-tags op één pagina geeft onvoorspelbare previews. Kies één route: óf de plugin, óf handmatige code — nooit beide.
- Caching-plugin serveert oude HTMLPlugins als WP Rocket of W3 Total Cache kunnen oude pagina's met oude tags serveren. Leeg de cache na elke wijziging.
- Thema print al eigen tagsSommige thema's hebben ingebouwde "social meta". Check met MetaPeek of er al tags staan vóór je een plugin toevoegt.
Veelgestelde vragen
Welke plugin is het beste voor Open Graph?
Voor alleen og:-tags maakt het weinig uit: Yoast SEO en Rank Math doen het allebei prima in de gratis versie. Kies degene die je toch al gebruikt voor SEO.
Waarom toont Facebook nog steeds de oude afbeelding?
Facebook cachet previews per URL. De nieuwe tags staan er waarschijnlijk goed in (controleer met MetaPeek); de cache ververst vanzelf, of forceer het via Facebooks Sharing Debugger met "Scrape Again".
Moet ik betalen voor social previews?
Nee. De gratis versies van de grote SEO-plugins regelen Open Graph volledig.
Plak je URL en zie binnen twee seconden of alles klopt — op elk platform.