Meta-Tag-Generator
Nur die Tags, die noch wirken
Dieser Meta-Tag-Generator schreibt den Head-Block für eine Seite: Title, Description, Canonical, Robots und die zwei Tags, die jeder Browser braucht. Dabei misst er Ihren Titel beim Tippen in Pixeln, sodass später nichts abgeschnitten wird.
- KostenlosPreis
- 9Tags
- KeineAnmeldung
- KeineUploads
Meta-Tag-Generator
Die Head-Tags, die jede Seite braucht, in der richtigen Reihenfolge
Zielen Sie auf 50 bis 60 Zeichen.
Zielen Sie auf 120 bis 155 Zeichen.
- Tags
- 0
- Title
- 0 px
- Description
- 0 px
Bereit. Tragen Sie einen Titel ein, und der Block baut sich von selbst auf.
Welche Meta-Tags noch zählen
Eine Seite braucht weit weniger Head-Tags, als die meisten Templates mitbringen. Fünf leisten echte Arbeit. Der Rest wurde vor Jahren aus einem Tutorial kopiert und nie hinterfragt.
Die fünf sind einfach: Charset, Viewport, Title, Description und Canonical. Zwei davon sprechen mit dem Browser, drei mit Suchmaschinen.
Alles andere ist optional. Robots zählt, wenn Sie den Standard ändern wollen, und die Theme-Farbe zählt auf dem Smartphone. Author und Keywords ändern dagegen gar nichts.
Deshalb schreibt dieser Generator absichtlich einen kurzen Block. Google führt eine eigene Liste der Tags, die es versteht, und sie ist kürzer, als die meisten erwarten.
Weshalb die Abfolge im Head wichtig ist
Charset kommt zuerst. Ein Browser, dem keine Kodierung genannt wurde, beginnt zu raten, und wenn er es später erfährt, muss er die Seite erneut parsen.
Die Regel ist eine Byte-Zahl, keine Tag-Zahl. Die Angabe muss im ersten Kilobyte landen, und das lässt sich leicht brechen, indem man ein langes Script-Tag darüber setzt.
Danach kommt Viewport, weil das Layout auf dem Smartphone davon abhängt. Nach diesen beiden ist die Reihenfolge Geschmackssache.
Title und Description erfüllen verschiedene Aufgaben
Der Title ist ein Rankingsignal und die Zeile, auf die Leute klicken. Er gehört der Seite, nicht Ihrer Marke, also beginnen Sie mit dem Thema und setzen die Marke ans Ende.
Die Description rankt nichts. Stattdessen verkauft sie den Klick, und Suchmaschinen schreiben sie um, wann immer sie glauben, ein anderer Satz beantworte die Suche besser.
Beide werden nach Breite statt nach Buchstabenzahl gekürzt, weshalb die Anzeige dieses HTML-Meta-Tag-Generators zuerst Pixel zeigt.
Das Keywords-Tag ist ein Museumsstück
Google hat es 2009 fallen lassen und das öffentlich gesagt. Bing wertet es zudem als Spam-Signal. Das Feld steht nur hier, weil Leute danach fragen, und der Hinweis daneben sagt ehrlich, was es bewirkt.
Robots, Canonical und die zwei Fehler
Ein Robots-Tag mit index und follow ändert nichts, weil das der Standard ist. Es zu schreiben kostet eine Zeile und bringt der nächsten Person bei, es sei nötig gewesen.
Ein Canonical-Tag, das auf die Seite selbst zeigt, lohnt sich jedoch. Es legt fest, welche der sechs möglichen Adressen dieser Seite die echte ist.
Die zwei Fehler sind gegensätzlich und beide häufig. Ein noindex, das nach dem Launch aktiv bleibt, und ein Canonical auf jeder Seite, das auf die Startseite zeigt.
Was in den Head kommt und was draußen bleibt
Der Head enthält Anweisungen. Alles, was ein Leser sieht, gehört deshalb in den Body, und beides zu mischen verzögert den ersten Aufbau.
Halten Sie Skripte aus seinem oberen Teil heraus. Ein Script-Tag über der Charset-Zeile schiebt diese Zeile hinter das erste Kilobyte, und der Browser parst die Seite dann neu.
Stylesheets sind die Ausnahme, die sich lohnt. Ein Link weit oben lässt den Browser mit dem Laden beginnen, während er den Rest liest.
Alles andere kann warten. Analytics, Chat-Widgets und Font-Loader gehören weiter nach unten, wo sie den Leser nichts kosten, bevor die Seite erscheint.
Was in den Head kommt und was draußen bleibt
Der Head enthält Anweisungen. Alles, was ein Leser sieht, gehört deshalb in den Body, und beides zu mischen verzögert den ersten Aufbau.
Halten Sie Skripte aus seinem oberen Teil heraus. Ein Script-Tag über der Charset-Zeile schiebt diese Zeile hinter das erste Kilobyte, und der Browser parst die Seite dann neu.
Stylesheets sind die Ausnahme, die sich lohnt. Ein Link weit oben lässt den Browser mit dem Laden beginnen, während er den Rest liest.
Alles andere kann warten. Analytics, Chat-Widgets und Font-Loader gehören weiter nach unten, wo sie den Leser nichts kosten, bevor die Seite erscheint.
Was in den Head kommt und was draußen bleibt
Der Head enthält Anweisungen. Alles, was ein Leser sieht, gehört deshalb in den Body, und beides zu mischen verzögert den ersten Aufbau.
Halten Sie Skripte aus seinem oberen Teil heraus. Ein Script-Tag über der Charset-Zeile schiebt diese Zeile hinter das erste Kilobyte, und der Browser parst die Seite dann neu.
Stylesheets sind die Ausnahme, die sich lohnt. Ein Link weit oben lässt den Browser mit dem Laden beginnen, während er den Rest liest.
Alles andere kann warten. Analytics, Chat-Widgets und Font-Loader gehören weiter nach unten, wo sie den Leser nichts kosten, bevor die Seite erscheint.
Was in den Head kommt und was draußen bleibt
Der Head enthält Anweisungen. Alles, was ein Leser sieht, gehört deshalb in den Body, und beides zu mischen verzögert den ersten Aufbau.
Halten Sie Skripte aus seinem oberen Teil heraus. Ein Script-Tag über der Charset-Zeile schiebt diese Zeile hinter das erste Kilobyte, und der Browser parst die Seite dann neu.
Stylesheets sind die Ausnahme, die sich lohnt. Ein Link weit oben lässt den Browser mit dem Laden beginnen, während er den Rest liest.
Alles andere kann warten. Analytics, Chat-Widgets und Font-Loader gehören weiter nach unten, wo sie den Leser nichts kosten, bevor die Seite erscheint.
Meta-Tags für SEO sind ein Boden, keine Decke
Korrekte Tags verhindern, dass eine Seite falsch gelesen wird. Ranken lassen sie sie jedoch nicht. Inhalt, Links und Tempo entscheiden das, und kein Head-Block ersetzt eines der drei.
So nutzen Sie den Meta-Tag-Generator
Vier Schritte, und der Block baut sich dabei selbst auf. Das Hinweisfeld nennt währenddessen alles, was sich zu beheben lohnt.
- 1
Zuerst den Titel schreiben
Setzen Sie das Thema nach vorn. Die Anzeige unter dem Feld gibt Ihnen die Breite in Pixeln, sodass Sie den Schnitt kommen sehen.
- 2
Eine Description ergänzen, die den Klick verkauft
Ein oder zwei Sätze. Sagen Sie, was der Leser bekommt, und hören Sie dann auf. Alles jenseits der Box ist unsichtbar.
- 3
Canonical und Robots-Schalter einstellen
Fügen Sie die vollständige Adresse dieser Seite ein. Lassen Sie beide Schalter an, außer Sie wollen die Seite wirklich aus den Ergebnissen heraushalten.
- 4
Den Block in Ihren Head kopieren
Fügen Sie ihn weit oben in
<head>ein, über jedem Skript. Prüfen Sie danach noch einmal das Hinweisfeld, bevor Sie veröffentlichen.
Was diesen Meta-Tag-Generator auszeichnet
Die meisten Generatoren schreiben vierzig Zeilen und überlassen Ihnen das Aufräumen. Dieser schreibt neun und erklärt jede davon.
Pixel statt Zeichen
Ihr Titel wird so gemessen, wie eine Ergebnisseite ihn misst. Zwei Titel mit sechzig Buchstaben können sich um achtzig Pixel unterscheiden.
Er verweigert tote Tags
Kein revisit-after, kein rating, kein distribution. Niemand liest diese, also bringen sie nur Gewicht und falsche Sicherheit.
Hinweise statt einer Punktzahl
Das Feld nennt, was fehlt und warum es zählt. Ein grüner Haken würde Ihnen weniger sagen als ein klarer Satz.
Richtige Reihenfolge standardmäßig
Charset zuerst, Viewport als Zweites. Diese Reihenfolge ist eine Browser-Anforderung statt einer Vorliebe, und die Kommentare sagen das.
Kommentare, die Sie behalten können
Ein Haken, und jedes Tag kommt mit einer kurzen Zeile, die sagt, was es tut. Praktisch, wenn jemand anderes das Template pflegt.
Nichts verlässt Ihren Tab
Hier laufen unveröffentlichte Titel und Kundenadressen durch. Weil die Seite alles lokal schreibt, erreicht nichts davon einen Server.
Regeln für das Schreiben von Meta-Tags
Jede ist in unter sechzig Sekunden erledigt. Zusammen beseitigen sie die meisten Probleme, die ein Audit später findet.
- Ein Titel pro Seite, und zwar ein einzigartiger. Doppelte Titel auf einer Website verwirren einen Crawler am schnellsten. Jede Seite braucht ihren eigenen, egal wie ähnlich die Seiten sind.
- Das Thema vor die Marke setzen. Suchende lesen nur die ersten paar Wörter. Ein Titel, der mit Ihrem Firmennamen beginnt, verschwendet seinen besten Platz an etwas, das sie schon kennen.
- Die Description für den Klick schreiben. Sie hat kein Rankinggewicht, also behandeln Sie sie wie Werbetext. Sagen Sie, was die Seite bietet, und hören Sie auf, bevor die Box es tut.
- Die vollständige Adresse im Canonical nutzen. Nehmen Sie Schema und Host mit auf. Ein relatives Canonical ist zulässig, und es ist zugleich das, das man am leichtesten auf die falsche Seite richtet.
- Vor dem Launch auf noindex prüfen. Staging-Websites tragen es, und es wandert mit dem Template mit. Suchen Sie also vor jedem Livegang einmal danach, jedes Mal.
- Das Keywords-Tag weglassen. Es verrät Wettbewerbern, worauf Sie zielen, und Suchmaschinen nichts. Das Feld gibt es hier nur, weil Leute danach fragen.
- Den Head-Block kurz halten. Jedes Tag darin sind Bytes vor dem ersten Aufbau. Neun nützliche Tags schlagen vierzig, die niemand liest.
- Die Sprache am html-Element setzen. Sie gehört in
<html lang="en">statt in ein Meta-Tag. Screenreader nutzen sie, um eine Stimme zu wählen.
Sechs Meta-Tag-Fehler, die Audits immer wieder finden
Jeder übersteht ein Code-Review, weil die Seite gut aussieht. Der Schaden zeigt sich stattdessen in der Suche.
Ein noindex, das nach dem Launch aktiv bleibt
Die Seite funktioniert, das Design ist fertig, und die Website bleibt wochenlang unsichtbar. Prüfen Sie das am Tag des Livegangs.
Jede Seite kanonisch auf die Startseite
Eine Template-Variable, die nie befüllt wurde. Das Ergebnis sagt Suchmaschinen, Ihre ganze Website sei eine einzige Seite.
Derselbe Titel auf fünfzig Seiten
Meist ein Kategorie-Template. Setzen Sie den Seitennamen nach vorn, und das Problem verschwindet mit einer Änderung.
Charset von einem Skript nach unten gedrückt
Ein langes Inline-Skript über der Charset-Zeile schiebt sie hinter das erste Kilobyte, also parst der Browser die Seite neu.
Eine Description, die für einen Roboter geschrieben ist
Keyword-Listen lesen sich in einem Ergebnis schlecht. Ein einfacher Satz holt mehr Klicks, und genau dafür gibt es das Tag.
Zwei Canonical-Tags auf einer Seite
Ein Plugin setzt eines, ein Theme ein weiteres, und Suchmaschinen ignorieren beide. Sehen Sie sich den Quelltext einmal an und zählen Sie sie.
Häufige Fragen zu Meta-Tags
Wie viele Meta-Tags braucht eine Seite wirklich?
Fünf tragen das Gewicht: Charset, Viewport, Title, Description und Canonical. Ein Robots-Tag kommt außerdem hinzu, wenn Sie etwas anderes als den Standard wollen, nämlich index und follow.
Hilft ein Meta-Tag-Generator bei SEO?
Er beseitigt Fehler, statt Rankings hinzuzufügen. Korrekte Meta-Tags für SEO verhindern, dass eine Seite falsch gelesen wird, während Inhalt und Links entscheiden, wo sie steht.
Wie viele Zeichen gehören in einen Title?
Zielen Sie auf 50 bis 60 Zeichen und prüfen Sie hier die Pixelzahl. Desktop-Ergebnisse schneiden bei etwa 580 Pixeln ab, also kann ein Titel aus breiten Buchstaben schon bei 52 Zeichen gekürzt werden.
Weshalb ersetzt Google manchmal meinen Seitentitel durch einen eigenen?
Weil es Titel umschreibt, wenn es glaubt, eine andere Formulierung passe besser zur Suche. Google erklärt dieses Verhalten in seiner Dokumentation zu Titel-Links.
Sollte ich das Keywords-Meta-Tag noch verwenden?
Nein. Google hat 2009 angekündigt, dass es das Tag ignoriert, und seitdem hat sich nichts geändert. Deshalb kostet es Sie nichts, es wegzulassen.
Wohin genau gehören diese Tags?
In das head-Element, so weit oben wie möglich. Charset und Viewport gehören in das erste Kilobyte des Dokuments, vor jedes Script-Tag.
Kann ich das HTML dieses Meta-Tag-Generators in WordPress nutzen?
Ja, aber testen Sie vorher. Die meisten SEO-Plugins schreiben Title, Description und Canonical bereits, also hätten Sie mit handgeschriebenen Tags jedes doppelt.
Was macht das Theme-Color-Tag?
Es färbt die Browseroberfläche auf Android und in installierten Web-Apps ein. Desktop-Browser ignorieren es dagegen, also ist es ein kleiner Gewinn statt einer Pflicht.
Lesen soziale Netzwerke diese Tags?
Nur den Titel, und auch das nur manchmal. Karten stammen aus Open-Graph-Tags, für die diese Website einen eigenen Generator hat, also schreiben Sie beide Blöcke, wenn Sie schon hier sind.
Spielt die Reihenfolge der Meta-Tags eine Rolle?
Bei zweien ja. Charset und Viewport gehören in das erste Kilobyte des Dokuments. Danach ist die Reihenfolge Geschmackssache und keine Regel.
Lesen soziale Netzwerke diese Tags?
Nur den Titel, und auch das nur manchmal. Karten stammen aus Open-Graph-Tags, für die diese Website einen eigenen Generator hat, also schreiben Sie beide Blöcke, wenn Sie schon hier sind.
Spielt die Reihenfolge der Meta-Tags eine Rolle?
Bei zweien ja. Charset und Viewport gehören in das erste Kilobyte des Dokuments. Danach ist die Reihenfolge Geschmackssache und keine Regel.
Lesen soziale Netzwerke diese Tags?
Nur den Titel, und auch das nur manchmal. Karten stammen aus Open-Graph-Tags, für die diese Website einen eigenen Generator hat, also schreiben Sie beide Blöcke, wenn Sie schon hier sind.
Spielt die Reihenfolge der Meta-Tags eine Rolle?
Bei zweien ja. Charset und Viewport gehören in das erste Kilobyte des Dokuments. Danach ist die Reihenfolge Geschmackssache und keine Regel.
Lesen soziale Netzwerke diese Tags?
Nur den Titel, und auch das nur manchmal. Karten stammen aus Open-Graph-Tags, für die diese Website einen eigenen Generator hat, also schreiben Sie beide Blöcke, wenn Sie schon hier sind.
Spielt die Reihenfolge der Meta-Tags eine Rolle?
Bei zweien ja. Charset und Viewport gehören in das erste Kilobyte des Dokuments. Danach ist die Reihenfolge Geschmackssache und keine Regel.
Wird etwas gespeichert, das ich hier tippe?
Nein. Ihr Browser schreibt die Tags in diesem Tab. Nichts wird an diese Website gesendet, nichts gespeichert, und das Schließen der Seite löscht es.
Tools für den Rest des Head
Meta-Tags sind ein Teil dessen, was über Ihrem Inhalt steht. Diese drei decken den Rest ab.
Open-Graph-Generator
Die og:-Tags, die entscheiden, wie ein geteilter Link aussieht.
Tool öffnen →SERP-Snippet-Vorschau
Erkennen Sie, an welcher Stelle Google Title und Description kürzt.
Tool öffnen →Schema-Markup-Generator
Gültiges JSON-LD für FAQs, Artikel und Produkte.
Tool öffnen →
Bereit für Ihren Head-Block?
Tippen Sie einen Titel, beobachten Sie die Pixelzahl und kopieren Sie neun ehrliche Tags. Der Meta-Tag-Generator ist kostenlos, braucht kein Konto und behält jedes Wort auf Ihrem Gerät.