Wie funktionieren Meta-Tags?
Kurzantwort
Meta-Tags sind Angaben im Kopfbereich einer HTML-Seite, die Browsern, Suchmaschinen und sozialen Netzwerken Informationen liefern. Einige wirken als Hinweise, etwa die Meta-Description, deren Text Google ersetzen kann. Andere gelten als Anweisungen, etwa ein Robots-Tag mit noindex. Bildmetadaten stehen dagegen direkt in der Bilddatei.
Meta-Tags erklären Programmen, wie sie eine Seite verarbeiten oder darstellen sollen. Der Begriff wird zugleich für Metadaten in Fotos verwendet. Deshalb trennen wir beide Bedeutungen: HTML-Angaben einer Website und Informationen, die direkt in einer Bilddatei gespeichert sind.
1. So funktionieren Meta-Tags in HTML
HTML-Meta-Angaben stehen normalerweise im <head>, also im Kopfbereich des Quellcodes. Besucher sehen diesen Bereich nicht als normalen Seiteninhalt. Browser, Suchmaschinen-Crawler und soziale Netzwerke lesen ihn jedoch automatisiert aus, sobald sie eine URL abrufen.
Welche Wirkung eine Angabe hat, hängt vom Empfänger ab. Der Browser benötigt beispielsweise den Zeichensatz und die Viewport-Einstellung für mobile Darstellungen. Suchmaschinen lesen den Seitentitel, die Beschreibung und Indexierungsangaben. Soziale Netzwerke suchen nach Open-Graph-Daten, wenn jemand eine URL teilt.
| Empfänger | Typische Angabe | Verwendung |
|---|---|---|
| Browser | charset, viewport | Zeichen korrekt darstellen und Layout an das Display anpassen |
| Suchmaschinen | Title, Description, Robots | Seite einordnen, Suchergebnis gestalten und Indexierung steuern |
| Soziale Netzwerke | Open Graph | Titel, Text und Vorschaubild beim Teilen auswählen |
Ein einfacher Kopfbereich kann so aussehen:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Meta-Tags verständlich erklärt</title>
<meta name="description" content="So lesen Browser und Suchmaschinen die Angaben einer Webseite.">
<meta name="robots" content="index, follow">
</head>
Streng genommen ist das <title>-Element kein Meta-Tag. Im SEO-Alltag wird es trotzdem meist gemeinsam mit den Metadaten besprochen, weil es ebenfalls im Kopfbereich steht und die Darstellung in Browser-Tabs sowie Suchergebnissen beeinflusst.
2. Hinweise und Anweisungen unterscheiden
Der wichtigste Unterschied liegt nicht zwischen den einzelnen Schreibweisen, sondern in ihrer Verbindlichkeit. Eine Meta-Description ist ein Vorschlag. Google kann sie als Vorschautext übernehmen, einen anderen Textausschnitt verwenden oder für unterschiedliche Suchanfragen verschiedene Beschreibungen anzeigen. Eine perfekte Formulierung garantiert deshalb nicht, dass genau dieser Text in jeder SERP erscheint.
Robots-Angaben werden von Suchmaschinen dagegen als technische Anweisungen behandelt. Steht auf einer erreichbaren Seite noindex, soll sie nicht in den Suchergebnissen erscheinen. Das funktioniert allerdings nur, wenn der Crawler die Seite abrufen und die Anweisung lesen kann. Wird dieselbe URL gleichzeitig in der robots.txt gesperrt, kann die Suchmaschine das noindex unter Umständen gar nicht erkennen.
Merksatz
Title, Description und Open-Graph-Daten schlagen eine Darstellung vor. Robots-Angaben steuern die Verarbeitung durch Suchmaschinen. Genau diese Unterscheidung verhindert die meisten Fehlentscheidungen bei Meta-Tags.
Bei einem Technik-Audit prüfen wir deshalb zuerst Indexierungsangaben und erst danach Formulierungsdetails. Eine mittelmäßige Description kostet möglicherweise Klicks. Ein versehentliches noindex kann eine umsatzrelevante Seite vollständig aus der Suche entfernen. Die technische Auswirkung bestimmt die Priorität, nicht die Anzahl gefundener Hinweise.
3. Was macht ein Meta-Tag in HTML?
Ein Meta-Tag ordnet einer Seite eine maschinenlesbare Information zu. Der Name der Information steht meist im Attribut name, ihr Wert im Attribut content. Das Beispiel <meta name="robots" content="noindex, follow"> weist eine Suchmaschine an, die Seite nicht zu indexieren, ihren Links aber grundsätzlich zu folgen. Diese Kombination wird etwa für interne Danke-Seiten verwendet.
Meta-Tags verändern den sichtbaren Hauptinhalt einer Seite nicht. Sie können aber beeinflussen, wie Programme mit der URL umgehen. Ein Viewport-Tag unterstützt die mobile Darstellung, ein Description-Tag liefert einen möglichen Vorschautext und Open-Graph-Tags bestimmen die gewünschte Darstellung beim Teilen.
Meta-Angaben findest du über die Quellcode-Ansicht des Browsers oder die Entwicklerwerkzeuge. Bei WordPress und anderen Content-Management-Systemen werden Title und Description meist in Eingabefeldern des SEO-Bereichs gepflegt. Technische Begriffe kannst du zusätzlich im SEO-Lexikon von seoagentur.de nachschlagen.
4. Diese vier Angaben zählen im Alltag
Für die laufende Website-Pflege solltest du dich auf vier Gruppen konzentrieren. Angaben wie Meta Keywords kannst du ignorieren: Google nutzt das Meta-Keywords-Tag bereits seit vielen Jahren nicht für das Ranking. Der Technik-Crawler führt es deshalb als veraltete Angabe und empfiehlt, den Fokus auf Title und Description zu legen.
Charset und Viewport gehören ebenfalls in einen sauberen HTML-Kopf, sind aber normalerweise einmal korrekt im Template hinterlegt. SEO-Manager müssen diese Angaben daher nicht für jede einzelne URL redaktionell bearbeiten. Title, Description, Robots und Open Graph unterscheiden sich dagegen häufig von Seite zu Seite.
Wenn du zunächst prüfen möchtest, welche Angaben deine Website ausliefert, kannst du einen kostenlosen technischen Überblick starten:
Für eine laufende Kontrolle lohnt sich eine URL-basierte Auswertung. Leere, doppelte oder mehrfach gesetzte Beschreibungen fallen bei wenigen Seiten noch per Hand auf. Bei einem Onlineshop mit Kategorien, Produkten und Filterseiten wird daraus schnell ein Bestandsproblem.
5. Wo Meta-Tags in der Praxis kippen
Das häufigste Problem ist nicht eine fehlende Description, sondern ein widersprüchliches System. Ein Template setzt beispielsweise index, während ein Plugin zusätzlich noindex ausgibt. Oder zwei Erweiterungen erzeugen jeweils eine eigene Description. Suchmaschinen müssen dann zwischen mehreren Angaben wählen, und unterschiedliche Systeme können zu unterschiedlichen Ergebnissen kommen.
Mehrere Meta-Descriptions auf derselben URL führen zu genau dieser Unklarheit. Der technische Prüfprozess muss deshalb nicht nur nach fehlenden Angaben suchen, sondern auch leere, doppelte und mehrfach vorhandene Elemente erkennen. Die Crawler-Checkliste der Performance Suite enthält dafür getrennte Prüfpunkte.
Der Technik-Crawler der Performance Suite liest die Seitenangaben je URL aus und prüft unter anderem fehlende, leere, doppelte oder zu lange Meta-Angaben. Bei einer größeren Domain ist die URL-Zuordnung wichtig: Eine globale Meldung wie „Descriptions fehlen“ reicht nicht, wenn das Team nicht erkennt, welche Landingpages Traffic oder Umsatz erzeugen.
Prüfe noindex nach jedem Relaunch und jeder Template-Änderung. Testumgebungen werden häufig absichtlich von der Indexierung ausgeschlossen. Wird diese Einstellung auf das Live-System übernommen, können ganze Verzeichnisse aus den Suchergebnissen verschwinden. Kontrolliere deshalb nicht nur den sichtbaren Seitentext, sondern den tatsächlich ausgelieferten Quellcode.
Eine Seite gilt technisch nur dann als indexierbar, wenn mehrere Bedingungen zusammenpassen. Sie darf nicht per noindex ausgeschlossen sein, die robots.txt muss den Zugriff erlauben und ein Canonical-Tag darf nicht auf eine andere URL verweisen. Eine isolierte Prüfung des Robots-Tags bildet die Indexierbarkeit daher nicht vollständig ab.
6. Was steckt in Bildmetadaten?
Bei Bildern bezeichnet der Begriff Metadaten Informationen, die direkt in der Datei gespeichert sind. Häufig werden dafür EXIF-, IPTC- oder XMP-Felder verwendet. Welche Daten vorhanden sind, hängt von Kamera, Smartphone, Dateiformat, Exportprogramm und späterer Bearbeitung ab.
Bildmetadaten sind nicht mit dem Alt-Text zu verwechseln. Der Alt-Text steht als Attribut im HTML-Code der Webseite und beschreibt den sichtbaren Bildinhalt für Suchmaschinen und Vorlesesoftware. Er gehört damit zur Webseite, nicht zwingend zur Bilddatei. Ein fehlender Alt-Text wird deshalb als eigener technischer Prüfpunkt behandelt.
7. Standortdaten vor Uploads prüfen
GPS-Koordinaten können unbeabsichtigt den Aufnahmeort eines Fotos verraten. Das betrifft beispielsweise Bilder aus Privatwohnungen, Produktionsbereichen, medizinischen Einrichtungen oder nicht öffentlich zugänglichen Standorten. Wer eine Originaldatei direkt vom Smartphone veröffentlicht, sollte deshalb vorher kontrollieren, ob Standortinformationen gespeichert sind.
Viele soziale Netzwerke, Messenger und Content-Management-Systeme entfernen beim Hochladen zumindest einen Teil der Metadaten. Darauf solltest du dich nicht verlassen. Je nach Plattform, Dateiformat und Verarbeitung können Daten erhalten bleiben oder beim Download der Originaldatei wieder zugänglich sein.
Unter Windows findest du viele Angaben in den Dateieigenschaften unter „Details“. macOS zeigt sie unter „Informationen“ oder in der Vorschau an. Smartphones bieten abhängig vom Betriebssystem eine Standortanzeige und teilweise eine Funktion zum Entfernen der Koordinaten. Bildbearbeitungsprogramme können Metadaten beim Export gezielt übernehmen oder löschen.
8. Klare Entscheidungshilfe
Bei Websites konzentrierst du dich zuerst auf Title, Description, Robots und Open Graph. Prüfe anschließend, ob Charset und Viewport im Template korrekt vorhanden sind. Meta Keywords kannst du aus der laufenden SEO-Pflege streichen. Bei Bildern lautet die Priorität anders: Kontrolliere vor dem Upload vor allem GPS-Daten, Urheberangaben und Informationen über interne Bearbeitungsprozesse.
| Situation | Erste Prüfung | Nächste Handlung |
|---|---|---|
| Neue Landingpage | Title, Description und Robots | Open-Graph-Vorschau ergänzen |
| Relaunch | noindex, robots.txt und Canonical | Alle wichtigen URLs erneut crawlen |
| Foto vom Smartphone | GPS-Koordinaten und Aufnahmedatum | Nicht benötigte Metadaten entfernen |
| Stockfoto oder Pressebild | Urheber und Lizenzinformationen | Vorgaben zur Namensnennung beachten |
9. So gehen wir vor
Bei der OSG prüfen wir Meta-Angaben nicht als isolierte Textfelder. Der Crawl zeigt je Adresse, welche Angaben ausgeliefert werden, ob Widersprüche bestehen und welche URLs betroffen sind. Danach priorisieren wir indexierungsrelevante Fehler vor redaktionellen Verbesserungen. Die konkrete Korrektur erfolgt je nach System im Template, Plugin oder Content-Management-System und ist Bestandteil einer strukturierten Onpage-Optimierung.
Bei größeren Websites kombinieren wir automatisierte Prüfungen mit einer fachlichen Kontrolle der wichtigsten Seitentypen. So entsteht keine lange Fehlerliste ohne Reihenfolge, sondern eine umsetzbare Aufgabe für Redaktion oder Entwicklung. Wenn du den technischen Ausgangspunkt deiner Domain bewerten lassen möchtest, bietet ein SEO-Audit eine belastbare Grundlage.
10. Häufige Fragen zu Meta-Tags
Sind Meta-Tags im Browser unsichtbar?
Meta-Tags erscheinen nicht als normaler Seiteninhalt, weil sie im Kopfbereich des HTML-Dokuments stehen. Du kannst sie jedoch über den Seitenquelltext, die Entwicklerwerkzeuge oder einen Crawler auslesen.
Welche Meta-Tags sind für SEO wichtig?
Im Alltag zählen vor allem der Title, die Meta-Description und das Robots-Tag. Open-Graph-Angaben sind für geteilte Links relevant. Meta Keywords werden von Google nicht für das Ranking verwendet.
Muss Google meine Meta-Description anzeigen?
Nein. Die Meta-Description ist ein Vorschlag. Google kann abhängig von der Suchanfrage einen anderen Ausschnitt aus dem Seiteninhalt anzeigen, wenn dieser die Anfrage aus Sicht der Suchmaschine besser beantwortet.
Was bewirkt ein Robots-Meta-Tag?
Ein Robots-Meta-Tag gibt Suchmaschinen Anweisungen zur Indexierung und zum Verfolgen von Links. Mit noindex soll eine Seite aus den Suchergebnissen ausgeschlossen werden. Der Crawler muss die Seite abrufen können, um die Anweisung zu lesen.
Wo finde ich die Meta-Tags einer Webseite?
Meta-Tags stehen im head-Bereich des HTML-Quellcodes. Öffne im Browser den Seitenquelltext und suche nach meta, description oder robots. Der Seitentitel steht in einem eigenen title-Element.
Hat eine JPG-Datei Metadaten?
Eine JPG-Datei kann EXIF-, IPTC- oder XMP-Daten enthalten. Dazu gehören Aufnahmedatum, Kameramodell, Belichtung, Bearbeitungssoftware, Urheberangaben und möglicherweise GPS-Koordinaten.
Haben Screenshots Metadaten?
Screenshots können Metadaten enthalten, abhängig vom Betriebssystem, Aufnahmeprogramm und Dateiformat. Meist fehlen klassische Kameraangaben, technische Informationen oder Angaben zur verwendeten Software können jedoch gespeichert sein.
11. Fazit: Erst Wirkung, dann Wortwahl
Prüfe bei einer Webseite zuerst, ob Suchmaschinen die URL indexieren dürfen und ob die Angaben technisch eindeutig sind. Optimiere danach Title, Description und Social-Media-Vorschau. Bei Bildern beginnt die Kontrolle vor dem Upload: Entferne Standort- und Gerätedaten, wenn sie für die Veröffentlichung keinen Zweck erfüllen.
Du möchtest wissen, welche Meta-Angaben und technischen Signale deine Website tatsächlich ausliefert? Im kostenlosen und unverbindlichen Erstgespräch ordnen wir die wichtigsten Befunde gemeinsam ein.
Keine Kommentare vorhanden