人惊叹的用户体验的传言后

公司通常使用现代 JavaScript 框架和库（如 React、Angular 或 Vue）来构建他们的网站。现在很明显，网络已经超越了简单的 HTML，进入了 JS 时代。

虽然企业想要利用最新技术并不罕见，但我们需要解决这一趋势的一个严峻现实：大多数向 JavaScript 框架的迁移都没有考虑到用户或自然流量。

我们称之为 JavaScript 悖论：

在听到有关 JavaScript 框架能够创造出令，大品牌纷纷加入到 JavaScript 的炒作行列。
事实证明 JavaScript 框架确实非常复杂。

大品牌彻底粉碎了向 JavaScript 的迁移

他们失去了自然流量，并且经常偷工减料，而不是 购买电话营销数据 为用户创造这种令人惊叹的用户体验之旅（我将在本文中提到几个例子）。
既然没有回头路，SEO 人员需要学习如何处理 JavaScript 网站。

但这说起来容易做起来难，因为让 JavaScript 网站在搜索引擎中取得成功对开发人员和 SEO 来说都是一个真正的挑战。

本文旨在跟进我全面SEO终极指南،并力求使其尽可能易于理解。所以，给自己倒杯咖啡，让我们享受一下乐趣吧——这里有六个步骤可以帮助您诊断和修复JavaScript SEO 问题.

步骤 1：使用 URL 检查工具查看 Google 是否可以呈现您的内容。
URL 检查工具（以前称为 Google Fetch and Render）是一款出色的免费工具，可让您检查 Google 是否可以正确呈现您的网页。

URL 检查工具要求您将您的网站连接到 Google Search Console。如果您还没有帐户，请访问Google 的帮助页面。

 

在 URL 表单字段中，输入您要审核的页面的完整 URL。

然后点击测试实时 URL。

测试完成后，点击查看测试页面。

 

最后，单击“屏幕截图”选项卡来查看呈现的页面。

向下滚动屏幕截图以确保您的网页正确呈现。问自己以下问题：

主要内容是否可见？

谷歌可以看到用户生成的评论吗？
Google 可以访问类似文章和产品的区域吗？
Google 能看到您网页上的其他重要元素吗？

为什么屏幕截图与我在浏览器中看到的不同？以下是一些可能的原因：

Google 在渲染时遇到超时。
渲染期间出现一些错误。您可能使用了 Google Web 渲染服 您应该回应差评吗？ 务不支持的一些功能（Google 使用已有四年历史的 Chrome 41 进行网页渲染，它不支持许多现代功能）。
您已阻止 Googlebot 的重要 JavaScript 文件。
第 2 步：确保您没有意外阻止 JavaScript 文件。
如果 Google 无法正确呈现您的网页，您应该确保您没有在 robots.txt 中阻止 Googlebot 的重要 JavaScript 文件。

TL;DR：什么是 robots.txt？

这是一个简单的文本文件，它指示 Googlebot 或任何其他搜 安圭拉讯息 索引擎机器人是否被允许请求页面/资源。

幸运的是，URL 检查工具可以识别所服务页面上所有被 robots.txt 阻止的资源。

但是从表现角度来说，如何判断被阻止的资源是否重要？

您有两个选择：基本和高级。

 

基本的

在大多数情况下，向开发人员询问此事可能是个好主意。他们创建了您的网站，因此他们应该很了解它。

显然，如果脚本的名称是 content.js 或 productListing.js，则它很可能是相关的，不应被阻止。

不幸的是，截至目前，URL 检查还不会告知您被阻止的 JS 文件的严重性。以前的 Google Fetch and Render 有这样的选项：

要点：