Meta-Tag-Generator
HTML-Meta-Tags für SEO, Social und technische Nutzung erzeugen
100 % kostenlos. Läuft vollständig in deinem Browser: deine Dateien und Daten verlassen dein Gerät nie, und es wird nichts auf einen Server hochgeladen.
Über dieses Tool
Meta-Tags sitzen im Head einer Seite und sagen Suchmaschinen und Social-Plattformen, wie sie sie beschreiben sollen. Zwei davon leisten fast die ganze Arbeit. Der Title-Tag ist die klickbare Headline in Suchergebnissen und das stärkste On-Page-Signal, das du steuerst - Google rendert grob 60 Zeichen davon, alles darüber wird abgeschnitten und ist praktisch verschwendet. Die Meta-Description beeinflusst das Ranking nicht direkt, ist aber der Pitch unter dem Titel, und eine gute verbessert den Klick auf eine Position, die du schon hältst, spürbar; etwa 155 Zeichen sind das nutzbare Budget. Alles andere ist unterstützend: der Viewport-Tag für mobiles Rendering, Charset für Encoding, Robots-Direktiven für Index-Kontrolle. Ein Tag verdient eine klare Warnung - Meta Keywords wird von Google seit 2009 und von jeder anderen großen Engine seither ignoriert. Es auszufüllen tut gar nichts. Dieses Tool erzeugt korrekte Syntax aus Formularfeldern, in deinem Browser.
Prüfe eine Seite, bevor du sie veröffentlichst
- 1Die Seite auslesenZieh Überschriften, Links, Bilder und Metadaten.Öffnen
- 2Meta-Tags prüfenTitel und Beschreibung so, wie Suchmaschinen sie lesen.Du bist hier
- 3Die Share-Karte vorschauenSieh, wie sie in Social Media aussieht.Öffnen
- 4Screenshot machenSpeichere eine Aufnahme der fertigen Seite für dein Archiv.Öffnen
So verwendest du dieses Tool
- Schreib deinen TitelFühre mit dem, was die Seite wirklich bietet, halte ihn nahe 60 Zeichen und setze die unverwechselbaren Wörter zuerst, falls er abgeschnitten wird.
- Schreib deine DescriptionRund 155 Zeichen, die beschreiben, was jemand durch Klicken bekommt. Das ist ein Pitch an einen Menschen, kein Keyword-Slot.
- Die technischen Tags setzenViewport und Charset gehören auf jede Seite. Robots-Direktiven nur hinzufügen, wenn du Indexierung wirklich steuern willst.
- Das erzeugte HTML in deinen Head kopierenFüge es in das Head-Element ein, vor dem schließenden Tag. Dann prüfe, ob es rendert, indem du den Seitenquelltext ansiehst.
Warum es nutzen
- Erzeugt korrekte Syntax, sodass ein Tippfehler in einem Tag-Namen nicht still nichts tut.
- Zeichenzählung beim Tippen, sodass Titel und Descriptions in dem landen, was Suchmaschinen wirklich anzeigen.
- Deckt die technischen Tags ab, die leicht vergessen werden - Viewport, Charset, Robots.
- Läuft in deinem Browser ohne Konto.
- Die Ausgabe ist schlichtes HTML, das du in jede Site, jedes Framework oder CMS einfügen kannst.
Häufige Anwendungen
- Ordentliche Meta-Tags auf eine neue Seite setzen, bevor sie veröffentlicht wird.
- Seiten korrigieren, die einen generischen site-weiten Titel und Description teilen.
- Descriptions auf Seiten mit hohen Impressionen aber niedrigem Klick umschreiben.
- Eine noindex-Direktive auf eine Seite setzen, die aus Suchergebnissen bleiben soll.
- Tags für eine statische Site oder Landingpage ohne CMS erzeugen, das sie verwaltet.
Tipps für bessere Ergebnisse
- Jede Seite braucht eigenen Titel und Description. Duplizierte Tags über eine Site sind eines der häufigsten und schädlichsten SEO-Probleme.
- Frontlaste den Titel. Wenn er abschneidet, sind die Wörter am Anfang die, die überlebt haben.
- Schreib die Description für einen Menschen, der entscheidet, ob er klickt, nicht für einen Crawler, der Keywords zählt.
- Überspringe Meta Keywords komplett. Keine große Suchmaschine nutzt es seit über fünfzehn Jahren.
- Open-Graph- und Twitter-Card-Tags sind getrennt und steuern Social-Previews - nutze diese eigenen Generatoren neben diesem.
Fehler, die du vermeiden solltest
- Denselben Titel und Description über viele Seiten wiederzuverwenden, wodurch sie miteinander konkurrieren.
- Titel über 60 Zeichen zu schreiben, sodass der wichtige Teil in den Ergebnissen abgeschnitten wird.
- Keywords in die Description zu stopfen, was schlecht liest und dem Ranking nicht hilft.
- Meta Keywords auszufüllen und zu glauben, es tue etwas.
- Einen noindex-Tag auf eine Seite zu setzen, die du indexiert haben willst - ein kleiner Fehler mit totaler Wirkung.
- Meta-Tags außerhalb des Head-Elements zu platzieren, wo sie ignoriert werden.
Verfügbare Optionen
- Title
- Description
- Social meta tags
Häufig gestellte Fragen
Fülle die Felder oben aus - Titel, Description und beliebige technische Tags - und kopiere das erzeugte HTML in den Head-Bereich deiner Seite.
Ja. Kein Konto und kein Limit, und alles läuft in deinem Browser.
Rund 60 Zeichen. Google schneidet nach Pixelbreite statt einer festen Zahl ab, behandle 60 also als Orientierung und setze die wichtigsten Wörter zuerst, falls es abschneidet.
Etwa 155 Zeichen. Sie beeinflusst das Ranking nicht direkt, ist aber das, was jemanden zum Klicken überzeugt, daher verbessert eine gut geschriebene den Traffic auf derselben Position.
Nein. Google hat ihn 2009 aufgegeben und andere große Engines sind gefolgt. Ihn auszufüllen hat keinerlei Effekt - die Zeit ist besser in Titel und Description investiert.
In das Head-Element deiner Seite, bevor es schließt. Meta-Tags im Body werden ignoriert.
Wenn du gute Previews beim Teilen von Links willst, ja - es sind getrennte Tags mit eigenen Feldern. Der Open-Graph-Generator und der Twitter-Card-Generator übernehmen die.
Weil Google Descriptions umschreibt, wenn es denkt, ein anderes Snippet passe besser zur Suche. Das ist normal und oft nützlich - eine gut geschriebene Description wird trotzdem die meiste Zeit genutzt.
Andere suchen auch nach
- meta tag generator kostenlos
- seo meta tags html
- meta description länge
- title tag zeichenlimit
- meta tags für website
- html head seo tags
- funktionieren meta keywords noch