JavaScript-SEO: Grundlagen und Optimierungstipps
Table of Contents
- Einführung in Javascript SEO Basics
- Die Bedeutung von Javascript
- Herausforderungen für Google-Crawler
- Google's Javascript Crawler
- Prozess der Website-Indizierung mit Javascript
- Optimierung für Javascript SEO
- Verwendung einer alten Version von Chrome
- Das Rich Results Testing Tool
- Auswirkungen von Javascript auf die Ladezeit
- Tipps zur Verwendung von Javascript in SEO
Einführung in Javascript SEO Basics
In dieser Lektion geht es um die Grundlagen von Javascript SEO. Heutzutage verwenden mehr als 97 % aller Websites Javascript in irgendeiner Form. Dies bedeutet, dass der reguläre Google-Crawler aufgrund der Ausführung von Javascript auf der Client-Seite nicht sehen kann, was in diesen Bereichen passiert. Dadurch entgehen Google alle Änderungen, die im Front-End stattfinden. Um dieses Problem zu lösen, hat Google einen Crawler entwickelt, der in der Lage ist, Javascript auszuführen und die Darstellung im Browser nachzuvollziehen.
Die Bedeutung von Javascript
Javascript spielt eine entscheidende Rolle in der Entwicklung moderner Websites. Es ermöglicht Interaktivität, Effekte und die dynamische Aktualisierung von Inhalten auf Webseiten. Da Javascript auf der Client-Seite ausgeführt wird, war es für Suchmaschinen wie Google schwierig, den Inhalt zu erfassen und zu verstehen. Dies führte zu Anpassungen des Crawler-Verhaltens von Google, um Javascript besser zu verarbeiten und die Inhalte auf Websites vollständig zu indizieren.
Herausforderungen für Google-Crawler
Der klassische Google-Crawler war nicht in der Lage, Javascript auszuführen und somit den Inhalt von Webseiten vollständig zu erfassen. Dies führte dazu, dass Google Änderungen im Front-End, die durch Javascript vorgenommen wurden, verpasste. Um dieses Problem zu lösen, entwickelte Google einen speziellen Javascript-Crawler. Dieser Crawler kann Javascript auf Webseiten ausführen und deren Darstellung im Browser nachvollziehen. Dadurch erhält Google einen umfassenderen Einblick in den Inhalt von Webseiten.
Google's Javascript Crawler
Um Javascript besser zu verarbeiten, hat Google einen speziellen Crawler entwickelt, der in der Lage ist, die Ausführung von Javascript auf Webseiten zu simulieren. Dieser Crawler kann den Inhalt einer modernen Webseite genauso sehen wie ein Benutzer, der die Seite in einem Browser betrachtet. Dadurch werden Änderungen und versteckter Inhalt, die zuvor vom klassischen Crawler übersehen wurden, erfasst. Der Javascript-Crawler ist jedoch langsamer als der klassische Crawler, wodurch eine verzögerte Indizierung von Webseiten entstehen kann.
Prozess der Website-Indizierung mit Javascript
Der Prozess der Indizierung von Webseiten mit Javascript findet in zwei Wellen statt. Zunächst wird die Webseite auf herkömmliche Weise durch den klassischen Crawler indiziert. In dieser ersten Welle werden die textbasierten Inhalte erfasst. In einer zweiten Welle erfolgt die Indizierung unter Verwendung des Javascript-Crawlers. Dabei werden die Inhalte erneut gerendert und zusätzliche Daten gesammelt. Diese Daten werden mit den in der ersten Welle gesammelten Daten kombiniert und in den Index aufgenommen.
Optimierung für Javascript SEO
Um sicherzustellen, dass Google den Inhalt einer Webseite vollständig indizieren kann, sollten der Hauptinhalt und alle wichtigen Links direkt im HTML-Quellcode sichtbar sein. Die Verwendung von "rel=canonical" und "rel=amp html" im HTML-Markup kann dazu beitragen, dass Google diese Informationen schnell erfasst. Javascript kann die Funktionalität einer Seite verbessern, sollte jedoch den eigentlichen Inhalt nicht vollständig ersetzen. Es ist auch wichtig zu beachten, dass Google eine veraltete Version des Chrome-Browsers zum Rendern von Webseiten verwendet. Daher können sich Unterschiede zwischen der Darstellung in der Entwicklerkonsole und der tatsächlichen Darstellung bei Google ergeben.
Verwendung einer alten Version von Chrome
Google verwendet für das Rendering von Webseiten eine veraltete Version des Chrome-Browsers (Version 41), die im März 2015 veröffentlicht wurde. Diese Version weist deutliche Unterschiede zu aktuellen Versionen auf. Daher sollte man bei der Verwendung von Javascript aus SEO-Sicht die Website mit dieser veralteten Version von Chrome auf dem lokalen Gerät testen. Dies hilft dabei, mögliche Unterschiede in der Darstellung zu erkennen und zu verstehen.
Das Rich Results Testing Tool
Google stellt das "Rich Results Testing Tool" zur Verfügung, mit dem man das gerenderte Dokumentenobjektmodell (DOM) einer Webseite anzeigen kann. Durch Vergleich mit dem regulären Markup können Unterschiede erkannt werden. Weitere Informationen zur Verwendung des Tools finden sich in der Dokumentation von Google.
Auswirkungen von Javascript auf die Ladezeit
Webseiten, die viel Javascript verwenden, können dazu führen, dass der Inhalt langsamer geladen wird. Dies kann die Benutzererfahrung beeinträchtigen und auch Auswirkungen auf das Crawling durch Suchmaschinen haben. Es ist daher wichtig, die Ladezeit der Webseite zu optimieren und sicherzustellen, dass sämtliche benötigte Ressourcen für das Rendering nicht blockiert sind.
Tipps zur Verwendung von Javascript in SEO
- Überprüfen Sie Ihre Webseite mit dem "Google Mobile Friendly Testing Tool", um das gerenderte Dokumentenobjektmodell und mögliche Fehler bei der Darstellung zu sehen.
- Verwenden Sie keine im Cache gespeicherten Versionen von Javascript-Webseiten, da der Cache die Darstellung durch den Browser und nicht durch Google widerspiegelt.
- Stellen Sie sicher, dass für das Rendering von Webseiten benötigte interne und externe Ressourcen nicht für Googlebot blockiert sind.
- Verwenden Sie "rel=canonical"-Tags direkt im HTML oder in den HTTP-Headern, um sicherzustellen, dass Google diese richtig erkennt. Von Javascript generierte "rel=canonical"-Tags sind weniger zuverlässig und werden möglicherweise von Google ignoriert.
FAQ
Frage: Beeinflusst Javascript die SEO-Rankings einer Webseite?
Antwort: Die Verwendung von Javascript kann sich sowohl positiv als auch negativ auf die SEO-Rankings einer Webseite auswirken. Es ist wichtig, Javascript richtig zu optimieren und sicherzustellen, dass der Inhalt für Suchmaschinen zugänglich ist.
Frage: Wie kann ich sicherstellen, dass Google meine mit Javascript generierten Inhalte richtig indiziert?
Antwort: Indem Sie sicherstellen, dass der Hauptinhalt und wichtige Links direkt im HTML-Quellcode sichtbar sind und "rel=canonical"-Tags im HTML-Markup oder den HTTP-Headern verwendet werden, können Sie sicherstellen, dass Google diese Inhalte richtig erfasst.
Frage: Wie wirkt sich die Verwendung von Javascript auf die Ladezeit einer Webseite aus?
Antwort: Webseiten mit viel Javascript können dazu führen, dass der Inhalt langsamer geladen wird. Es ist wichtig, die Ladezeit zu optimieren, um die Benutzererfahrung zu verbessern und Crawling-Probleme zu vermeiden.
Highlights
- Javascript wird auf über 97 % aller Websites verwendet.
- Der klassische Google-Crawler kann Javascript nicht vollständig erfassen.
- Google hat einen speziellen Javascript-Crawler entwickelt, der Javascript ausführen und den Inhalt einer Webseite vollständiger erfassen kann.
- Die Indizierung einer Webseite mit Javascript erfolgt in zwei Wellen: die erste Welle basiert auf dem klassischen Crawl und die zweite Welle beinhaltet die Javascript-Rendierung.
- Um Javascript-Webseiten für SEO zu optimieren, sollten wichtige Inhalte direkt im HTML-Quellcode sichtbar sein und Canonical-Tags richtig verwendet werden.
Ressourcen
AI SEO Assistant
WHY YOU SHOULD CHOOSE Proseoai
