Post by account_disabled on Feb 1, 2024 9:29:37 GMT
作者的观点完全是他们自己的（不包括催眠这一不太可能发生的事件），并且可能并不总是反映 Moz 的观点。 如果您的工作在某种程度上涉及 SEO，那么您很可能已经越来越多地听到有关 JavaScript 及其对爬行和索引的影响。坦率地说，Googlebot 正在努力解决这个问题，并且许多网站现在都使用现代 JavaScript 来加载关键内容。正因为如此，我们需要有能力在这个话题出现时进行讨论，这样才能有效。 这篇文章的目标是为您提供这样做所需的最低限度的可行知识。这篇文章不会深入讨论细节，不会描述历史，也不会为您提供有关具体细节的极端细节。有很多令人难以置信的文章已经做到了这一点——如果您有兴趣深入研究，我建议您阅读它们（我将在底部链接到我最喜欢的文章）。 为了成为 JavaScript 和 SEO 主题的有效顾问，我们需要能够回答三个问题： 相关域/页面是否依赖客户端 JavaScript 来加载/更改页面内容或链接？ 如果是，Googlebot 是否可以正确看到通过 JavaScript 加载的内容？ 如果不是，理想的解决方案是什么？ 通过一些快速搜索，我找到了三个利用 JavaScript 加载关键内容的登陆页面示例。
Sitecore 的研讨会页面 Hulu 的“The Path”登陆页面 欧莱雅的主页 我将 Sitecore 的研讨会登录页 目标电话号码或电话营销数据 面通过每个谈话要点来说明如何回答上述问题。 我们将首先介绍“我如何做到这一点”方面，最后我将扩展一些核心概念并链接到更多资源。 问题 1：相关域是否依赖客户端 JavaScript 来加载/更改页面内容或链接？ 诊断涉及 JavaScript 的任何问题的第一步是检查域是否使用它加载可能影响 SEO（页面内容或链接）的关键内容。理想情况下，每当您获得新客户（在初始技术审核期间），或者每当您的客户重新设计/推出网站的新功能时，都会发生这种情况。 我们该如何去做呢？ 询问客户 问你应接受！但说真的，作为顾问，您可以做的最快/最简单的事情之一就是联系您的 POC（或帐户上的开发人员）并询问他们。毕竟，这些人是日复一日在网站上工作的人！ “您好[客户]，我们目前正在对网站进行技术扫描。我们检查的一件事是是否有任何关键内容（链接、页面内容）通过 JavaScript 加载。我们将进行一些手动测试，但确认这一点的一个简单方法是询问！请您（或您的团队）回答以下问题吗？ 1. 我们是否使用客户端 JavaScript 来加载重要内容？ 2. 如果是，我们能否获得通过 JavaScript 加载内容/内容的项目符号列表？” 手动检查 即使在拥有数百万页面的大型电子商务网站上，通常也只有少数重要的页面模板。
根据我的经验，手动检查最多只需要一个小时。我使用Chrome Web Developers 插件，从那里禁用 JavaScript，并手动检查网站的重要模板（主页、类别页面、产品页面、博客文章等） 在上面的示例中，一旦我们关闭 JavaScript 并重新加载页面，我们就可以看到我们正在查看一个空白页面。 当您取得进展时，记下有关未加载、加载错误或任何无法正常工作的内部链接的内容的注释。 在此步骤结束时，我们应该知道相关域是否依赖 JavaScript 来加载/更改页面内容或链接。如果答案是肯定的，我们还应该知道这种情况发生在哪里（主页、类别页面、特定模块等） 爬行 您还可以在关闭 JavaScript 渲染的情况下抓取网站（使用 Screaming Frog 或 Sitebulb 等工具），然后在打开 JavaScript 的情况下运行相同的抓取，并比较内部链接和页面元素的差异。 例如，当您在关闭 JavaScript 渲染的情况下抓取网站时，标题标签可能不会出现。在我看来，这将触发一个动作，在打开 JavaScript 渲染的情况下抓取网站，以查看标题标签是否出现（以及手动检查）。 例子 对于我们的示例，我继续进行了手动检查。从下面的屏幕截图中我们可以看到，当我们禁用 JavaScript 时，内容不会加载。 换句话说，我们对此页面的第一个问题的答案是“是的，JavaScript 正在用于加载网站的关键部分。
Sitecore 的研讨会页面 Hulu 的“The Path”登陆页面 欧莱雅的主页 我将 Sitecore 的研讨会登录页 目标电话号码或电话营销数据 面通过每个谈话要点来说明如何回答上述问题。 我们将首先介绍“我如何做到这一点”方面，最后我将扩展一些核心概念并链接到更多资源。 问题 1：相关域是否依赖客户端 JavaScript 来加载/更改页面内容或链接？ 诊断涉及 JavaScript 的任何问题的第一步是检查域是否使用它加载可能影响 SEO（页面内容或链接）的关键内容。理想情况下，每当您获得新客户（在初始技术审核期间），或者每当您的客户重新设计/推出网站的新功能时，都会发生这种情况。 我们该如何去做呢？ 询问客户 问你应接受！但说真的，作为顾问，您可以做的最快/最简单的事情之一就是联系您的 POC（或帐户上的开发人员）并询问他们。毕竟，这些人是日复一日在网站上工作的人！ “您好[客户]，我们目前正在对网站进行技术扫描。我们检查的一件事是是否有任何关键内容（链接、页面内容）通过 JavaScript 加载。我们将进行一些手动测试，但确认这一点的一个简单方法是询问！请您（或您的团队）回答以下问题吗？ 1. 我们是否使用客户端 JavaScript 来加载重要内容？ 2. 如果是，我们能否获得通过 JavaScript 加载内容/内容的项目符号列表？” 手动检查 即使在拥有数百万页面的大型电子商务网站上，通常也只有少数重要的页面模板。
根据我的经验，手动检查最多只需要一个小时。我使用Chrome Web Developers 插件，从那里禁用 JavaScript，并手动检查网站的重要模板（主页、类别页面、产品页面、博客文章等） 在上面的示例中，一旦我们关闭 JavaScript 并重新加载页面，我们就可以看到我们正在查看一个空白页面。 当您取得进展时，记下有关未加载、加载错误或任何无法正常工作的内部链接的内容的注释。 在此步骤结束时，我们应该知道相关域是否依赖 JavaScript 来加载/更改页面内容或链接。如果答案是肯定的，我们还应该知道这种情况发生在哪里（主页、类别页面、特定模块等） 爬行 您还可以在关闭 JavaScript 渲染的情况下抓取网站（使用 Screaming Frog 或 Sitebulb 等工具），然后在打开 JavaScript 的情况下运行相同的抓取，并比较内部链接和页面元素的差异。 例如，当您在关闭 JavaScript 渲染的情况下抓取网站时，标题标签可能不会出现。在我看来，这将触发一个动作，在打开 JavaScript 渲染的情况下抓取网站，以查看标题标签是否出现（以及手动检查）。 例子 对于我们的示例，我继续进行了手动检查。从下面的屏幕截图中我们可以看到，当我们禁用 JavaScript 时，内容不会加载。 换句话说，我们对此页面的第一个问题的答案是“是的，JavaScript 正在用于加载网站的关键部分。