TF

Entwickler-Tools

Meta-Tag-Generator mit Open-Graph-Vorschau

SEO-, Open-Graph- und X-Card-Tags schreiben und sehen, wie Links auf Google, Facebook, X, LinkedIn und Slack aussehen.

Von einer bestehenden Seite ausgehen
44/60
113/160
TToolForgehttps://toolforge.example/

ToolForge — Free Online Tools That Just Work

Fast, private browser tools for developers and everyday tasks: JSON, encoders, generators, calculators, and more.

Die Vorschauen zeigen ungefähr, wie jede Plattform einen Link darstellt. Plattformen speichern Karten zwischen, Änderungen erscheinen daher evtl. verzögert.

Was ist dieses Tool?

Links in sozialen Netzwerken und Chat-Apps nutzen Open-Graph-Tags, um Titel, Beschreibung und Bild anzuzeigen. Fülle die Felder aus – oder füge das HTML einer Seite ein, um ihre bestehenden Tags auszulesen – und sieh vor der Veröffentlichung, wie der Link auf Google, Facebook, X, LinkedIn und Slack erscheint.

Der Generator schreibt die Standard-Tags für Titel und Beschreibung, einen Canonical-Link, Open-Graph-Tags (genutzt von Facebook, LinkedIn, WhatsApp, Slack, Discord und anderen) sowie Twitter/X-Card-Tags. Werte werden automatisch HTML-maskiert.

Nutze ein Teilen-Bild mit 1200 × 630 Pixeln und einer absoluten https://-URL. Die Vorschauen sind gute Näherungen; Plattformen ändern ihr Layout und speichern Karten zwischen, daher hilft bei bereits geteilten Links der Debugger der jeweiligen Plattform.

So verwendest du: Meta-Tag-Generator & OG-Vorschau

  1. Titel, Beschreibung, URL und Teilen-Bild eingeben – oder bestehendes HTML unter „Von einer bestehenden Seite ausgehen“ einfügen.
  2. Auf die Zeichenzähler achten: Titel über 60 und Beschreibungen über 160 Zeichen werden wahrscheinlich gekürzt.
  3. Zwischen den Vorschauen für Google, Facebook, X, LinkedIn und Slack wechseln.
  4. Die erzeugten Tags in den <head> deiner Seite kopieren.

Beispiele

Open-Graph-Tags

<meta property="og:title" content="My Page" />
<meta property="og:description" content="What the page is about" />
<meta property="og:image" content="https://example.com/og.png" />

Häufige Fragen

Kann es die Tags einer Live-Website lesen?

Browser verhindern, dass Seiten andere Websites abrufen. Füge stattdessen das HTML ein: Seite öffnen, Quelltext anzeigen, alles kopieren und bei „Von einer bestehenden Seite ausgehen“ einfügen.

Wie groß sollte mein Open-Graph-Bild sein?

1200 × 630 Pixel (Seitenverhältnis 1,91:1) funktioniert auf allen großen Plattformen. Halte wichtigen Text von den Rändern fern, da manche Apps das Bild beschneiden.

Brauche ich Open-Graph- und Twitter-Tags?

X greift für die meisten Felder auf Open Graph zurück, aber twitter:card bestimmt den Kartenstil – deshalb erzeugt der Generator beides.

Beeinflussen Meta-Tags das Google-Ranking?

Der Titel beeinflusst Ranking und Klicks stark, die Beschreibung die Klicks. Open-Graph-Tags wirken nicht aufs Ranking, machen geteilte Links aber deutlich klickstärker.

Später mehr Funktionen gewünscht?

Premium-Tools, höhere Limits und API-Zugang sind geplant. V1 bleibt kostenlos und privat in deinem Browser.