Webentwicklungstools zum Debuggen von JavaScript-Problemen in der Google-Suche

Google proporciona muchas herramientas para ayudarlo a depurar problemas de SEO de JavaScript auf der Google-Suche. Esta guía le brinda una descripción general de las herramientas disponibles y sugerencias sobre cuándo usar cada herramienta.

Finden Sie grundlegende SEO-Probleme mit Lighthouse

Benutzen Leuchtturm für Ihre erste Untersuchung. Es enthält zahlreiche SEO-Audits.

Las auditorías de Lighthouse SEO son primeros controles muy básicos para una sola página de su sitio Netz. Detectan los errores más comunes y le dan una primera impresión de cómo le está yendo a su sitio web en términos de visibilidad en los Suchmaschinen. Tenga en cuenta que Lighthouse se ejecuta en su Browser, lo que no es una representación precisa de cómo Googlebot podría ver una página web. Por ejemplo, los Browser (y Lighthouse) no usan robots.txt zu entscheiden, ob sie Ressourcen aus dem Netzwerk erhalten können, während der Googlebot dies tut. Wenn Lighthouse also potenzielle Probleme erkennt, sollte es diese beheben. Möglicherweise müssen Sie jedoch andere Tools verwenden, um die Probleme weiter zu debuggen.

Validieren Sie Seiten mit den Testtools der Google-Suche

Die Google-Suche bietet
Eine Reihe von Tools, mit denen Sie testen können, wie der Googlebot Ihre Webinhalte sieht.
Algunas de estas herramientas son particularmente útiles cuando se realizan pruebas desde su Entwicklungsumgebung:

In Kombination mit
Tools wie Local-Tunnel oder Ngrok
puede crear una Url pública temporal a partir de su entorno de desarrollo local e iterar rápidamente mientras realiza pruebas con las herramientas de prueba de Google.

Diese Testtools liefern Ihnen zahlreiche nützliche Informationen, wie zum Beispiel:

• Das HTML renderizado que Googlebot usará para indexar.
• Eine Übersicht über die geladenen Ressourcen und Erklärungen, warum die Ressourcen nicht geladen werden können
• Konsolenprotokollmeldungen und JavaScript-Fehler mit Stack-Traces

Google Search Console URL-Inspektionstool Es kann Ihnen auch detaillierte Informationen über den Status einer Seite geben.

Hier erfahren Sie:

• Ob sich die URL im Suchindex von Google befindet oder möglicherweise in Zukunft indexiert wird
• So sieht der gerenderte HTML-Code des letzten Crawls aus
• So sieht der gerenderte HTML-Code für einen neuen Seiten-Crawl aus
• Informationen zu Seitenressourcen
• JavaScript-Protokollmeldungen und -Fehler mit Stack-Traces
• Ein Screenshot
• Problemas de usabilidad móvil
• Was datos estructurados se detectaron en la página y si son válidos

Mit diesen Tools können Sie die meisten Probleme identifizieren und lösen. Die Google-Suche bietet auch Dokumentation dazu
Beheben Sie JavaScript-Probleme im Zusammenhang mit der Google-Suche
Weitere Hinweise dazu, was zu tun ist, wenn Sie die Ursache eines Problems identifiziert haben.

Investigar el estado del sitio con Google Search Console

Die Tools im letzten Abschnitt eignen sich hervorragend zum Lösen spezifischer Probleme auf einer einzelnen Seite Ihrer Website. Wenn Sie jedoch einen besseren Überblick über Ihre gesamte Website wünschen, können Sie die Tools verwenden Google Search Console Dorthin solltest du gehen.

Berichterstattungsbericht

das Berichterstattungsbericht zeigt Ihnen, welche Seiten Ihrer Website indiziert sind und bei welchen Probleme auftreten.

Core Web Vitals Report

das Core Web Vitals Report hilft Ihnen, einen Überblick über die Leistung Ihrer Website-Seiten im Hinblick auf Core Web Vitals zu erhalten.

In diesem Artikel haben wir uns eine Reihe von Tools für verschiedene Zwecke angesehen, vom Testen einer Seite vor der Veröffentlichung bis hin zur Überwachung von Seiten auf einer Live-Website, die Ihnen Transparenz darüber verschaffen, wie Ihre Website in Bezug auf die Sichtbarkeit für die Google-Suche abschneidet. . Einige dieser Tools können nützliche Bestandteile Ihres Entwicklungs-Toolkits werden, andere können eher Ad-hoc-Tools sein, um die Ursache eines Problems zu identifizieren und betroffene Seiten zu reparieren. Um mehr über die Google-Suche für Entwickler zu erfahren oder JavaScript-SEO, schauen Sie sich den Beamten an
Suchentwickler Dokumentation.