Open Graph Tags steuern, wie dein Inhalt in Social-Media-Vorschauen erscheint. Ohne sie erraten Plattformen Titel, Beschreibung und Bild — oft falsch.
Methode 1: Yoast SEO (empfohlen)
- Installiere und aktiviere Yoast SEO.
- Gehe zu Yoast SEO → Social.
- Aktiviere die Facebook- und Twitter-Tabs.
- Setze Standardbilder für Seiten ohne Beitragsbild.
Methode 2: Manuelle Implementierung
function add_open_graph_tags() {
if (is_singular()) {
global $post;
$title = get_the_title();
$url = get_permalink();
$image = get_the_post_thumbnail_url($post->ID, 'large');
echo '<meta property="og:title" content="' . esc_attr($title) . '" />' . "\n";
echo '<meta property="og:url" content="' . esc_url($url) . '" />' . "\n";
echo '<meta property="og:type" content="article" />' . "\n";
if ($image) {
echo '<meta property="og:image" content="' . esc_url($image) . '" />' . "\n";
}
}
}
add_action('wp_head', 'add_open_graph_tags');Best Practices
- Bilder mindestens 1200x630 Pixel für optimale Facebook-Darstellung
- og:title unter 60 Zeichen halten
- Immer ein Beitragsbild für jeden Beitrag setzen
Mit InspectWP überprüfen
Führe einen InspectWP-Scan durch, um zu prüfen, ob deine Open Graph Tags vorhanden und korrekt konfiguriert sind.