Entwickler-Tool

Meta-Tag-Generator

Füllen Sie die Felder aus und kopieren Sie die Tags in den Head Ihrer Seite.

Meta-Tag-Generator Läuft auf Ihrem Gerät
  • Läuft in Ihrem Browser — Ihr Text wird nirgendwohin gesendet
  • Ohne Anmeldung, ohne Kontingent, so oft nutzbar, wie Sie möchten

So funktioniert es

Es gibt drei sich überschneidende Tag-Gruppen, die fast dieselbe Aufgabe erfüllen: die klassischen SEO-Tags, Open Graph für Facebook, LinkedIn, WhatsApp und Slack sowie Twitter Cards. Sie von Hand zu schreiben bedeutet, sich dreimal zu wiederholen und eine zu vergessen.

Open Graph leistet die meiste Arbeit

Es betrifft nicht nur Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage und die meisten anderen Dienste, die einen Link aufklappen, lesen Open-Graph-Tags. Sind diese richtig, ist die Vorschau fast überall auf einmal behoben. Twitter Cards sind eine kleine Zusatzgruppe für X, das auf Open Graph zurückgreift, wenn sie fehlen.

Längen werden während der Eingabe geprüft

Etwa 60 Zeichen für einen Titel und 160 für eine Beschreibung, bevor Suchergebnisse kürzen. Das sind Richtwerte und keine harten Grenzen – Suchmaschinen messen Titel nach Pixelbreite, sodass ein Titel voller Großbuchstaben und Ms früher abgeschnitten wird als einer voller kleiner Ls. Die Warnung zeigt Ihnen, wann Sie im riskanten Bereich sind.

Das Bild wird gern vergessen

Ein Link ohne og:image erscheint in der Vorschau als nackter grauer Kasten, was die Klicks messbar senkt. Die URL muss absolut sein und mit https beginnen, weil die Seiten, die sie abrufen, nicht wissen, wie die Basis-URL Ihrer Seite lautet. Etwa 1200 mal 630 Pixel eignen sich für die Karte mit großem Bild.

Canonical-URL

Ein Canonical-Link teilt Suchmaschinen mit, welche Adresse die richtige ist, wenn dieselbe Seite auf mehreren Wegen erreichbar ist – mit und ohne abschließenden Schrägstrich, mit Tracking-Parametern, über http und https. Es ist eine einzeilige Lösung für eine ganze Klasse von Problemen mit doppeltem Inhalt.

Alles wird maskiert

Anführungszeichen und spitze Klammern in Ihrem Text werden korrekt maskiert, sodass eine Beschreibung mit Apostroph oder Anführungszeichen das Tag, in dem sie steht, nicht zerstören kann.

FAQ

Meta-Tag-Generator – Fragen

Brauche ich Twitter-Card-Tags zusätzlich zu Open Graph?

Nicht unbedingt – X greift auf Open Graph zurück. Die zusätzlichen Tags geben Ihnen Kontrolle darüber, welcher Kartenstil verwendet wird.

Wie lang sollte der Titel sein?

Etwa 60 Zeichen. Suchmaschinen kürzen nach Pixelbreite, sehen Sie es also als Richtwert und nicht als Regel.

Warum hat meine Link-Vorschau kein Bild?

Entweder fehlt og:image oder die URL ist relativ. Sie muss absolut sein und mit https beginnen.

Wohin gehören diese Tags?

In den <head> Ihrer Seite.

Warum aktualisiert sich meine Vorschau nicht?

Soziale Plattformen speichern stark zwischen. Die meisten bieten einen Debugger, der einen erneuten Abruf erzwingt.