用于调试 Google 搜索中的 JavaScript 问题的 Web 开发者工具

如何调试单个网页或整个网站上的 SEO 问题。

Martin Splitt
Martin Splitt

Google 提供了许多工具来帮助您调试 Google 搜索中的 JavaScript SEO 问题。本指南简要介绍了可用的工具,并提供了有关何时使用每种工具的建议。

使用 Lighthouse 查找基本的 SEO 问题

使用 Lighthouse 进行首次调查。 它提供了一系列 SEO 审核

Lighthouse 中的 SEO 审核的屏幕截图。

Lighthouse SEO 审核是对网站单个网页进行的基本初步检查。它们可以发现最常见的错误,并让您初步了解您的网站在搜索引擎可发现性方面的表现。请注意,Lighthouse 在浏览器中运行,这并不能准确反映 Googlebot 可能看到的网页。例如,浏览器(和 Lighthouse)不会使用 robots.txt 来决定是否可以从网络中提取资源,而 Googlebot 会使用。因此,当 Lighthouse 发现潜在问题时,您应该修复这些问题,但可能需要使用其他工具来进一步调试问题。

使用 Google 搜索测试工具验证网页

Google 搜索提供一套工具,用于测试 Googlebot 如何看待您的网络内容
在开发环境中进行测试时,以下工具特别有用:

结合使用 local-tunnel 或 ngrok 等工具,您可以从本地开发环境创建临时公开网址,并在使用 Google 的测试工具进行测试时快速迭代。

这些测试工具可为您提供多项实用信息,例如:

  • Googlebot 将用于编制索引的呈现 HTML
  • 加载的资源概览以及无法加载资源的原因说明
  • 包含堆栈轨迹的控制台日志消息和 JavaScript 错误
移动设备适合性测试的屏幕截图。

Google Search Console 的网址检查工具还可以提供有关网页状态的详细信息。

网址检查工具的屏幕截图。

您可以在此处了解以下信息:

  • 如果相应网址已编入 Google 搜索索引,或者将来可以编入索引
  • 最近一次抓取所呈现的 HTML 的外观
  • 网页的全新抓取操作所呈现的 HTML 的外观
  • 有关网页资源的信息
  • 包含堆栈轨迹的 JavaScript 日志消息和错误
  • 屏幕截图
  • 移动设备易用性问题
  • 网页上检测到的结构化数据以及这些数据是否有效

借助这些工具,您可以发现并解决大多数问题。Google 搜索还提供了解决与 Google 搜索相关的 JavaScript 问题的文档,以便在您确定问题原因后获得更多指导。

使用 Google Search Console 调查网站健康状况

上一部分中的工具非常适合解决网站单个网页上的特定问题,但如果您想更好地了解整个网站,则需要使用 Google Search Console

“索引涵盖范围”报告

“涵盖范围”报告会显示您网站中的哪些网页已编入索引,哪些网页存在问题。

“覆盖率”报告的屏幕截图。

“核心网页指标”报告

借助“核心网页指标”报告,您可以大致了解网站网页在核心网页指标方面的表现。

“核心网页指标”报告的屏幕截图。

将这些工具纳入您的开发者工具

在本文中,我们介绍了一系列工具,这些工具可用于各种用途,从在发布网页之前对其进行测试,到监控实际网站上的网页,让您清楚了解自己的网站在 Google 搜索中的可发现性。这些工具中,有些可能会成为您开发工具包中的实用工具,有些则可能更像是临时工具,用于找出问题的原因并修复受影响的网页。如需详细了解面向开发者的 Google 搜索或 JavaScript SEO,请参阅官方的面向开发者的 Google 搜索文档。