OG Tag Generator
Generate Open Graph and Twitter tags
Empfohlen: unter 60 Zeichen
Empfohlen: 1200×630px
<!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image">
Über dieses Tool
Open Graph-Tags steuern, wie Ihre Seite erscheint, wenn sie auf sozialen Medien wie Facebook, LinkedIn und WhatsApp geteilt wird. Ohne sie raten Plattformen — und wählen oft das falsche Bild oder den falschen Titel.
Twitter Card-Tags dienen demselben Zweck für Twitter/X. Der Kartentyp summary_large_image zeigt ein prominentes Bild, ideal für Artikel und Blog-Beiträge. Das Bild sollte mindestens 1200×630 Pixel groß sein.
Anleitung
- Füllen Sie die Felder für Titel, Beschreibung und URL aus.
- Fügen Sie Bild-URL und Alt-Text für das soziale Vorschaubild hinzu.
- Wählen Sie OG-Typ, Sprache und Twitter Card-Einstellungen.
- Kopieren Sie die generierten Tags und fügen Sie sie in den <head>-Bereich Ihres HTML ein.
Anwendungsfälle
Web-Entwickler stellen sicher, dass neue Seiten beim Teilen korrekt angezeigt werden. Marketers gewährleisten attraktive Vorschauen. Blogger richten korrekte Bilder und Beschreibungen für Beiträge ein. SEO-Spezialisten optimieren soziale Metadaten.
Häufige Fragen
- Was ist der Unterschied zwischen OG- und Twitter Card-Tags? — OG-Tags werden von den meisten sozialen Plattformen wie Facebook, LinkedIn und WhatsApp verwendet. Twitter Card-Tags sind spezifisch für Twitter/X, aber Twitter verwendet OG-Tags als Fallback.
- Welche Bildabmessungen werden empfohlen? — 1200×630px wird empfohlen. Zu kleine Bilder können von Plattformen übersprungen werden. Die Dateigröße sollte unter 8 MB liegen.
- Welchen og:type-Wert sollte ich verwenden? — Verwenden Sie "website" für allgemeine Seiten und "article" für Nachrichten oder Blog-Beiträge. Weitere Werte sind video, music, book und profile.