Meta-Tag-Generator
Erzeuge Titel, Beschreibung, Canonical-Link sowie Open-Graph- und Twitter-Card-Tags für eine Seite.
Verwandte Tools
Meta-Tag-Generator
Fülle ein paar Felder aus, und dieser Generator schreibt den vollständigen Block an Meta-Tags für den <head> einer Seite: den Titel, die Meta-Beschreibung, den Canonical-Link, die Open-Graph-Tags, die bestimmen, wie ein Link beim Teilen auf Facebook oder LinkedIn aussieht, und die Twitter-Card-Tags für X. Kopiere das Ergebnis direkt in dein Template, und jede Social-Vorschau und jedes Suchergebnis ist an einer Stelle definiert.
Ausgegeben werden nur die Tags, die du tatsächlich ausfüllst, sodass keine leeren content-Attribute den Markup aufblähen. Trage einen Titel ein, und er erscheint gleichzeitig als <title>, og:title und twitter:title; ergänze eine Bild-URL, und sie speist og:image und twitter:image. Zwei Kontrollkästchen lassen dich den Open-Graph- oder Twitter-Block komplett weglassen, die Auswahlfelder setzen og:type — Website, Artikel, Produkt oder Profil — und den Twitter-Card-Stil, Zusammenfassung oder die Variante mit großem Bild, die die meisten Seiten wollen.
Jeder Wert wird beim Schreiben HTML-escaped, sodass Und-Zeichen, spitze Klammern und Anführungszeichen im Titel oder in der Beschreibung nie das umgebende Tag oder die Seite zerstören. Ziele auf einen Titel um 60 Zeichen und eine Beschreibung um 155, damit Suchmaschinen sie ungekürzt anzeigen; die Live-Zählung zählt beide beim Tippen mit. Verwende eine absolute https-Bild-URL, da Social-Crawler relative Pfade nicht auflösen können.
Alles entsteht in deinem Browser. Deine Titel, Beschreibungen und URLs werden nie an einen Server gesendet, sodass du Tags auch für unveröffentlichte oder interne Seiten vorbereiten kannst, ohne sie preiszugeben.