Meta-Tags sind unsichtbare HTML-Elemente, die du im <head>-Bereich einer Webseite hinterlegst und die maschinenlesbare Informationen über den Seiteninhalt liefern. Suchmaschinen, Browser und soziale Netzwerke lesen diese Daten aus — der Besucher deiner Seite sieht davon nichts. Der Begriff setzt sich aus „Meta“ (griechisch für „über“ oder „jenseits“) und „Tags“ (HTML-Elemente) zusammen: Es sind buchstäblich Daten über Daten.
Aufbau und Funktionsweise
Ein Meta-Tag folgt einem einfachen Schema: Du gibst zuerst den Namen des Elements an und dann den dazugehörigen Wert. In HTML sieht das typischerweise so aus: <meta name="description" content="Dein Seiteninhalt in einem Satz.">. Das Attribut name legt fest, was für eine Information folgt, content enthält die Information selbst. Seit HTML5 gibt es außerdem das charset-Attribut, das die Zeichenkodierung festlegt — also zum Beispiel <meta charset="UTF-8">, was dafür sorgt, dass Umlaute korrekt angezeigt werden. Das W3C (World Wide Web Consortium), die internationale Standardisierungsorganisation für das Web, schreibt vor, dass Meta-Tags ausnahmslos im <head>-Bereich eines HTML-Dokuments stehen müssen.
Geschichte: Von der Frühzeit der Suchmaschinen bis heute
Als Tim Berners-Lee 1990 HTML entwickelte, enthielt die Sprache zunächst keine Meta-Elemente in der heutigen Form. Erst mit der Verbreitung von Suchmaschinen in den frühen 1990er-Jahren entstand der Bedarf, Seiteninhalte maschinenlesbar zu beschreiben. Mit HTML 3.2, das das W3C 1997 verabschiedete, wurden Meta-Elemente ein fester Bestandteil des Standards.
In den Anfangsjahren der Suchmaschinen spielte vor allem das keywords-Meta-Tag eine wichtige Rolle: Webmaster trugen dort Schlüsselwörter ein, und die Suchmaschinen nutzten diese Angaben, um Seiten einzuordnen. Das System war jedoch leicht zu manipulieren. Viele Webseitenbetreiber füllten das Keywords-Tag mit themenfernen oder massenhaft wiederholten Begriffen, um bessere Positionen in den Suchergebnissen zu erschleichen — ein Vorgehen, das heute als Keyword Stuffing bezeichnet wird.
Google reagierte frühzeitig darauf und ignorierte das Keywords-Tag bereits ab dem Jahr 2000 in seiner Rankingbewertung. Am 21. September 2009 machte Google das in einem offiziellen Blogbeitrag öffentlich und erklärte, man habe das Tag „seit vielen Jahren“ nicht mehr für das Ranking der Websuche berücksichtigt.
Die wichtigsten Meta-Tags heute
Das Meta-Description-Tag ist heute das bedeutsamste Meta-Element im Bereich SEO. Es enthält eine kurze Beschreibung des Seiteninhalts, die Google häufig — aber nicht immer — als Snippet unter dem Ergebnis in der Suche anzeigt. Direkt auf das Ranking hat die Meta-Description keinen Einfluss, sie beeinflusst aber die Klickrate (CTR, Click-Through-Rate): Eine prägnante, ansprechende Beschreibung kann entscheiden, ob jemand auf dein Ergebnis klickt oder zur Konkurrenz geht. Als Richtwert gelten rund 580 Pixel oder etwa 150 bis 160 Zeichen, bevor Google die Beschreibung abschneidet.
Das Meta-Robots-Tag gibt Suchmaschinen-Crawlern konkrete Anweisungen. Mit dem Wert noindex weist du Google an, eine Seite nicht in den Suchergebnissen anzuzeigen. Mit nofollow sagst du dem Crawler, er soll den Links auf dieser Seite nicht folgen. Weitere Werte wie noarchive oder nosnippet steuern, ob Google eine gecachte Version oder ein Textauszug angezeigt wird.
Das Viewport-Meta-Tag ist technisch notwendig für responsives Webdesign — also für Seiten, die sich an verschiedene Bildschirmgrößen anpassen. Mit <meta name="viewport" content="width=device-width, initial-scale=1.0"> stellst du sicher, dass die Seite auf Smartphones nicht verkleinert als Desktop-Version dargestellt wird. Ohne diesen Tag zeigen viele mobile Browser eine Desktop-Version in verkleinerter Form an.
Das charset-Attribut, <meta charset="UTF-8">, legt die Zeichenkodierung fest. UTF-8 ist heute der Standardzeichensatz für das Web, der nahezu alle Zeichen und Symbole weltweit abdecken kann. Ohne diese Angabe kann es passieren, dass Umlaute, Sonderzeichen oder Zeichen anderer Sprachen im Browser falsch dargestellt werden.
Open Graph: Meta-Tags für soziale Netzwerke
2010 führte Facebook das Open Graph Protocol ein — eine Erweiterung des Meta-Tag-Konzepts für soziale Netzwerke. Teilst du einen Link auf Facebook, LinkedIn oder anderen Plattformen, greifen diese auf die Open-Graph-Tags im <head> der verlinkten Seite zu, um eine Vorschau zu generieren. Ohne diese Tags erraten die Plattformen selbst, welches Bild, welcher Titel und welche Beschreibung angezeigt werden sollen — mit oft unbefriedigendem Ergebnis.
Die wichtigsten Open-Graph-Tags sind og:title (Titel der Seite für soziale Netzwerke), og:description (Kurzbeschreibung), og:image (URL des Vorschaubilds) und og:url (kanonische URL der Seite). Das Tag og:type gibt an, um welche Art von Inhalt es sich handelt — zum Beispiel article für einen Blogbeitrag oder website für eine allgemeine Seite. Heute nutzen neben Facebook auch Twitter/X, LinkedIn, Pinterest und viele andere Plattformen das Open Graph Protocol. Twitter/X hat zwar eigene Karten-Tags (sogenannte Twitter Cards) entwickelt, greift aber automatisch auf Open-Graph-Tags zurück, wenn keine Twitter-spezifischen Tags gefunden werden.
Bedeutung für SEO
Von den Meta-Tags hat heute im Wesentlichen nur die Meta-Description eine indirekte Relevanz für SEO — und zwar über die Klickrate. Das Meta-Robots-Tag ist technisch relevant, weil du damit steuern kannst, ob und wie eine Seite indexiert wird. Das Keywords-Tag kannst du heute getrost weglassen: Google ignoriert es vollständig, und es birgt das Risiko, der Konkurrenz deine Keyword-Strategie im Quellcode offenzulegen.
In Content-Management-Systemen wie WordPress lassen sich Meta-Tags bequem über SEO-Plugins wie Yoast SEO oder Rank Math verwalten, ohne dass du den HTML-Code direkt bearbeiten musst.
Häufige Fragen
Welche Meta-Tags sind für SEO noch relevant?
Für SEO relevant sind heute vor allem die Meta-Description (beeinflusst die Klickrate in den Suchergebnissen), das Meta-Robots-Tag (steuert die Indexierung) und das Charset-Tag (verhindert Darstellungsfehler). Das Keywords-Tag ignoriert Google seit 2009 vollständig und bringt keinen Rankingvorteil.
Was passiert, wenn ich keine Meta-Description habe?
Wenn du keine Meta-Description hinterlegst, wählt Google eigenständig einen Textauszug aus dem Inhalt deiner Seite — oft den Anfang des Haupttexts. Diese automatisch gewählten Snippets passen häufig nicht ideal zur Suchanfrage und können die Klickrate verschlechtern. Es ist daher empfehlenswert, für jede wichtige Seite eine individuelle Meta-Description zu formulieren.
Sind Open-Graph-Tags dasselbe wie Meta-Tags?
Open-Graph-Tags sind eine spezielle Form von Meta-Tags, die 2010 von Facebook entwickelt wurden. Sie verwenden statt des name-Attributs das property-Attribut, zum Beispiel <meta property="og:title" content="...">. Technisch gesehen stehen sie im gleichen <head>-Bereich wie klassische Meta-Tags und folgen demselben Grundprinzip — sie richten sich aber primär an soziale Netzwerke und nicht an Suchmaschinen oder Browser.
