Was macht Google mit hreflang, das nur im Quelltext steht?

Die Frage hinter dem Test

Jede Seite, die JavaScript nutzt, hat zwei Fassungen. Der Quelltext ist das HTML, das der Server ausliefert. Du siehst ihn im Browser über „Seitenquelltext anzeigen“. Das gerenderte HTML entsteht erst, wenn der Browser die Skripte ausgeführt hat. Du siehst es in den Entwicklertools unter „Untersuchen“. Fachleute sprechen auch von Pre-DOM und Post-DOM.

Meist stimmen beide Fassungen bei den SEO-Angaben überein. Im Juli 2017 wollten wir wissen, was Google tut, wenn sie sich widersprechen. Wir haben das am Beispiel von hreflang getestet. Den Anlass gab ein zweiter Test, für den wir hreflang mit dem Google Tag Manager neu setzen wollten. Er steht im Ratgeber hreflang mit dem Google Tag Manager.

Aufbau des Experiments

Getestet haben wir auf unserer eigenen Website searchviu.com. Sie lief damals auf WordPress, und das Plugin Polylang setzte die hreflang-Tags automatisch. Ein schneller Weg, sie im Plugin abzuschalten, fehlte. Deshalb haben wir sie mit dem Google Tag Manager beim Rendern entfernt. Ein Custom-HTML-Tag mit einem kurzen Skript löscht alle link-Elemente mit hreflang-Attribut aus dem DOM. Die Idee dafür stammt aus einer Anleitung von Sam Nemzer bei Moz. So sieht ein solches Skript aus.

Damit lag ein Widerspruch vor. Im Quelltext standen die hreflang-Tags vollständig, im gerenderten HTML fehlten sie.

Wie hat Google reagiert?

Vor dem Test zeigte google.de für die Suche nach searchVIU nur die deutsche Startseite. Kurz nach der Änderung im Tag Manager stand die englische Root-URL mit englischem Snippet auf Position 2, direkt unter der deutschen Startseite. Genau das verhindert hreflang, wenn es greift.

Als zweiten Beleg haben wir den hreflang-Bericht der Search Console beobachtet. Rund zwei Wochen lang passierte dort nichts. Danach sank die Zahl der erkannten hreflang-Tags. Eine genaue Zahl haben wir damals nur als Screenshot festgehalten.

Unsere Schlussfolgerung

Für hreflang hat Google in diesem Test das gerenderte HTML genutzt und die Angaben im Quelltext übergangen. Überrascht hat uns das im Nachhinein wenig. Kann Google zwei Fassungen mit widersprüchlichen Angaben lesen, muss es sich für eine entscheiden. Das gerenderte HTML zeigt, was auch ein Nutzer sieht.

Der Test hat Grenzen. Er lief auf einer einzigen Website und dort im Kern auf der Startseite. Eine Kontrollgruppe gab es nicht. Die Folgetests mit mehr Seiten findest du in den Ratgebern JavaScript-SEO-Experimente mit dem Google Tag Manager und Canonical per JavaScript. Sie zeigen in dieselbe Richtung.

Was hat sich seitdem geändert?

Seit Mai 2019 rendert Googlebot mit einer aktuellen Chromium-Version und aktualisiert sie regelmäßig. Die Google-Dokumentation zu JavaScript-SEO beschreibt drei Phasen, Crawling, Rendering und Indexierung. Jede Seite mit Status 200 kommt in die Render-Warteschlange und wird nach dem Rendern auf Basis des gerenderten HTML indexiert. Das passt zu unserem Ergebnis von 2017.

Für hreflang nennt Google weiterhin drei Wege, den HTML-Head, den HTTP-Header und die XML-Sitemap. JavaScript kommt in dieser Dokumentation nicht vor. Den Bericht „Internationale Ausrichtung“ mit den hreflang-Fehlern gibt es in der Search Console nicht mehr. Google nutzt hreflang laut eigener Hilfe aber weiter. Dazu kommt ein neuer Punkt. Die Crawler von ChatGPT, Claude und Perplexity führen laut einer Auswertung von Vercel aus dem Dezember 2024 kein JavaScript aus. Mehr dazu steht im Ratgeber KI-Crawler.

Den Test selbst haben wir nicht wiederholt. Wie Google heute einen solchen Widerspruch auflöst, wissen wir deshalb nicht aus eigener Messung.

Was heißt das für deine Website?

1. Setze hreflang im Quelltext, im HTTP-Header oder in der Sitemap. So ist die Angabe da, bevor ein Skript läuft.
2. Prüfe, ob Skripte, Consent-Tools oder Tag-Manager-Tags den Head nachträglich verändern.
3. Vergleiche Quelltext und gerendertes HTML. Das folgende Skript zählt die hreflang-Tags in beiden Fassungen.

Weichen die Zahlen ab, verändert ein Skript deine hreflang-Angaben. Wie du hreflang grundsätzlich aufbaust und prüfst, steht im Ratgeber hreflang.

Häufige Fehler

• Ein Skript im Tag Manager entfernt Head-Elemente, die im Quelltext richtig stehen.
• hreflang wird nur per JavaScript gesetzt. KI-Crawler ohne Rendering sehen die Sprachversionen dann nicht.
• Geprüft wird nur der Quelltext, etwa mit einem Crawler ohne Rendering.
• Nach einer Änderung wird zu früh ausgewertet. Im Test vergingen rund zwei Wochen bis zur ersten Bewegung in der Search Console.

Häufige Fragen