Was sind Open-Graph-Tags?

Open-Graph-Tags sind Meta-Elemente (og:title, og:description, og:image, og:url, og:type), die sozialen Apps sagen, wie eine Link-Vorschau aussehen soll. Ohne sie raten Facebook, LinkedIn und Slack oft einen schwachen Titel oder das falsche Bild.

Welche Open-Graph-Tags brauche ich?

Beginnen Sie mit og:title, og:type, og:image und og:url. Ergänzen Sie og:description, og:site_name und og:locale, wenn vorhanden. Dieser Generator gibt nur ausgefüllte Felder aus, plus og:type (Standard website).

Welche Größe sollte og:image haben?

Nutzen Sie eine absolute https-URL. 1200 x 630 Pixel ist das übliche Querformat für Facebook und LinkedIn. Kleinere Bilder werden oft beschnitten oder als Miniatur angezeigt.

Brauche ich auch Twitter-Card-Tags?

X (Twitter) kann Open Graph lesen, aber twitter:card, twitter:title, twitter:description und twitter:image geben Ihnen die Kontrolle. Schalten Sie die Option ein, um sie aufzunehmen. Mit Bild: summary_large_image; ohne Bild: summary.

Wohin füge ich das HTML ein?

Fügen Sie die Tags in den head des HTML-Dokuments ein (oder in die Metadata-API Ihres Frameworks). Sie müssen auf der öffentlichen URL stehen, die Sie als og:url setzen, damit Crawler sie sehen.

Verlässt mein Text das Gerät?

Nein. Der Open-Graph-Tag-Generator läuft vollständig in Ihrem Browser. Titel, URLs und Bilder werden nicht hochgeladen oder auf einem Server gespeichert.

SEO-Tools

Beliebt

Open-Graph-Tag-Generator

Erstellen Sie Open-Graph- und Twitter-Card-Meta-Tags im Browser.

Seitentitel

0 Zeichen

Beschreibung

0 Zeichen

Seiten-URL

Bild-URL

Empfohlen 1200 x 630 px. Nutzen Sie eine absolute https-URL.

og:type

Site-Name

Locale

Nutzen Sie das Open-Graph-Format wie en_US oder de_DE.

HTML-Tags

Füllen Sie Titel, Beschreibung, URL oder Bild aus, um Tags zu erzeugen.

Social-Vorschau

Bild-URL hinzufügen, um das Share-Bild anzuzeigen

www.example.com

Ihr Seitentitel

Ihre Beschreibung erscheint hier, wenn der Link geteilt wird.

Über Open-Graph-Tag-Generator

Erstellen Sie Open-Graph- und Twitter-Card-Meta-Tags im Browser. Geben Sie Titel, Beschreibung, URL, Bild, Typ, Site-Namen und Locale ein und kopieren Sie das HTML in den head, damit Facebook, LinkedIn, Slack und andere Apps eine saubere Share-Karte zeigen. Optionale Twitter-Card-Tags nutzen summary_large_image, wenn eine Bild-URL vorhanden ist. Nichts wird hochgeladen.

So verwenden Sie Open-Graph-Tag-Generator

Geben Sie Seitentitel, Beschreibung, kanonische URL und Bild-URL ein.
Wählen Sie einen og:type (website, article, product oder profile).
Fügen Sie optional einen Site-Namen und eine Locale hinzu (zum Beispiel de_DE).
Lassen Sie Twitter-Card-Tags an, sofern Sie nicht nur Open-Graph-Markup wollen.
Kopieren Sie das HTML und fügen Sie es in den head Ihrer Seite ein.

Beispiele für Open-Graph-Tag-Generator

Share-Karte für einen Artikel

Titel "Open-Graph-Tags für einen Artikel", Typ article, Bild 1200 x 630 und die Beitrags-URL erzeugen og:title, og:type, og:image und og:url zum Einfügen ins Template.

Startseite mit Site-Namen

Nutzen Sie Typ website, Ihre Marke als og:site_name und die Homepage-URL, damit Slack und LinkedIn die Marke unter dem Titel zeigen.

Produktseite

Typ product plus Titel, Beschreibung, URL und Hero-Bild ergibt eine shopähnliche Karte auf Facebook und iMessage.

Anführungszeichen und Kaufmännisches Und

Ein Titel wie Shop "A & B" wird zu Shop "A & B" escaped, damit das HTML nach dem Einfügen gültig bleibt.

Vollständigen Guide lesen

So verwenden Sie Open-Graph-Tag-Generator: Vollständiger Guide (2026) - 5 Min. Lesezeit

Häufig gestellte Fragen zu Open-Graph-Tag-Generator

Was sind Open-Graph-Tags?: Open-Graph-Tags sind Meta-Elemente (og:title, og:description, og:image, og:url, og:type), die sozialen Apps sagen, wie eine Link-Vorschau aussehen soll. Ohne sie raten Facebook, LinkedIn und Slack oft einen schwachen Titel oder das falsche Bild.
Welche Open-Graph-Tags brauche ich?: Beginnen Sie mit og:title, og:type, og:image und og:url. Ergänzen Sie og:description, og:site_name und og:locale, wenn vorhanden. Dieser Generator gibt nur ausgefüllte Felder aus, plus og:type (Standard website).
Welche Größe sollte og:image haben?: Nutzen Sie eine absolute https-URL. 1200 x 630 Pixel ist das übliche Querformat für Facebook und LinkedIn. Kleinere Bilder werden oft beschnitten oder als Miniatur angezeigt.
Brauche ich auch Twitter-Card-Tags?: X (Twitter) kann Open Graph lesen, aber twitter:card, twitter:title, twitter:description und twitter:image geben Ihnen die Kontrolle. Schalten Sie die Option ein, um sie aufzunehmen. Mit Bild: summary_large_image; ohne Bild: summary.
Wohin füge ich das HTML ein?: Fügen Sie die Tags in den head des HTML-Dokuments ein (oder in die Metadata-API Ihres Frameworks). Sie müssen auf der öffentlichen URL stehen, die Sie als og:url setzen, damit Crawler sie sehen.
Verlässt mein Text das Gerät?: Nein. Der Open-Graph-Tag-Generator läuft vollständig in Ihrem Browser. Titel, URLs und Bilder werden nicht hochgeladen oder auf einem Server gespeichert.

Meta-Description-Checker und SERP-Vorschau

Kostenloser SERP-Längen-Checker und Meta-Description-Vorschau. Live-Zeichenzähler und Google-Snippet-Vorschau - oder Entwurf generieren. Passt zum 150-160-Limit.

Slug-Generator

Verwandeln Sie jeden Titel oder Satz in einen sauberen, SEO-freundlichen URL-Slug. Kleinbuchstaben, Akzente entfernen und Bindestrich- oder Unterstrich-Trenner wählen - kostenlos, sofort und privat.

Keyword-Density-Checker

Analysieren Sie Keyword-Density in beliebigem Text. Sehen Sie Top-Wörter und 2-3-Wort-Phrasen mit Anzahlen und Density-Prozenten - kostenlos, sofort und privat.