Meta-Tag-Generator
Schreiben Sie Titel und Beschreibung einer Seite, sehen Sie, wie das Ergebnis bei Google auf Desktop und Smartphone aussieht, und kopieren Sie die fertigen Tags für den Head – einschließlich Canonical, Robots, hreflang und Social-Tags.
- Google-Vorschau
- In Pixeln gemessen
- Integrierte Checkliste
- Läuft in Ihrem Browser
Titel und Beschreibung
Die eine Adresse, unter der diese Seite bekannt sein soll – vollständig, mit https://.
Erscheint in der Vorschau über der Adresse und wird für og:site_name verwendet.
Google-Vorschau
Google kürzt Titel und Beschreibungen nach ihrer Breite in Pixeln, nicht nach der Zeichenzahl – breite Buchstaben wie W und M verbrauchen den Platz schneller. Die Vorschau misst Ihren Text auf dieselbe Weise. Google kann einen Titel trotzdem umschreiben oder eine andere Textstelle der Seite als Beschreibung wählen.
Checkliste
Teilen in sozialen Netzwerken
Suchmaschinen (robots)
noarchive: keine Kopie im Cache · nosnippet: kein Text unter dem Titel · noimageindex: Bilder dieser Seite bleiben aus der Bildersuche heraus · notranslate: keine übersetzte Fassung in den Ergebnissen.
Lassen Sie ein Limit leer, um den Standard zu verwenden. -1 bedeutet kein Limit, 0 bedeutet gar nichts. max-image-preview:large ist für große Bilder in Google Discover nötig.
Für Seiten mit Enddatum wie Angebote und Veranstaltungen (unavailable_after).
Sprache, Zeichensatz und Viewport
Ein Sprachcode wie en, en-US oder de-AT. Er gehört in das öffnende Tag: <html lang="en-US"> – das Codefeld erinnert Sie daran.
Sprachversionen (hreflang)
Führen Sie jede Sprachversion dieser Seite auf, auch diese Seite selbst. Jede Version muss dieselbe Liste enthalten. x-default benennt die Version für alle anderen.
Noch keine Sprachversionen.
Autor, Farben, Icons und mehr
Optional, durch Kommas getrennt. Google ignoriert dieses Tag seit 2009 und Bing wertet eine lange Liste als Spam-Signal – höchstens ein paar Wörter oder leer lassen.
Teilt dem Browser mit, welche Farbschemata Ihre Seite unterstützt.
Wie viel von der Adresse weitergegeben wird, wenn ein Besucher einem Link folgt.
Icons
HTML-Code
Aus vorhandenem HTML importieren
Der eingefügte Code wird nur als Text in Ihrem Browser gelesen. Skripte darin werden nie ausgeführt, nichts wird daraus geladen und nichts wird irgendwohin gesendet. Der Import ersetzt den aktuellen Inhalt des Formulars.
So erzeugen Sie Meta-Tags
Code und Vorschau aktualisieren sich beim Tippen.
- 1
Titel und Beschreibung schreiben
Geben Sie Seitentitel, Meta-Description, Canonical-URL und den Namen der Website ein. Die Vorschau zeigt, wo Google den Text auf dem Desktop und auf Smartphones abschneiden würde.
- 2
Ergänzen, was die Seite braucht
Schalten Sie Open-Graph- und X-Card-Tags ein, legen Sie die Robots-Regeln fest, listen Sie die Sprachversionen auf oder öffnen Sie die Abschnitte für Viewport, Theme-Farbe und Icons.
- 3
Prüfen und kopieren
Lesen Sie die Checkliste, beheben Sie die markierten Punkte, kopieren Sie dann den Code oder laden Sie ihn herunter und fügen Sie ihn in den <code><head></code> Ihrer Seite ein.
Der Head einer Seite, Tag für Tag
Nur Tags, die Browser und Suchmaschinen tatsächlich auswerten.
Vorschau des Suchergebnisses
Zeigt Titel, Adresse und Beschreibung als Google-Ergebnis für Desktop und Mobil. Der Text wird wie bei Google nach seiner Breite in Pixeln gekürzt, nicht nach der Zeichenzahl.
Checkliste mit Erklärungen
Meldet einen fehlenden oder zu langen Titel, eine zu kurze Beschreibung, eine relative oder http-Canonical, Tracking-Parameter in der Canonical, gesperrtes Zoomen und mehr.
Robots-Anweisungen
index oder noindex, follow oder nofollow, noarchive, nosnippet, noimageindex, notranslate, max-snippet, max-image-preview, max-video-preview und unavailable_after.
hreflang für Sprachversionen
Listen Sie jede Sprachversion mit ihrer Adresse auf, ergänzen Sie x-default und die Seite selbst. Die Checkliste meldet ungültige Codes, Duplikate und einen fehlenden Selbstverweis.
Social-Tags in einem Schritt
Ergänzt Open-Graph-Tags und den X-Card-Typ aus demselben Titel, derselben Beschreibung und demselben Vorschaubild – ohne zu wiederholen, was X ohnehin aus Open Graph liest.
Vorhandenes HTML importieren
Fügen Sie den Head oder den gesamten Quelltext einer Seite ein, und das Formular wird aus deren Tags befüllt. Der Code wird nur als Text gelesen; enthaltene Skripte werden nicht ausgeführt.
Privat
Alles läuft in Ihrem Browser. Was Sie eingeben, einfügen oder öffnen, wird nicht an einen Server gesendet.
Kostenlos, ohne Anmeldung
Kein Konto, keine Limits, kein Wasserzeichen – auf Smartphone, Tablet und Computer.
Welche Meta-Tags wichtig sind und was sie bewirken
Meta-Tags stehen im <head> einer Seite und beschreiben sie für Browser, Suchmaschinen und Apps. Zwei davon bestimmen, wie die Seite in den Suchergebnissen aussieht: der Title-Tag, der meist zur blauen Überschrift wird, und die Meta-Description, die oft als Text darunter erscheint. Der Titel ist zudem ein Rankingsignal. Die Description ist es nicht, aber eine klare Beschreibung kann mehr Klicks bringen. Google kann beide umschreiben, wenn es meint, dass ein anderer Text die Suchanfrage besser beantwortet.
Suchmaschinen zählen keine Zeichen. Ein Ergebnis hat eine feste Breite, deshalb wird ein Titel mit vielen breiten Buchstaben wie W und M früher abgeschnitten als einer mit vielen schmalen. Dieses Tool misst Ihren Text in Pixeln: etwa 580 px für einen Desktop-Titel, das sind rund 50 bis 60 Zeichen, und etwa 920 px für eine Desktop-Description, rund 150 bis 160 Zeichen. Smartphones zeigen weniger von der Beschreibung – stellen Sie das Wichtigste daher in den ersten Satz.
Häufige Fehler: derselbe Titel auf vielen Seiten; ein Titel nur in Großbuchstaben; eine Beschreibung, die den Titel wiederholt; ein noindex, das aus einer Testversion übrig geblieben ist und die Seite aus den Ergebnissen entfernt; eine Canonical-URL, die relativ ist, http verwendet oder noch Tracking-Parameter enthält; und ein Viewport-Tag, das das Zoomen sperrt – ein Problem für die Barrierefreiheit. Ein weiterer Klassiker ist das Keywords-Tag: Google ignoriert es seit 2009, eine lange Liste bringt also nichts und zeigt nur der Konkurrenz, worauf Sie abzielen.
Die wichtigsten Tags im Head
| Tag | Was es bewirkt | Empfehlung |
|---|---|---|
| <code><title></code> | Überschrift des Suchergebnisses und Beschriftung des Browser-Tabs | Pro Seite einzigartig, wichtige Wörter zuerst, etwa 50–60 Zeichen |
| <code>meta name="description"</code> | Vorgeschlagener Text unter der Überschrift | Ein oder zwei Sätze, etwa 150–160 Zeichen |
| <code>link rel="canonical"</code> | Nennt die bevorzugte Adresse der Seite | Eine vollständige https://-Adresse ohne Tracking-Parameter |
| <code>meta name="robots"</code> | Erlaubt oder sperrt Indexierung und Snippets | Weglassen, sofern Sie kein noindex und keine Begrenzung brauchen |
| <code>meta name="viewport"</code> | Passt das Layout an Smartphones an | <code>width=device-width, initial-scale=1</code>, Zoomen erlaubt |
| <code>link rel="alternate" hreflang</code> | Verknüpft die Sprachversionen einer Seite | Dieselbe Liste auf jeder Version, mit x-default |
Tipps
- Sie brauchen Artikel- oder Produktangaben, mehrere Bilder oder ein Video in der Link-Vorschau? Machen Sie im Open-Graph-Generator weiter.
- Gestalten Sie das Vorschaubild mit 1200 × 630 px im OG-Bild-Generator und die Icons im Favicon-Generator.
- Bereinigen Sie die Seitenadresse mit dem Canonical-URL-Generator, bevor Sie sie als Canonical verwenden, und ergänzen Sie strukturierte Daten mit dem Schema-Generator.
- Schreiben Sie den Titel zuerst für Menschen: Sagen Sie, was die Seite bietet, setzen Sie die Marke ans Ende und wiederholen Sie nicht dreimal dasselbe Wort.
Häufig gestellte Fragen
Keine Antwort gefunden? Schreiben Sie uns – wir antworten schnell.
Wie lang sollte ein Title-Tag sein?
Eine feste Zeichenzahl gibt es nicht. Google kürzt Titel nach der Breite, auf dem Desktop bei etwa 580 Pixeln – das sind meist 50 bis 60 Zeichen. Die Vorschau misst Ihren Titel in Pixeln und zeigt Ihnen, wann das Ende abgeschnitten wird.
Wie lang sollte eine Meta-Description sein?
Auf dem Desktop passen etwa 150 bis 160 Zeichen, auf Smartphones deutlich weniger. Stellen Sie die Kernaussage in den ersten Satz, damit sie auch auf kleinen Bildschirmen erhalten bleibt. Sehr kurze Beschreibungen werden oft durch einen Abschnitt der Seite ersetzt.
Helfen Meta-Tags bei der Suchmaschinenoptimierung?
Der Title-Tag ist ein Rankingsignal, und die Description beeinflusst, wie viele Menschen klicken. Robots- und Canonical-Tags steuern, welche Seiten unter welcher Adresse indexiert werden. Das Keywords-Tag hat bei Google keine Wirkung.
Wohin gehören die Meta-Tags?
In das <head>-Element der Seite, vor </head>. Der Zeichensatz sollte eine der ersten Zeilen sein. In einem Content-Management-System tragen Sie Titel und Beschreibung stattdessen meist in die SEO-Felder der Seite ein.
Warum zeigt Google einen anderen Titel oder eine andere Beschreibung?
Google baut das Ergebnis für jede Suche neu. Passt eine Überschrift oder ein Abschnitt der Seite besser zur Anfrage oder ist der Titel sehr lang, mit Keywords überladen oder auf vielen Seiten gleich, verwendet Google einen eigenen Text.
Werden meine Daten an einen Server gesendet?
Nein. Das Tool läuft vollständig in Ihrem Browser. Ihre Eingaben werden nicht hochgeladen, protokolliert oder auf unseren Servern gespeichert.
Weitere kostenlose SEO- und Website-Tools
Tags und Dateien erzeugen, Statuscodes, Weiterleitungen, DNS und Zertifikate prüfen – kostenlos und ohne Konto.