Back to Top

PHNETZ - Internetagentur

Marketing für Ihren Erfolg

Meta‑Tag

 

Meta‑Tag

 

Ein Meta‑Tag ist ein HTML‑Element, das im Kopfbereich (<head>) einer Webseite platziert wird und Informationen über die Seite selbst enthält. Diese Metadaten werden von Suchmaschinen, Browsern, sozialen Netzwerken und anderen Diensten ausgelesen, obwohl sie für den Besucher nicht sichtbar sind.

 

Worauf ein Meta‑Tag besteht

  • Attribut name (oder property bei Open Graph) gibt den Typ des Metadaten‑Eintrags an, z. B. description, robots oder og:image.
  • Attribut content enthält den eigentlichen Wert, zum Beispiel die Kurzbeschreibung einer Seite oder die Anweisung, ob sie indexiert werden darf.
 

Wichtige Meta‑Tags und ihre Bedeutung

Meta‑Tag
Zweck
Typische Inhalte
Einfluss auf SEO / Darstellung
charset
Legt die Zeichenkodierung fest (z. B. UTF‑8)
UTF-8
Verhindert Darstellungsfehler, wichtig für korrekte Indexierung
viewport
Steuert das Layout auf mobilen Geräten
Breite = Gerätebreite, Anfangs‑Zoom = 1
Verbessert Mobile‑Friendly‑Score, Nutzererlebnis
description
Kurzbeschreibung, die meist als Snippet in Suchergebnissen erscheint
150‑160 Zeichen, Keyword am Anfang, klarer Call‑to‑Action
Erhöht die Klickrate (CTR), indirekter Ranking‑Faktor
keywords
Historisch: Stichwortliste für Suchmaschinen
Kommagetrennte Begriffe
Heutzutage kaum noch vom Google‑Algorithmus beachtet
robots
Gibt Crawlern Anweisungen zum Indexieren und Folgen von Links
index, follow oder noindex, nofollow
Direkte Kontrolle, ob die Seite in Suchergebnissen erscheint
canonical
Definiert die bevorzugte URL, um Duplicate‑Content zu vermeiden
Vollständige URL der kanonischen Seite
Konsolidiert Ranking‑Signals, verhindert Konkurrenz zwischen gleichen Inhalten
author
Gibt den Autor oder die verantwortliche Organisation an
Personen‑ oder Firmennamen
Geringe SEO‑Relevanz, nützlich für Attribution
http‑equiv
Simuliert HTTP‑Header‑Informationen (z. B. Refresh)
refresh mit Zeitangabe
Technische Nutzung, nicht SEO‑relevant
Open Graph (og:*)
Optimiert die Darstellung beim Teilen in sozialen Netzwerken
Titel, Beschreibung, Bild‑URL, Seiten‑URL
Erhöht die Klickrate in Plattformen wie Facebook, LinkedIn
Twitter Card (twitter:*)
Spezifische Metadaten für Tweets
Card‑Typ, Titel, Bild, Beschreibung
Verbesserung der Vorschau bei Twitter‑Posts
theme‑color
Definiert die Farbe der Browser‑UI auf Mobilgeräten
Hex‑Farbcode (z. B. #ff6600)
Nutzererlebnis, keine SEO‑Auswirkung
referrer
Steuert das Verhalten des Referrer‑Headers
no-referrer, origin etc.
Datenschutz‑ und Tracking‑Einfluss

Best Practices für Meta‑Tags

  1. Einzigartige Description pro Seite – prägnant, 150‑160 Zeichen, wichtiges Keyword am Anfang, klarer Nutzen‑Hinweis.
  2. Korrektes Canonical‑Tag – immer die absolute HTTPS‑URL der Hauptseite angeben, um Duplicate‑Content zu vermeiden.
  3. Robots‑Anweisungen gezielt setzennoindex, nofollow nur für Seiten, die nicht in Suchmaschinen erscheinen sollen (z. B. Danke‑Seiten, Admin‑Bereiche).
  4. Vollständige Open Graph‑ und Twitter‑Card‑Angaben – Titel, Beschreibung und ein ausreichend großes Bild (mind. 1200 × 630 px für Facebook) sorgen für ansprechende Vorschauen.
  5. Charset als erstes Meta‑Tag<meta charset="UTF-8"> sofort nach dem Öffnen des <head>‑Elements einfügen, um Zeichenprobleme zu verhindern.
  6. Viewport‑Tag immer einbinden – ohne diesen Tag wird das Layout auf Smartphones falsch skaliert.
  7. Keine doppelten Meta‑Tags – es sollte pro Seite nur ein description‑ und ein canonical‑Tag geben.
  8. Kein Keyword‑Stuffing – Suchmaschinen gewichten den eigentlichen Seiteninhalt stärker als die alten keywords‑Meta‑Tags.
 

Häufige Fehler und wie man sie vermeidet

  • Mehrere description‑Tags → Suchmaschinen wählen wahllos; immer nur ein Tag pro Seite verwenden.
  • Fehlende oder falsche canonical‑URL → Duplicate‑Content‑Probleme; immer die korrekte, absolute URL angeben.
  • Zu lange Description → Wird im SERP abgeschnitten, reduziert die Klickrate; auf 150‑160 Zeichen begrenzen.
  • Fehlender viewport‑Tag → Schlechte mobile Usability, mögliche Penalties im Mobile‑Friendly‑Test.
  • Veraltete keywords‑Meta‑Tags → Keine Wirkung mehr, können sogar als Spam gewertet werden; besser weglassen.
  • robots‑Tag mit noindex auf wichtigen Seiten → Seite wird nicht gefunden; prüfen, ob Indexierung gewünscht ist.
  • Zu kleine OG‑Bilder → Schlechte Darstellung in sozialen Netzwerken; immer empfohlene Mindestgröße einhalten.
 

Fazit

Meta‑Tags sind kleine, aber wirkungsvolle Bausteine, die Suchmaschinen, Browsern und sozialen Plattformen wichtige Kontext‑Informationen liefern. Durch gezielte und korrekte Nutzung lassen sich die Sichtbarkeit in Suchergebnissen, die Darstellung beim Teilen in Netzwerken und das Nutzererlebnis auf mobilen Geräten nachhaltig verbessern.