Über dieses Tool
Open Graph (OG)-Tags steuern, wie eine Seite angezeigt wird, wenn sie auf sozialen Plattformen geteilt wird. Facebook, LinkedIn, Slack, Discord und viele andere lesen OG-Tags, um Vorschaukarten zu erstellen. Ohne die richtigen OG-Tags sehen geteilte Links kaputt aus – generische Favicons, fehlende Bilder, abgeschnittene Titel. Mit ihnen sehen Aktien aufpoliert aus und die Klickraten verbessern sich deutlich.
Die standardmäßigen OG-Tags: og:title (der in der Vorschau angezeigte Titel), og:description (der Textausschnitt), og:image (das Vorschaubild, idealerweise 1200×630), og:url (kanonische URL), og:type (normalerweise „Website“ oder „Artikel“). Twitter-Karten-Tags-Ebene oben: twitter:card, twitter:title, twitter:description, twitter:image. Die meisten Tools greifen auf OG zurück, wenn Twitter-spezifische Tags fehlen.
Dieser Generator erstellt aus Ihrer Eingabe einen vollständigen Satz von OG- und Twitter-Card-Tags. Fügen Sie den resultierenden HTML-Code in den <head> der Seite ein. Das Ergebnis ist eine korrekte Vorschauwiedergabe auf allen wichtigen sozialen Plattformen.
Warum einen OG-Tag-Generator verwenden?
Seiten ohne OG-Tags sehen beim Teilen schlecht aus. Leeres Bild, allgemeiner Titel, fehlende Beschreibung – die Vorschau konkurriert schlecht mit ordnungsgemäß getaggten Seiten in Feeds. Bei Content-Marketing und Link-Sharing wirkt sich dies direkt auf die Klickrate aus.
Das handschriftliche Schreiben von OG-Tags ist repetitiv. Jede Seite benötigt einen eigenen Satz. Ein Generator, der aus wenigen Eingaben korrekte Tags generiert, vermeidet Tippfehler und fehlende Eigenschaften, die die Social-Previews beeinträchtigen.
Technische Details
OG-Tags verwenden das Meta-Property-Attribut (nicht den Namen): <meta property="og:title" content="..." />. Das Eigenschaftsattribut ist für OG erforderlich; Einige Parser akzeptieren den Namen als Fallback, aber die Eigenschaft ist korrekt.
Bildanforderungen: 1200 x 630 Pixel für Retina-Rendering, Seitenverhältnis 1,91:1. Die Tags og:image:width und og:image:height helfen Plattformen, Bilder korrekt zwischenzuspeichern. og:image:alt stellt barrierefreien Text bereit.
Twitter-Karten-Tags verwenden das Namensattribut: <meta name="twitter:title" content="..." />. Twitter greift auf OG-Tags zurück, wenn keine Twitter-spezifischen Tags vorhanden sind, sodass gut festgelegte OG oft ausreichen. Durch das Hinzufügen von twitter:card wird explizit der Kartentyp ausgewählt (summary_large_image ist am häufigsten).
Häufig gestellte Fragen
- Kann ich die generierte Ausgabe anpassen?
- Ja. Das Tool bietet verschiedene Anpassungsoptionen, um die Ausgabe an Ihre spezifischen Bedürfnisse anzupassen. Passen Sie die Einstellungen vor dem Generieren an oder führen Sie eine Neugenerierung mit verschiedenen Optionen durch.
- Ist die Nutzung der generierten Inhalte kostenlos?
- Ja. Alles, was Sie mit diesem Tool generieren, steht Ihnen zur Nutzung für persönliche, Bildungs- oder kommerzielle Zwecke ohne Einschränkungen oder Quellennachweispflichten zur Verfügung.
- Ist hierfür ein Konto erforderlich?
- Nein. Das Tool ist sofort einsatzbereit, ohne Anmeldung, ohne E-Mail und ohne Registrierung. Öffnen Sie einfach die Seite und beginnen Sie mit der Generierung.
- Werden meine Eingabedaten vertraulich behandelt?
- Ja. Die gesamte Verarbeitung erfolgt in Ihrem Browser. Ihre Eingabedaten und generierten Ausgaben werden niemals an einen externen Server gesendet.
- Kann ich für jede Seite dasselbe OG-Bild verwenden?
- Möglich, aber suboptimal. Seitenspezifische Bilder sind beim Durchklicken besser als generische Bilder für die gesamte Website. Verwenden Sie einen Standard als Fallback, erstellen Sie jedoch Bilder pro Seite für wichtige Inhalte.
- Ist eine Deklaration der Bildgröße erforderlich?
- Hilfreich, aber nicht unbedingt erforderlich. Mit og:image:width und og:image:height können Plattformen Bilder zwischenspeichern, ohne sie erneut abzurufen, um die Abmessungen zu bestimmen. Beschleunigt nachfolgende Freigaben.
- Werden meine Daten hochgeladen?
- Nein. Die Generierung erfolgt in Ihrem Browser.
- Wie teste ich OG-Tags?
- Der Facebook Sharing Debugger, der Twitter Card Validator und der LinkedIn Post Inspector rufen jeweils ab und validieren sie. Verwenden Sie sie nach der Bereitstellung neuer OG-Tags.