Open-Graph-Tag-Generator — Kostenlos online

Erstellen Sie Open-Graph-Meta-Tags für ansprechende Social-Media-Vorschauen.

Die Ergebnisse dienen nur zu Informationszwecken und können Fehler enthalten. Bitte überprüfen Sie wichtige Informationen unabhängig. Die Nutzung dieses Tools erfolgt auf eigene Gefahr.

Was dieses Tool macht

Der Open-Graph-Tag-Generator schreibt die og:-Meta-Tags, die bestimmen, wie ein Link aussieht, wenn er auf Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram und in vielen anderen Apps geteilt wird. Geben Sie Titel, Beschreibung, kanonische URL und Bild-URL ein, wählen Sie einen Typ (website, article, product oder profile) und kopieren Sie die Tags in den <head> der Seite.

Es werden nur die Felder ausgegeben, die Sie ausgefüllt haben, und Sonderzeichen werden escaped. Ohne Open-Graph-Tags raten Apps einen Titel und wählen ein beliebiges Bild von der Seite – oder zeigen gar keine Vorschau an. Das wichtigste Tag ist og:image: Ein aussagekräftiges Bild mit 1200 × 630 Pixeln erhöht die Wahrscheinlichkeit deutlich, dass ein geteilter Link angeklickt wird.

Wann Sie es verwenden

  • Sie bereiten einen Blogartikel, eine Produktseite oder eine Landingpage für das Teilen in sozialen Netzwerken vor.
  • Sie korrigieren eine Link-Vorschau, die das falsche Bild oder einen veralteten Titel zeigt.
  • Sie ergänzen Share-Vorschauen für eine Single-Page-App, die Inhalte per JavaScript rendert.
  • Sie richten Link-Karten für eine Dokumentationsseite ein, die in Slack oder Discord geteilt wird.

Beispiel

Eingabe

Titel: Free JSON Formatter
Beschreibung: Format and validate JSON in your browser.
URL: https://4dev.net/json-formatter
Bild-URL: https://4dev.net/og/json-formatter.png
Typ: website

Ausgabe

<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>

Fragen zu diesem Tool

Ich habe die Tags aktualisiert, aber es wird noch die alte Vorschau angezeigt. Warum?

Plattformen speichern Vorschauen im Cache. Lassen Sie die Seite mit dem Facebook Sharing Debugger oder dem LinkedIn Post Inspector neu abrufen. Slack und WhatsApp aktualisieren die Vorschau nach einer Weile von selbst.

Brauche ich zusätzlich Twitter-Card-Tags?

X (Twitter) greift auf Open-Graph-Tags zurück. Für die Darstellung mit großem Bild sollten Sie aber <meta name="twitter:card" content="summary_large_image"/> ergänzen.

Muss die Bild-URL absolut sein?

Ja. Verwenden Sie die vollständige https://-Adresse. Relative Pfade werden von den meisten Crawlern nicht aufgelöst, und das Bild muss ohne Login öffentlich erreichbar sein.

Helfen Open-Graph-Tags bei der SEO?

Nicht direkt – Suchmaschinen ranken anhand von Titel, Beschreibung und Inhalt. Die Tags erhöhen aber die Klickrate geteilter Links und bringen so Besucher. Die Tags für Suchmaschinen setzen Sie mit dem Meta-Tag-Generator.

Ist dieses Tool kostenlos?

Ja, es ist kostenlos. Ohne Anmeldung und ohne E-Mail. Ergebnisse direkt auf dieser Seite.

Wie erhalte ich mein Ergebnis?

Nutze das Tool auf dieser Seite. Das Ergebnis erscheint hier und wird nicht per E-Mail zugestellt.