Meta-Tags-Generator

Title, Meta-Description, Canonical, robots, Open-Graph- und X-Karten-Tags für eine Seite erzeugen, fertig zum Einfügen in den <head>

Erstellt von Ahmet Bilgiç · Zuletzt aktualisiert: 27. September 2026

Seitentitel (die blaue Zeile im Suchergebnis)

Tags zum Einfügen in den <head>

Ihre Daten bleiben bei Ihnen. Die Umwandlung läuft im Browser; nichts wird an einen Server gesendet.

Hat dieses Werkzeug geholfen?

So funktioniert es

Schreiben Sie links den Titel der Seite und tragen Sie in die Felder darunter die Beschreibung, die vollständige Seitenadresse und die Adresse des Vorschaubilds ein; rechts entstehen die Tags sofort. Beispiel für einen Rezept-Blog: Titel "Pflaumenmus aus dem Backofen — Rezept ohne Rühren", zwei Sätze Beschreibung, die Adresse https://www.example.com/pflaumenmus und die Adresse des Titelfotos; als Inhaltstyp wählen Sie "Artikel". Das Werkzeug schreibt der Reihe nach <title>, meta description, robots, canonical, og:type, og:title, og:description, og:url, og:image, og:locale und die Zeilen der X-Karte. Enthält der Titel ein & oder Anführungszeichen, wird daraus & und ", das Tag bleibt gültig. Schreiben Sie die Bildadresse kurz als /img/titelbild.jpg, wird sie anhand der Seitenadresse zur vollen Adresse ergänzt, denn Facebook und WhatsApp lesen nur vollständige Bildadressen; fehlt die Seitenadresse, meldet das Werkzeug das. Eine Adresse ohne https://, etwa www.example.com, wird ergänzt. Die Ergebniszeile nennt die Länge von Titel und Beschreibung und warnt ab 60 beziehungsweise 160 Zeichen. Ohne Bild wird statt der großen X-Karte die kleine (summary) geschrieben. og:locale kommt aus der Sprache der Seite: hier de_DE. Ein meta keywords-Tag entsteht nicht, weil Google es nicht auswertet.

Dieses Werkzeug ist auch als meta tags generator, meta tags erstellen, open graph tags erstellen, meta description generator bekannt.

Was ist Meta-Description?

Die Meta-Description ist ein Tag im <head> einer Seite, das deren Inhalt in ein, zwei Sätzen zusammenfasst. Suchmaschinen zeigen sie oft als grauen Text unter dem blauen Titel im Suchergebnis. Sie ist kein direkter Rankingfaktor, entscheidet aber mit, ob jemand klickt. Google darf sie durch einen anderen Absatz der Seite ersetzen, wenn dieser besser zur Suchanfrage passt. Jede Seite sollte eine eigene Beschreibung haben; identische Texte auf vielen Seiten verschenken diese Wirkung.

Was ist Open Graph?

Open Graph ist ein von Facebook eingeführtes Schema aus Meta-Tags mit dem Präfix og:, das festlegt, wie eine Seite beim Teilen als Vorschaukarte aussieht: og:title, og:description, og:image, og:url, og:type und og:locale. Neben Facebook lesen WhatsApp, LinkedIn, Telegram, Slack und viele andere Dienste diese Tags. Fehlen sie, raten die Dienste Titel und Bild aus dem Seiteninhalt, oft mit einem zufälligen Logo oder ohne Bild. og:locale gibt Sprache und Region an, auf einer deutschen Seite de_DE.

Was ist der Unterschied zwischen meta description und og:description?

Die meta description richtet sich an Suchmaschinen: Google kann sie als Text unter dem Titel im Suchergebnis zeigen. og:description richtet sich an soziale Netzwerke und Messenger: Sie erscheint unter dem Titel der Vorschaukarte, wenn jemand den Link teilt. Beide dürfen denselben Text haben, und dieses Werkzeug schreibt ihn in beide Tags. Getrennt formulieren lohnt sich, wenn die Suche eine sachliche Zusammenfassung braucht und die geteilte Karte eine kürzere, neugierig machende Zeile; auf dem Handy wird og:description oft nach einer oder zwei Zeilen abgeschnitten.

Länge, Bildadresse und Maskierung: die drei häufigsten Fehler

Länge: Google veröffentlicht keine feste Zeichengrenze für Titel und Beschreibung; der angezeigte Text wird nach Bildschirmbreite gekürzt. In der Praxis endet ein Titel über etwa 60 Zeichen und eine Beschreibung über etwa 160 Zeichen am Desktop mit drei Punkten. Google muss Ihre Beschreibung auch nicht verwenden und kann einen besser passenden Absatz von der Seite zeigen; eine gut geschriebene Beschreibung erscheint aber meist unverändert.

Bildadresse: og:image braucht eine vollständige Adresse mit https://. Ein relativer Pfad wie /img/titelbild.jpg wird von WhatsApp und Facebook nicht gefunden, der Link erscheint ohne Bild. Empfohlen sind 1200×630 Pixel als JPG oder PNG; SVG-Bilder zeigen die meisten Plattformen nicht an, das Werkzeug warnt davor. Maskierung: Steht im Titel "Kaffee & Kuchen" oder ein Zitat in Anführungszeichen, zerstört das unmaskiert das HTML; das Werkzeug schreibt & und ".

"Kaffee & Kuchen" → Kaffee & Kuchen
/img/titelbild.jpg + https://www.example.com/rezept → https://www.example.com/img/titelbild.jpg
Kein Bild + große Karte → summary (kleine Karte)
SVG-Bild → Warnung: JPG oder PNG verwenden

Welches Tag wofür, und welches Sie brauchen

<title> und meta description sind die beiden Zeilen im Suchergebnis und gehören auf jede Seite. Canonical nennt der Suchmaschine die Hauptadresse, wenn derselbe Inhalt unter mehreren Adressen erreichbar ist (mit Parametern, Tracking-Zusätzen); dass jede Seite auf sich selbst zeigt, ist die sichere Voreinstellung. "index, follow" ist das Normalverhalten, auch ohne robots-Zeile; für eine Danke-Seite, einen Entwurf oder einen Mitgliederbereich wählen Sie "noindex".

Die og:*-Zeilen (Open Graph) bestimmen, wie ein Link in WhatsApp, Facebook, LinkedIn und Telegram als Karte erscheint: Titel, Beschreibung, Bild. Die twitter:*-Zeilen legen die Kartenart auf X fest; fehlen sie, greift X auf og:* zurück. In WordPress schreiben Plugins wie Yoast oder Rank Math diese Zeilen selbst; dann tragen Sie die Texte in die Felder des Plugins ein und fügen den Code nicht zusätzlich ein, sonst stehen die Tags doppelt im <head>.

Häufige Fragen

Wie lang dürfen Title und Meta-Description sein?

Eine feste Grenze gibt es nicht; Google kürzt nach Pixelbreite. Als Faustregel gelten etwa 60 Zeichen für den Titel und etwa 160 für die Beschreibung, danach wird am Desktop meist mit drei Punkten abgeschnitten. Die Ergebniszeile zeigt beide Längen und warnt, wenn eine davon darüber liegt.

Welche Größe sollte das og:image haben?

Empfohlen sind 1200×630 Pixel, also etwa das Seitenverhältnis 1,91 : 1, als JPG oder PNG. Die Adresse muss vollständig mit https:// angegeben sein. Nach einer Bildänderung zeigen Facebook und WhatsApp oft noch eine Zeit lang das alte Bild, weil sie die Vorschau zwischenspeichern.

Brauche ich noch das meta keywords-Tag?

Nein. Google wertet meta keywords seit Jahren nicht aus, und dieses Werkzeug erzeugt das Tag deshalb nicht. Wichtig für Suchergebnisse sind Title und Description, für geteilte Links die og:*-Zeilen mit einem Bild.

Werden meine Angaben an einen Server geschickt?

Nein. Die Tags entstehen vollständig in Ihrem Browser; Titel, Beschreibung und Adressen verlassen die Seite nicht und werden nirgends gespeichert. Das Werkzeug ruft auch Ihre Bildadresse nicht ab, es prüft also nicht, ob das Bild tatsächlich erreichbar ist.