Wer jetzt auf den Buzzer haut und sagt: "Ich möchte lösen: Javascript!", springt zu kurz. Javascript wird als Webtechnologie immer beliebter und uns noch eine ganze Weile erhalten bleiben. Wie das mit SEO zusammenhängt, haben wir Euch neulich im Beitrag zum Dynamic Rendering schon einmal kurz dargelegt.
Doch woher wissen wir SEOs, ob wir gerade ein Problem mit Javascript haben oder nicht?
Dazu können wir das Wissen von Aleyda Solis, Olga Zarzeczna und Tomek Rudzki anzapfen, die sich bei Aleydas Podcast "Crawling Mondays" zum Thema "JavaScript SEO: How to Optimize JavaScript Content for Search" verabredet haben.
Zwei Aussagen waren für mich ganz zentral
-
Dass der Googlebot gut darin geworden ist, Javascript zu rendern, bedeutet nicht, dass er es (zeitnah, regelmäßig, zuverlässig) auch tut. Denn es ist unglaublich ressourcenintensiv. Das ist nicht nur schlecht für Ladezeiten und Crawlbudget, sondern auch für die Umwelt, wie man beim Website Carbon Calculator sehen kann. Massenweise "crawled but not indexed"-Meldungen in der Search Console können ein Indikator für dieses Problem sein.
-
Viele Effekte, die mit Javascript in Websites programmiert sind, lassen sich deutlich schlanker mit HTML und CSS umsetzen.
Diese Tools helfen bei der Analyse
Wie Olga und Tomek an die Fehlersuche gehen, wenn sie Websites auf Javascript-Probleme untersuchen, verraten sie gebündelt ab 14:51 im Video:
Wird Javascript auf der Seite genutzt?
-
Javascript im Browser ein- und ausschalten: So kannst Du erkennen, ob/wieviel Javascript auf der Seite eingesetzt wird. Hier lohnt es sich, ein "Sample of Templates", also unterschiedliche Seitentypen, beispielhaft anzusehen.
-
Denselben Zweck erfüllt auch das Gratis-Tool "What would Javascript do" der geschätzten SEO-Agentur Onely. Es stellt Dir Screenshots der Seite gegenüber, wie sie mit und ohne JS aussieht.
Wie rendert Google Javascript? Kommen die wichtigen Inhalte bei Google an?
-
Sofern der Zugang zur Google Search Console (GSC) vorliegt, kannst Du einfach den Livetest verwenden und im gerenderten HTML nach bestimmten Inhalten suchen.
-
Ohne den Zugang liefert der Google Mobile Friendly Test in der Regel dasselbe Ergebnis. Vorsicht: Wir haben aber auch schon Unterschiede festgestellt.
-
Wenn Du Dir nicht nur einzelne Seiten, sondern die ganze Domain ansehen möchtest, kannst Du mit Tools wie dem Screaming Frog oder Sitebulb ein Crawl von der Seite machen, bei dem Javascript ausgeführt wird. Stelle für den Useragent "Googlebot" ein, um möglichst nah an das Verhalten von Google heranzukommen (100 Prozent wird es nicht geben). Sofern Du Zugriff auf die GSC hast, nutze unbedingt die Möglichkeit, die GSC-Daten per API in den Crawl aufzunehmen. Mit dem Screaming Frog kannst Du das rohe HTML mit dem gerenderten DOM-HTML in Screenshots vergleichen.
Sind die wichtigen Inhalte im Goolge-Index gelandet und können sie ranken?
-
Mit GSC-Zugang schaust Du dazu natürlich standardmäßig in den Index-Report, wie er in der Neuauflage des Tools heißt.
-
Oder Du nutzt die Site-Search, indem Du beispielsweise einen Satz, der erst durch Javascript auf die Website geschrieben wird, in Anführungszeichen plus "site:beispieldomain.de" bei Google suchst. Wenn Google das Javascript sauber verarbeiten konnte (und sie indexierungswürdig fand), sollte ein Treffer mit Deinem gesuchten Inhalt auftauchen.
Darüber hinaus gibt es natürlich weitere Tools und Plugins wie zum Beispiel Web Developer, die Dir bei der Analyse helfen können. Viel wichtiger ist aber, dass Du für Deine spezifische Frage Antworten bekommst und Dir für regelmäßige Audits einen Workflow erarbeitest, der für Dich zuverlässig funktioniert.
Wie gehst Du an einen Javascript-Audit ran?