ZenovayTools

Open Graph Generator

Generieren Sie Open Graph- und Twitter Card-Meta-Tags für die Freigabe in sozialen Medien. Livevorschau, wie Ihr Link auf Facebook, Twitter und LinkedIn angezeigt wird.

Open Graph

0/95
0/200

Image

Recommended: 1200×630 px (1.91:1 ratio)

Twitter Card

Live Preview

Fill in the fields to see how your link will look when shared

Paste these tags inside the <head> of your HTML document.

All processing happens in your browser. No data is sent to any server. Your URLs, titles, and image links are never stored or transmitted.

So verwenden Sie Open Graph Generator

  1. 1Geben Sie Ihren Seitentitel, die Beschreibung und die URL ein.
  2. 2Fügen Sie eine Bild-URL für die Social-Media-Vorschau hinzu.
  3. 3Konfigurieren Sie die Twitter Card-Einstellungen.
  4. 4Kopieren Sie die generierten Meta-Tags in den HTML-Header.
ZenovayAnalytics

Analytics ganz ohne Cookie-Banner.

  • Besucher-Tracking in Echtzeit
  • Datenschutz zuerst, kein Cookie-Banner
  • In zwei Minuten eingerichtet
Zenovay entdecken

Verwandte Tools

Meta-Tag-Analyzer
Analysieren Sie Meta-Tags von Webseiten. Überprüfen Sie Titel, Beschreibung, Open Graph, Twitter Cards und erhalten Sie SEO-Empfehlungen.
Open Graph Checker
Sehen Sie eine Vorschau an, wie Ihre Seite bei Freigabe auf Facebook, Twitter und LinkedIn aussieht. Überprüfen Sie alle OG und Twitter Card Tags.
HTTP-Header-Checker
Überprüfen Sie HTTP-Antwortheader jeder URL. Überprüfen Sie Sicherheits-Header, Caching, Content-Type und mehr.
Robots.txt-Validator
Validieren und analysieren Sie Ihre robots.txt-Datei. Überprüfen Sie Regeln, Sitemaps und häufige Crawling-Probleme.

Häufig gestellte Fragen

Was ist das Open Graph-Protokoll?▾
Open Graph (OG) ist ein von Facebook erstelltes Protokoll, das Webseiten ermöglicht, zu kontrollieren, wie sie in sozialen Medien angezeigt werden. Durch das Hinzufügen von OG-Meta-Tags zu Ihrem HTML-Header geben Sie den Titel, die Beschreibung, das Bild und die URL an, die Plattformen wie Facebook, LinkedIn und Twitter in Link-Vorschauen anzeigen.
Was sind erforderliche oder optionale Open Graph-Eigenschaften?▾
Erforderlich: og:title, og:type, og:image und og:url. Empfohlen: og:description, og:site_name, og:locale. Optional: og:image:width, og:image:height, og:image:alt. Für Artikel: article:author, article:published_time, article:section. Es gibt weitere Eigenschaften für bestimmte Inhaltstypen.
Was sind die bewährten Verfahren für og:image?▾
Empfohlene Größe: 1200x630 Pixel für optimale Anzeige auf allen Plattformen. Verwenden Sie hochwertige Bilder mit einem Seitenverhältnis von 1,91:1. Halten Sie die Dateigröße unter 8 MB. Verwenden Sie absolute URLs, keine relativen Pfade. Fügen Sie og:image:width und og:image:height für schnellere Darstellung ein. Testen Sie mit Facebooks Sharing Debugger.
Wie teste ich meine Open Graph-Tags?▾
Verwenden Sie Facebook Sharing Debugger (developers.facebook.com/tools/debug/), um OG-Daten zu testen und zu aktualisieren. Twitter Card Validator (cards-dev.twitter.com/validator) für Twitter-spezifische Tests. LinkedIn Post Inspector (linkedin.com/post-inspector/) für LinkedIn. Diese Tools zeigen genau, wie Ihre Link-Vorschau angezeigt wird.
Was ist der Unterschied zwischen Twitter Cards und Open Graph?▾
Twitter Cards verwenden twitter: präfixierte Meta-Tags. Open Graph verwendet og: präfixierte Tags. Twitter wird auf OG-Tags zurückgreifen, wenn keine Twitter-spezifischen Tags vorhanden sind. Wichtige nur für Twitter geltende Tags: twitter:card (summary oder summary_large_image), twitter:site, twitter:creator. Best Practice: Fügen Sie sowohl OG- als auch Twitter-Tags für maximale Kompatibilität ein.