谷歌的 Martin Splitt 最近分享了有关 JavaScript 错误如何损害网站搜索性能的见解，JavaScript SEO一直是行业内讨论不休的问题。
与此同时，谷歌搜索倡导者约翰·穆勒 (John Mueller) 也敦促 SEO 专业人士更多地了解现代客户端技术。
重点
- 诊断 Google 索引问题时，请检查呈现的 HTML 而不是源代码。
- 修复返回 200 状态代码而不是正确的 404 的 JavaScript 错误页面。
- 为 Googlebot 始终会拒绝的地理位置请求提供后备内容。
错误 1：渲染的 HTML 与源 HTML
在由安东·舒尔克 (Anton Shulke)主持的SEO for Paws会议直播筹款活动上，斯普利特 (Splitt) 提请大家关注他所注意到的一个趋势。
尽管 Google 使用渲染后的 HTML 进行索引，但许多 SEO 专业人士仍然关注网站的原始源代码。渲染后的 HTML 是 JavaScript 运行完成后所看到的内容。
Splitt 解释道：
“很多人仍然在查看源代码。这不是我们用于索引的内容。我们使用渲染后的 HTML。”
这很重要，因为 JavaScript 可以通过删除或添加内容来更改页面。了解这一点有助于解释一些 SEO 问题。
错误 2：错误页面被索引
Splitt 指出了单页应用程序和 JavaScript 密集型网站的一个常见错误：它们通常会返回错误页面的 200 OK 状态。
发生这种情况是因为服务器在 JavaScript 检查页面是否存在之前发送了 200 响应。
Splitt 解释道：
“它不会响应 404，而只会响应 200……始终根据 JavaScript 执行情况显示页面。”
当错误页面获得 200 代码时，Google 会像正常页面一样对其进行索引，从而损害您的 SEO。
Splitt 建议检查服务器设置以正确处理错误，即使使用客户端渲染也是如此。
错误3：地理位置请求问题
当网站向用户询问位置或其他权限时，就会出现另一个问题。
Splitt 表示，如果网站依赖地理位置（或类似请求）而没有备份计划，Googlebot 将始终拒绝该请求。
Splitt 解释道：
“Googlebot 不会在该弹出窗口上说是。它会拒绝所有这些请求……因此，如果您请求地理位置定位，Googlebot 会拒绝。”
页面在 Googlebot 眼中可能显示为空白，没有替代内容，这意味着没有内容被索引。这可能会变成严重的 SEO 错误。
如何针对 SEO 调试 JavaScript
Splitt 分享了一些帮助诊断和修复 JavaScript 问题的步骤：
- 从搜索控制台开始：使用 URL 检查工具查看呈现的 HTML。
- 检查内容：验证是否存在预期的内容。
- 查看 HTTP 代码：查看“更多信息”>“资源”部分中的状态代码。
- 使用开发者工具：打开浏览器的开发者工具。检查“网络”选项卡中的“发起者”列，查看哪些 JavaScript 添加了具体内容。
Splitt补充道：
“启动器就是加载它的那个。如果它是由 JavaScript 注入的，你可以看到是哪部分代码做的。”
遵循这些步骤可以帮助您找到问题区域并与开发人员合作修复它们。
SEO技能的转变
Splitt 的建议与 Mueller 要求 SEO 人员拓宽技能范围的呼吁相一致。
Mueller最近建议SEO 专业人士了解客户端框架、响应式设计和 AI 工具。
穆勒表示：
“如果你从事 SEO 工作，考虑一下你的工作目前处于什么位置……如果你的重点是‘服务器级别的 SEO’，那么请考虑这一部分已经缩小了。”
现代 JavaScript 技术带来了新的挑战，而旧的 SEO 方法无法单独解决这些挑战。Splitt 的真实示例说明了为什么理解这些现代网络实践现在至关重要。
这对 SEO 专业人士意味着什么
两位 Google 倡导者都指出了一个明显的趋势：SEO 现在需要更多的技术技能。随着公司寻找能够兼具 SEO 和网站开发的专业人士，对这些现代技能的需求正在增长。
为了跟上步伐，SEO 专业人士应该：
- 了解 JavaScript 如何影响索引：了解源 HTML 和呈现的 HTML 之间的区别。
- 掌握开发者工具：使用搜索控制台和浏览器开发者工具等工具来发现问题。
- 与开发人员合作：共同构建能够很好地服务于用户和搜索引擎的网站。
- 拓宽您的技能：将客户端技术添加到您的传统 SEO 工具包中。
总结
随着网络的发展，SEO 专业人员的技能也必须不断提高。不过，提升知识水平并不一定是一件令人生畏的事。
从新的视角来看 JavaScript 在 SEO 中的作用，我们发现即使是简单的改变也会产生很大的影响。