Canonical per JavaScript, getestet mit vier URLs

Der Anlass

Auf der Google I/O im Mai 2018 gab es einen Vortrag zu JavaScript-SEO. Darin hieß es, Google suche Canonical-Tags nicht im gerenderten HTML. Das passte nicht zu unserem Test mit dem Google Tag Manager aus dem Jahr davor. Dort hatte ein per Tag Manager eingefügtes Canonical gewirkt.

Dieser frühere Befund beruhte allerdings auf einer einzigen URL. Bei Canonicals ist das ein bekanntes Problem. Ein Canonical funktioniert nur zwischen sehr ähnlichen Seiten, und die kanonisiert Google oft auch ohne Canonical. Ein einzelner Treffer kann also Zufall sein. Deshalb haben wir den Test einen Tag nach dem Vortrag mit mehr Seiten und einer Kontrollgruppe neu aufgesetzt.

Uns ging es um die Frage, wie Google Websites behandelt, die auf clientseitiges JavaScript angewiesen sind. Ob du Canonicals per JavaScript setzen solltest, ist eine andere Frage. Die Antwort darauf steht weiter unten.

Aufbau des Tests

Am 11. Mai 2018 fügte der Google Tag Manager auf vier Seiten ein Canonical auf die Blog-Übersicht ein. Der Quelltext dieser Seiten enthielt kein Canonical auf die Übersicht. Das Skript sah sinngemäß so aus.

Die Kontrollseiten sollten zeigen, ob Google solche Seiten auch ohne unser Canonical auf die Übersicht zusammenlegt. Wäre das passiert, hätte der Test nichts bewiesen. Den Stand haben wir damals mit der Suchabfrage info: geprüft, die die von Google gewählte URL anzeigte.

Ergebnis

Alle vier Testseiten landeten auf dem Ziel des per JavaScript eingefügten Canonicals. Keine dieser Seiten war vorher je so kanonisiert worden, soweit wir wissen.

Indexierung beantragen hat kaum geholfen

Am 11. Mai haben wir für alle Testseiten in der Search Console „Abrufen und rendern“ mit „Indexierung beantragen“ genutzt. Am 22. Mai folgten die Blog-Übersichten mit allen verlinkten Seiten, am 1. Juni noch einmal die drei Seiten, die bis dahin nicht kanonisiert waren. Bei neuen URLs wirkt das sonst fast sofort. Hier blieb der erste Antrag ohne erkennbare Wirkung. Der Antrag vom 1. Juni hat die Änderungen am 3. und 4. Juni womöglich angestoßen. Vielleicht muss Google eine Seite auch mehrmals rendern, bevor es ein eingefügtes Canonical übernimmt.

Die Search Console zeigte etwas anderes

Im damaligen Bericht zur Indexabdeckung standen die kanonisierten Testseiten als „Eingereichte URL nicht als kanonisch ausgewählt“. Erwartet hätten wir „Alternative Seite mit richtigem kanonischen Tag“. Unsere Erklärung war, dass der Bericht nach den offiziellen Regeln arbeitete. Er übersah Canonicals, die nur im gerenderten HTML stehen, obwohl die Suche sie nutzte.

Unsere Schlussfolgerung

• Google hat Canonicals genutzt, die nur im gerenderten HTML standen, entgegen der Aussage aus dem Vortrag.
• Bis zur Übernahme vergingen bei einigen Seiten mehr als drei Wochen.
• „Indexierung beantragen“ hat das Rendern nicht erkennbar beschleunigt.
• Die Search Console hat die eingefügten Canonicals in ihren Berichten übergangen.
• Die Aussage aus dem Vortrag beruhte womöglich auf einem Missverständnis oder einem Fehler.

Was hat sich seitdem geändert?

Google beschreibt das Verhalten heute selbst. Laut der Dokumentation zu JavaScript-SEO übernimmt die Google Suche ein per JavaScript eingefügtes Canonical beim Rendern. Empfohlen wird das weiterhin nicht. Google rät, das Canonical im HTML zu setzen. Setzt du es per JavaScript, soll es dieselbe URL nennen wie das Canonical im Quelltext. Geht das nicht, lässt du es im Quelltext weg. Auf der Seite darf am Ende nur ein Canonical stehen. Mehrere oder widersprüchliche Canonicals führen laut Google zu unerwarteten Ergebnissen.

Die Werkzeuge von damals gibt es so nicht mehr. Die von Google gewählte kanonische URL zeigt heute die URL-Prüfung der Search Console, neben dem Canonical, das du angegeben hast. Der Bericht zur Indexabdeckung heißt jetzt „Seitenindexierung“. Wie er heute mit Canonicals aus dem gerenderten HTML umgeht, haben wir nicht neu getestet. KI-Crawler wie GPTBot und ClaudeBot führen laut Vercel (Dezember 2024) kein JavaScript aus und sehen ein solches Canonical gar nicht. Die Grundlagen stehen im Ratgeber Canonical.

So prüfst du deine Canonicals

1. Setze das Canonical im Quelltext, mit absoluter URL und nur einmal im Head.
2. Prüfe, ob ein Skript, ein Plugin oder ein Tag im Tag Manager ein zweites Canonical einfügt oder das vorhandene ändert.
3. Vergleiche Quelltext und gerendertes HTML. Das folgende Skript zeigt beide Werte.
4. Kontrolliere in der URL-Prüfung, welche URL Google als kanonisch gewählt hat.

Häufige Fehler

• Im Quelltext steht ein Canonical auf die Seite selbst, und JavaScript ändert es auf eine andere URL.
• Ein Tag im Tag Manager fügt ein Canonical hinzu, und das alte bleibt stehen.
• Ein Skript schließt den Head zu früh. Das Canonical landet dann im Body und zählt nicht.
• Ein Ergebnis wird nach wenigen Tagen bewertet, obwohl Google für das Rendern länger braucht.

Häufige Fragen