Meta-Tags sind spezielle HTML-Elemente, die im <head>-Bereich einer Webseite stehen und Informationen über die Seite liefern — ohne selbst im sichtbaren Seiteninhalt zu erscheinen. Suchmaschinen, Browser und Social-Media-Plattformen lesen diese Angaben aus, um zu verstehen, worum es auf einer Seite geht und wie sie damit umgehen sollen.
Wie Meta-Tags funktionieren
Jede HTML-Seite besteht aus zwei Hauptbereichen: dem <head> und dem <body>. Der <body> enthält alles, was du im Browser siehst — Texte, Bilder, Buttons. Der <head> hingegen enthält Informationen über die Seite, die für den Besucher unsichtbar sind, aber für Maschinen gedacht sind.
Meta-Tags sind ein Teil dieser unsichtbaren Daten. Sie folgen einem einheitlichen Muster: Das Attribut name oder property gibt an, um welche Art von Metadatum es sich handelt, und das Attribut content enthält den eigentlichen Wert. Ein einfaches Beispiel:
<meta name="description" content="Hier steht eine Seitenbeschreibung.">
Suchmaschinen-Crawler wie der Googlebot lesen diese Tags beim Crawlen einer Seite aus und berücksichtigen sie bei der Indexierung und Darstellung in den Suchergebnissen.
Geschichte der Meta-Tags
Meta-Tags sind so alt wie das moderne Web. Mit der Standardisierung von HTML in den frühen 1990ern — zunächst am CERN, dann beim W3C — wurde auch das <meta>-Element eingeführt. Der Meta-Keywords-Tag kam 1995 hinzu, als Suchmaschinen wie AltaVista und Yahoo noch stark auf selbst deklarierten Seiteninhalt angewiesen waren.
Das Konzept war einfach: Webseitenbetreiber tragen selbst ein, für welche Suchbegriffe ihre Seite relevant ist. Suchmaschinen nutzen diese Angabe für das Ranking. Das funktionierte zunächst, wurde aber schnell missbraucht. Webseitenbetreiber begannen, wahllos Dutzende — manchmal Hunderte — Begriffe in den Keywords-Tag einzutragen, viele davon ohne jeden Bezug zum eigentlichen Inhalt. Diese Praxis nennt sich Keyword-Stuffing. Die Qualität der Suchergebnisse litt erheblich darunter.
Im September 2009 veröffentlichte Google einen offiziellen Blogbeitrag, in dem das Unternehmen klarstellte: Der Meta-Keywords-Tag wird für das Ranking im Google-Web-Suche überhaupt nicht berücksichtigt — und wurde es schon seit Jahren nicht mehr. Matt Cutts, damals Leiter des Webspam-Teams bei Google, bestätigte dies öffentlich. Bing zog mit einer ähnlichen Position nach. Damit war der Keywords-Tag als SEO-Instrument endgültig Geschichte.
Die wichtigsten Meta-Tags im Überblick
Meta Description
Der Meta-Description-Tag enthält eine kurze Zusammenfassung des Seiteninhalts. Google zeigt diesen Text häufig als Snippet unter dem Seitentitel in den Suchergebnissen an. Er beeinflusst das Ranking nicht direkt, hat aber erheblichen Einfluss auf die Klickrate (CTR): Eine gut formulierte Beschreibung, die den Suchenden anspricht, bringt mehr Klicks bei gleicher Position.
<meta name="description" content="Kurze Beschreibung der Seite für die Suchergebnisse.">
Google kürzt die angezeigte Description bei etwa 155 bis 160 Zeichen ab. Google kann — und tut es häufig — eine andere Passage aus dem Seitentext als Snippet wählen, wenn diese besser zur jeweiligen Suchanfrage passt.
Robots-Meta-Tag
Der Robots-Meta-Tag steuert, wie Suchmaschinen-Crawler mit einer Seite umgehen sollen. Die zwei häufigsten Anweisungen sind noindex (die Seite soll nicht in den Suchindex aufgenommen werden) und nofollow (die Links auf der Seite sollen nicht verfolgt werden).
<meta name="robots" content="noindex, nofollow">
Typische Einsatzbereiche für noindex sind Danke-Seiten nach Formularausfüllungen, Staging-Umgebungen oder interne Suchseiten — also Seiten, die zwar technisch erreichbar sind, aber nicht in den Suchergebnissen erscheinen sollen. Wichtig dabei: Damit der Crawler den Robots-Meta-Tag überhaupt lesen kann, darf die Seite nicht bereits über die robots.txt vom Crawlen ausgeschlossen sein. Ist eine Seite in der robots.txt gesperrt, sieht der Crawler den Tag gar nicht.
Viewport-Meta-Tag
Der Viewport-Tag regelt, wie eine Seite auf verschiedenen Bildschirmgrößen dargestellt wird. Ohne ihn zeigen mobile Browser eine Seite oft winzig und nicht lesbar an.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Dieser Tag ist heute Standard und unverzichtbar für jede mobilfreundliche Website. Seit Google 2015 die Mobile-First-Indexierung ankündigte und schrittweise einführte, hat er indirekte Bedeutung für das SEO-Ranking: Seiten ohne korrekte Viewport-Einstellung haben bei der Bewertung durch Google Nachteile.
Charset-Deklaration
<meta charset="utf-8"> teilt dem Browser mit, welche Zeichenkodierung die Seite verwendet. UTF-8 ist der heutige Standard und unterstützt praktisch alle Sprachen und Sonderzeichen — also auch Umlaute wie ä, ö, ü. Fehlt diese Deklaration, können Zeichen im Browser falsch dargestellt werden.
Open Graph Tags
Open Graph ist ein Protokoll, das Facebook im Jahr 2010 eingeführt hat. Es definiert, wie eine Seite aussieht, wenn jemand den Link bei Facebook, LinkedIn, WhatsApp, Slack oder anderen Plattformen teilt. Dabei kommen Meta-Tags mit dem Attribut property statt name zum Einsatz — das ist ein häufiger Fehler beim Einrichten:
<meta property="og:title" content="Titel der Seite"> <meta property="og:description" content="Beschreibung für Social Media"> <meta property="og:image" content="https://beispiel-seite.at/bild.jpg">
Ohne Open Graph Tags wählt die jeweilige Plattform selbst aus, welcher Titel, welche Beschreibung und welches Bild beim Teilen angezeigt wird — mit oft unbrauchbaren Ergebnissen.
Meta Keywords heute: Totgesagte leben länger
Obwohl Google den Meta-Keywords-Tag seit 2009 offiziell ignoriert, taucht er auf Websites bis heute auf — manchmal, weil ältere CMS-Systeme ihn automatisch generieren, manchmal aus Gewohnheit. Schaden kann er in der Regel nicht, bringen tut er aber ebenfalls nichts. Einzig der russische Suchdienst Yandex soll den Tag laut Berichten noch teilweise berücksichtigen — für eine österreichische oder deutschsprachige Website ist das aber ohne praktische Relevanz.
Bedeutung für SEO
Nicht alle Meta-Tags sind für das Suchmaschinen-Ranking gleich wichtig. Die Meta Description beeinflusst das Ranking zwar nicht direkt, wirkt sich aber über eine höhere Klickrate indirekt positiv aus. Der Robots-Meta-Tag ist technisch entscheidend: Ein versehentliches noindex auf wichtigen Seiten kann dazu führen, dass diese aus dem Google-Index verschwinden — was im schlimmsten Fall den organischen Traffic auf null bringt. Der Viewport-Tag und der Charset-Tag sind funktionale Grundvoraussetzungen für jede ordentlich aufgebaute Website. Open Graph Tags sind für die Sichtbarkeit in sozialen Netzwerken unverzichtbar.
Häufige Fragen
Was macht ein Meta-Tag und wo steht er im HTML?
Ein Meta-Tag steht im <head>-Bereich einer HTML-Seite und liefert Informationen über die Seite an Browser, Suchmaschinen und Social-Media-Plattformen. Er ist für Besucher unsichtbar, aber maschinell lesbar. Das Attribut name oder property bestimmt den Typ, das Attribut content enthält den Wert.
Beeinflusst die Meta Description das Google-Ranking?
Nein, die Meta Description ist kein direkter Rankingfaktor bei Google. Google verwendet sie aber häufig als Snippet-Text in den Suchergebnissen. Eine gute Beschreibung kann die Klickrate verbessern, was sich indirekt positiv auf die Sichtbarkeit auswirken kann.
Was passiert, wenn ich einen Robots-Meta-Tag mit noindex setze?
Google und andere kooperative Suchmaschinen nehmen die Seite nicht in ihren Suchindex auf. Sie kann dann nicht mehr in den Suchergebnissen erscheinen. Wichtig: Der Crawler muss die Seite trotzdem crawlen dürfen, sonst liest er den Tag gar nicht. Eine Sperrung in der robots.txt und ein noindex-Tag zusammen heben sich gegenseitig auf.