Suchebezogene JavaScript-Probleme beheben

Dieser Leitfaden hilft Ihnen dabei, JavaScript-Probleme zu identifizieren und zu beheben, die möglicherweise Ihre Seite oder bestimmte Inhalte auf JavaScript-basierten Seiten daran hindern, in der Google Suche zu erscheinen.
Die Google Suche führt zwar JavaScript aus, aber es gibt einige Unterschiede und Einschränkungen, die Sie bei der Gestaltung Ihrer Seiten und Anwendungen berücksichtigen müssen, um zu verstehen, wie Crawler auf Ihre Inhalte zugreifen und sie rendern.
Unser Leitfaden zu den Grundlagen von JavaScript-SEO bietet weitere Informationen darüber, wie Sie Ihre JavaScript-Website für die Google Suche optimieren können.

Googlebot ist darauf ausgelegt, ein guter Internet-Bürger zu sein. Das Crawling hat für ihn oberste Priorität, wobei gleichzeitig sichergestellt wird, dass das Nutzungserlebnis der Besucher der Website nicht beeinträchtigt wird.
Googlebot und seine Web Rendering Service (WRS)-Komponente analysieren und identifizieren kontinuierlich Ressourcen, die nicht zum wesentlichen Seiteninhalt beitragen, und rufen solche Ressourcen möglicherweise nicht ab.
Beispielsweise sind Berichts- und Fehleranfragen, die nicht zum wesentlichen Seiteninhalt beitragen, sowie andere ähnliche Arten von Anfragen für die Extraktion des wesentlichen Seiteninhalts ungenutzt oder unnötig. Clientseitige Analysen bieten möglicherweise kein vollständiges oder genaues Bild der Googlebot- und WRS-Aktivität auf Ihrer Website.
Verwenden Sie den Crawling-Statistik-Bericht in der Google Search Console um die Googlebot- und WRS-Aktivität sowie das Feedback auf Ihrer Website zu überwachen.

Wenn Sie den Verdacht haben, dass JavaScript-Probleme Ihre Seite oder bestimmte Inhalte auf JavaScript-basierten Seiten daran hindern, in der Google Suche zu erscheinen, befolgen Sie diese Schritte. Wenn Sie sich nicht sicher sind, ob JavaScript die Hauptursache ist, folgen Sie unserem allgemeinen Leitfaden zur Fehlerbehebung um das spezifische Problem zu ermitteln.

1. Um zu testen, wie Google eine URL crawlt und rendert, verwenden Sie den Rich-Suchergebnisse-Test oder das URL-Prüfungstool in der Search Console.
   Sie können geladene Ressourcen, Ausgaben und Ausnahmen der JavaScript-Console, das gerenderte DOM und weitere Informationen einsehen.

   Optional empfehlen wir außerdem, JavaScript-Fehler zu erfassen und zu prüfen, auf die Nutzer einschließlich des Googlebots auf Ihrer Website stoßen, um potenzielle Probleme zu identifizieren, die sich auf das Rendern von Inhalten auswirken können.
   Hier ist ein Beispiel, das zeigt, wie JavaScript-Fehler protokolliert werden, die im globalen onerror-Handlerprotokolliert werden. Beachten Sie, dass einige Arten von JavaScript-Fehlern, wie z. B. Syntaxfehler, mit dieser Methode nicht protokolliert werden können.
2. Achten Sie darauf, Folgendes zu verhindern: Soft-404- Fehler. In einer Single-Page-Anwendung (SPA) kann dies besonders schwierig sein. Um zu verhindern, dass Fehlerseiten indexiert werden, können Sie eine oder beide der folgenden Strategien anwenden:
   • Weiterleitung zu einer URL, bei der der Server mit einem 404 Statuscode antwortet.
   • Hinzufügen oder Ändern des robots -Meta- Tags auf noindex.

   Wenn eine SPA clientseitiges JavaScript verwendet, um Fehler zu behandeln, melden sie häufig einen 200 HTTP-Statuscode anstelle des geeigneten Statuscodes. Dies kann dazu führen, dass Fehlerseiten indexiert und möglicherweise in den Suchergebnissen angezeigt werden.

3. Erwarten Sie, dass Googlebot Nutzerberechtigungsanfragen.
   
   ablehnt Funktionen, die eine Nutzerberechtigung erfordern, sind für den Googlebot oder für alle Nutzer nicht sinnvoll. Wenn Sie beispielsweise die Kamera-API
4. voraussetzen, kann der Googlebot Ihnen keine Kamera zur Verfügung stellen.
   Stellen Sie stattdessen eine Möglichkeit bereit, wie Nutzer auf Ihre Inhalte zugreifen können, ohne zum Zulassen des Kamerazugriffs gezwungen zu werden.
   
   Verwenden Sie keine URL-Fragmente, um verschiedene Inhalte zu laden. Eine SPA kann URL-Fragmente (z. B. https://example.com/#/products) verwenden, um verschiedene Ansichten zu laden. Das AJAX-Crawling-Schema wurde eingestellt seit 2015, sodass Sie sich nicht darauf verlassen können, dass URL-Fragmente mit Googlebot funktionieren.
   Wir empfehlen die Verwendung der History API
5. um verschiedene Inhalte basierend auf der URL in einer SPA zu laden.
   
   Verlassen Sie sich nicht auf Datenpersistenz, um Inhalte bereitzustellen. WRS lädt jede URL (siehe So funktioniert die Google Suche
   • für eine Übersicht darüber, wie Google Inhalte entdeckt), wobei Server- und Client-Weiterleitungen wie bei einem regulären Browser gefolgt werden.
     WRS behält jedoch keinen Status über Seitenladevorgänge hinweg bei:
   • Daten von Local Storage und Session Storage werden über Seitenladevorgänge hinweg gelöscht.
6. HTTP-Cookies werden über Seitenladevorgänge hinweg gelöscht.
   
   Verwenden Sie Content Fingerprinting, um Cache-Probleme mit Googlebot zu vermeiden. Googlebot cacht aggressiv, um Netzwerkanfragen und Ressourcennutzung zu reduzieren. WRS ignoriert möglicherweise Caching-Header. Dies kann dazu führen, dass WRS veraltete JavaScript- oder CSS-Ressourcen verwendet. Content Fingerprinting behebt dieses Problem, indem es einen Fingerabdruck des Inhalts zu einem Teil des Dateinamens macht, wie z. B.main.2bb85551.js .
   Der Fingerabdruck hängt vom Inhalt der Datei ab, sodass Updates jedes Mal einen anderen Dateinamen generieren. Schauen Sie sich den web.dev-Leitfaden zu langlebigen Caching-Strategien
7. an, um mehr zu erfahren. Stellen Sie sicher, dass Ihre Anwendung Feature-Erkennung
   
   für alle kritischen APIs verwendet, die sie benötigt, und stellen Sie gegebenenfalls ein Fallback-Verhalten oder Polyfill bereit.
8. Einige Webfunktionen werden möglicherweise noch nicht von allen User Agents unterstützt, und einige deaktivieren bestimmte Funktionen möglicherweise absichtlich. Wenn Sie beispielsweise WebGL zum Rendern von Fotoeffekten im Browser verwenden, zeigt die Feature-Erkennung, dass Googlebot WebGL nicht unterstützt.
   Um dies zu beheben, könnten Sie den Fotoeffekt überspringen oder serverbasiertes Rendern verwenden, um die Fotoeffekte vorab zu rendern, wodurch Ihre Inhalte für jeden zugänglich werden, einschließlich des Googlebots.
   
   Stellen Sie sicher, dass Ihre Inhalte mit HTTP-Verbindungen funktionieren. Googlebot verwendet HTTP-Anfragen, um Inhalte von Ihrem Server abzurufen. Er unterstützt keine anderen Arten von Verbindungen, wie z. B. WebSockets oder WebRTC -Verbindungen.
   Um Probleme mit solchen Verbindungen zu vermeiden, stellen Sie sicher, dass Sie ein HTTP-Fallback zum Abrufen von Inhalten bereitstellen und eine robuste Fehlerbehandlung sowie.
9. Feature-Erkennung verwenden.
   Stellen Sie sicher, dass Ihre Webkomponenten wie erwartet gerendert werden. Verwenden Sie den Rich-Suchergebnisse-Test oder das URL-Prüfungstool
   
   um zu überprüfen, ob das gerenderte HTML alle von Ihnen erwarteten Inhalte enthält. WRS glättetLight-DOM und Shadow-DOMtermingerecht ab und führt sie zusammen, um sie als flaches DOM zu rendern und zu analysieren. <slot> Mechanismus für leichte DOM-Inhalte konsultieren Sie die Dokumentation der Web-Komponente für weitere Informationen oder verwenden stattdessen eine andere Web-Komponente.
   Weitere Informationen finden Sie unter Best Practices für Web-Komponenten.
10. Wenn Sie eine JavaScript-basierte Paywall verwenden, überprüfen Sie die Implementierung.
    
    Einige JavaScript-Paywall-Lösungen enthalten den vollständigen Inhalt in der Serverantwort und blenden ihn dann mit JavaScript aus, bis der Abonnementstatus bestätigt ist. Dies ist keine zuverlässige Methode, um den Zugriff auf den Inhalt zu beschränken. Stellen Sie sicher, dass Ihre Paywall den vollständigen Inhalt erst bereitstellt, wenn der Abonnementstatus bestätigt ist.
11. Testen Sie Ihre Seite, nachdem Sie die Punkte in dieser Checkliste behoben haben, mit dem Test für Rich-Suchergebnisse oder dem URL-Prüftool in Search Console erneut.
    
    Wenn Sie das Problem behoben haben, erscheint ein grünes Häkchen und es werden keine Fehler angezeigt. Wenn Sie weiterhin Fehler sehen, posten Sie im Search Central-Hilfe-Community.