HTML-Tags für SEO: Welche Tags zählen, mit Beispielen

Suchmaschinen und KI-Assistenten lesen Ihre Seite als Code, bevor jemand sie auf dem Bildschirm sieht. Eine Handvoll HTML-Tags für SEO entscheidet, wie dieser Code verstanden wird: welche URL indexiert wird, welcher Titel in den Ergebnissen erscheint, worum es auf der Seite geht und wie sie beim Teilen aussieht. Google listet die unterstützten Meta-Tags und Attribute auf einer einzigen Seite seiner Search-Central-Dokumentation, und alles außerhalb dieser Liste hat keine Wirkung in der Google-Suche. Dieser Leitfaden zeigt jeden nützlichen Tag mit Beispiel, die häufigsten Fehler und die Tags, die Sie vergessen können.

Welche HTML-Tags zählen für SEO?

Die Tabelle unten ist die Referenzliste. Tags im Head beschreiben die Seite für Maschinen; Tags im Body strukturieren, was Menschen lesen.

Welche Head-Tags steuern die Darstellung bei Google?

Der Title-Tag

Der Title-Tag ist der wichtigste Tag der Seite. Google sagt, dass es keine Längenbegrenzung für das Title-Element gibt, doch der Titellink wird auf die Bildschirmbreite gekürzt, auf dem Desktop also auf etwa 50 bis 60 Zeichen. Google kann ihn auch umschreiben: Die Dokumentation nennt die genutzten Quellen, vom Title-Element und dem sichtbaren Haupttitel bis zu H1-Überschriften, dem og:title-Tag und dem Ankertext von Links auf die Seite. Ein Title, der zur H1 und zum Inhalt passt, ist der, den Google behält. Schreiben Sie für jede Seite einen eigenen Title, mit dem Haupt-Keyword am Anfang und der Marke am Ende.

Die Meta Description

Die Meta Description ändert das Ranking nicht, liefert aber oft das Snippet unter dem Titel und beeinflusst damit die Klicks. Google kann sie durch eine Textstelle ersetzen, die besser zur Suchanfrage passt. Formulieren Sie sie als kurze Antwort mit einem Nutzen, zwischen 120 und 160 Zeichen, und verwenden Sie dieselbe Beschreibung nie auf mehreren Seiten.

Der Meta-Robots-Tag

Der Robots-Meta-Tag sagt Crawlern, was sie mit der Seite tun dürfen. Der häufigste Wert ist noindex, der eine Seite aus den Ergebnissen fernhält; weitere sind nofollow, nosnippet und max-snippet, das die Länge des Snippets begrenzt. Für Dateien ohne Head-Bereich, etwa PDFs, gehören dieselben Anweisungen in den HTTP-Header X-Robots-Tag. Ein vergessenes noindex auf einem Live-Template ist eine der häufigsten Ursachen für Traffic-Verluste, prüfen Sie es also nach jedem Release.

Viewport und Charset

Google schreibt in seiner Dokumentation, dass der Viewport-Tag eine mobilfreundliche Seite anzeigt. Da Google die mobile Version von Websites indexiert, gehört dieser Tag auf jede Seite. Die Zeichensatz-Angabe (UTF-8 empfiehlt Google) verhindert kaputte Zeichen in Titeln und Snippets, was auf mehrsprachigen Websites zählt.

Welche Tags sagen Google, welche URL indexiert werden soll?

Zwei Link-Tags im Head regeln Duplikate und Sprachen. Der Canonical-Tag benennt die bevorzugte Version, wenn derselbe Inhalt über mehrere URLs erreichbar ist (Filter, Tracking-Parameter, HTTP und HTTPS). Google behandelt ihn als starken Hinweis, neben Weiterleitungen und internen Links, er wirkt also am besten, wenn alle Signale auf dieselbe URL zeigen. Nutzen Sie eine absolute URL, nur einen Canonical pro Seite und lassen Sie ihn nie auf eine blockierte oder auf noindex gesetzte Seite zeigen.

Das hreflang-Attribut sagt Google, welche Seite es welcher Sprache oder Region zeigen soll. Laut Googles Leitfaden zu lokalisierten Versionen muss jede Version sich selbst und alle anderen nennen, und ein x-default-Wert kann die Seite für Nutzer festlegen, deren Sprache nicht abgedeckt ist. Fehlende Rückverweise sind der häufigste hreflang-Fehler: Wenn Seite A auf Seite B zeigt, muss Seite B auf Seite A zurückzeigen.

Welche Body-Tags helfen Suchmaschinen, den Inhalt zu verstehen?

Überschriften von H1 bis H6

Überschriften bilden die Gliederung der Seite. Verwenden Sie eine H1, die das Thema nennt, H2 für die Hauptabschnitte und H3 für Schritte oder Punkte innerhalb eines Abschnitts, ohne Ebenen aus optischen Gründen zu überspringen. Google hat erklärt, dass mehrere H1 keine Abstrafung auslösen, doch eine einzige klare H1 bleibt die einfachste Struktur für Leser und assistive Technologien. Als Fragen formulierte H2 („Wie funktioniert X?“) entsprechen zudem der Art, wie Menschen suchen und KI-Prompts formulieren.

Alt-Texte für Bilder

Google erklärt in seinen Richtlinien für die Bildersuche, dass es den Alt-Text zusammen mit Computer Vision und dem Seiteninhalt nutzt, um ein Bild zu verstehen, und dass mit Keywords vollgestopfte Alt-Attribute eine Website als Spam erscheinen lassen können. Beschreiben Sie in einer kurzen Wendung, was das Bild zeigt. Google weist auch darauf hin, dass es CSS-Hintergrundbilder nicht indexiert: Jedes Bild, das ranken soll, braucht ein echtes img-Element.

Links und ihre rel-Attribute

Über das a-Element entdecken Crawler Seiten, interne Links müssen also echte Links mit href sein, keine per JavaScript gesteuerten Buttons. Das rel-Attribut kennzeichnet ausgehende Links: sponsored für bezahlte Platzierungen, ugc für Kommentare und Forenbeiträge, nofollow für Links, die Sie nicht empfehlen wollen. Google behandelt diese Werte seit 2020 als Hinweise. Ein beschreibender Ankertext hilft Lesern und Suchmaschinen gleichermaßen.

Semantische HTML5-Elemente

Elemente wie main, article, nav, header, footer und section zeigen Maschinen, welcher Teil der Seite der Hauptinhalt ist und welche Teile sich auf jeder Seite wiederholen. Sie verbessern das Ranking nicht allein, erleichtern aber das Isolieren des Hauptinhalts, für Suchmaschinen, Screenreader und KI-Tools gleichermaßen. Unser Leitfaden zu semantischem HTML erklärt jedes Element. Im Text markieren strong und em Betonungen: Nutzen Sie sie für Schlüsselbegriffe, nicht für ganze Absätze.

Welche Tags prägen Social-Vorschauen und Rich Results?

Das Open-Graph-Protokoll, von Facebook entwickelt und heute von den meisten sozialen Netzwerken und Messengern gelesen, definiert die Tags og:title, og:description, og:image und og:url, aus denen die Vorschaukarte beim Teilen einer Seite entsteht. Ohne sie raten die Plattformen, oft mit dem falschen Bild. Testen Sie das Ergebnis vor der Veröffentlichung mit einem Open-Graph-Vorschau-Tool.

Strukturierte Daten im JSON-LD-Format, in einem script-Tag platziert, beschreiben die Seite mit dem Schema.org-Vokabular: Artikel, Produkt, Organisation, Breadcrumb, FAQ. Google nutzt sie für Rich Results, und sie liefern KI-Systemen explizite Fakten über die Entität hinter der Seite. Das Markup muss beschreiben, was auf der Seite sichtbar ist. Ihre Rolle für KI-Antworten erklären wir in unserem Leitfaden zu strukturierten Daten und KI-Suche.

Welche HTML-Tags ignoriert Google?

Googles Liste der unterstützten Tags zeigt auch, was Sie nicht mehr pflegen müssen:

• Meta Keywords: Google erklärt, dass der Meta-Keywords-Tag von der Google-Suche nicht genutzt wird und keinerlei Einfluss auf Indexierung oder Ranking hat.
• Unbekannte Meta-Tags: Google ignoriert Meta-Tags, die es nicht unterstützt, etwa meta author oder meta revisit-after.
• Das lang-Attribut: Google erkennt die Sprache einer Seite an ihrem Text, nicht am lang-Attribut. Behalten Sie das Attribut für Barrierefreiheit und andere Tools und verknüpfen Sie Sprachversionen mit hreflang.
• Meta Refresh als Weiterleitung: Sie funktioniert, doch Google empfiehlt stattdessen eine serverseitige 301-Weiterleitung.

Zählen HTML-Tags für KI-Antworten?

Ja, aus einem einfachen Grund: ChatGPT, Claude, Gemini und Perplexity entnehmen Textstellen aus Seiten, und sauberes HTML macht diese Stellen leicht auffindbar. Mehrere KI-Crawler laden das rohe HTML, ohne JavaScript auszuführen, sodass ein Title, ein Canonical oder ein per Skript eingefügter Textblock sie nie erreichen kann. Eine klare Überschriftenhierarchie teilt die Seite in eigenständige Antworten, Listen und Tabellen halten Fakten zusammen, und strukturierte Daten nennen Fakten eindeutig. Das ist die technische Seite der Generative Engine Optimization: Dieselben Tags, die Google helfen, helfen auch KI-Assistenten, Sie korrekt zu zitieren.

Wie prüfen Sie die HTML-Tags einer Seite?

1. Lesen Sie den rohen Quelltext. Öffnen Sie den Quellcode (Strg+U) und suchen Sie nach den Tags title, meta description, robots, canonical und hreflang. Erscheint ein Tag nur in der gerenderten Seite, hängt er von JavaScript ab.
2. Vergleichen Sie mit Googles Sicht. Das URL-Prüftool der Google Search Console zeigt das von Google gerenderte HTML und den gewählten Canonical.
3. Prüfen Sie Seite für Seite. Die kostenlose Chrome-Erweiterung von Sorank listet fehlende oder doppelte Tags und die Korrekturen für die aufgerufene Seite.
4. Prüfen Sie die ganze Website. Ein Crawler findet doppelte Titles, fehlende Alt-Texte und falsche Canonicals über Tausende URLs; unsere Auswahl an Tools für technisches SEO vergleicht die Optionen.
5. Prüfen Sie nach jedem Release erneut. Bei Template-Änderungen tauchen noindex-Tags, defekte Canonicals und leere Titles auf.

Wer das gute Dutzend Tags oben im Griff hat, deckt fast alles ab, was HTML für SEO leisten kann; der Rest der Arbeit sind Inhalte und Links. Wenn Sie Seiten wollen, die bereits mit sauberen Titles, Überschriften, internen Links und strukturiertem Inhalt erscheinen, schreibt und veröffentlicht der Artikelgenerator von Sorank sie im Autopilot, ab 49 € pro Monat bei jährlicher Zahlung (siehe Preise).