迁移到 JavaScript 框架时的 SEO 注意事项

对您的网站进行的任何重大更新或更改都应始终牢记 SEO 考虑。 从 robots.txt 错误，到执行不力的页面重定向，很容易看到您的搜索排名在一夜之间消失——毫不夸张地说。

将您的网站迁移到 JavaScript 框架时也是如此。 通过一些仔细的计划，您可以确保您的网站对搜索引擎机器人仍然可见，避免导致流量损失的常见风险和陷阱，并为您的网站为未来的持续增长做好准备。

这是一个大而复杂的问题，在您的网站迁移过程中需要牢记许多技术细节。 但是，有一些常见的错误需要避免，以及一些可以帮助指导您朝着正确方向前进的总体原则。

以下是迁移到 JavaScript 框架时的一些最重要的 SEO 问题。

保留重要的 URL

Googlebot 和其他搜索引擎爬虫将网站内容与 URL 相关联——这是它们从搜索结果链接到您的方式——但 JavaScript 框架可以通过动态更新页面来打破静态 URL 和内容之间的联系。

对于需要特殊处理的单页应用程序 (SPA) 尤其如此，以确保保留来自前网站的任何重要 URL 并对 Googlebot 保持可见，以保护您在 SERP 中的现有存在。

如果您的主页仍然出现在其应有的排名中，请不要上当——这可能表明 Google 已成功抓取您的 SPA 主页，但未能找到在客户端动态提供的内容。

启用爬虫访问

这不仅仅是在您的 robots.txt 文件中取消阻止搜索引擎爬虫。 您需要它们能够抓取您的网站并查看您的内容——为此，您可能需要某种形式的服务器端呈现。

通过实现服务器端呈现或预呈现，您可以为搜索机器人提供一个在执行任何 JavaScript 后出现的内容版本，从而消除要求机器人自己呈现页面内容的资源负担。

这不仅使每个页面对爬虫可见，而且还可以通过减少对机器人每页爬取预算的需求来增加页面数量和被索引的网站层次结构的级别。

提高可抓取性

通过以易于理解的方式呈现信息，您可以为机器人提供更多帮助。 在实现诸如 onclick 事件和无限滚动分页之类的 JavaScript 功能时，请考虑这一点。

通过牢记机器人实际上可以做什么，您可以确保您的内容在这些能力范围内对它们是可见的。 作为奖励，您的更多内容可能会被抓取、索引和排名。

另一个好处是，通过创建对爬虫友好的网站版本，您还可以提高某些人类访问者的可访问性，这些访问者在访问您的网站时可能无法在其设备上运行 JavaScript。

[案例研究] 通过提高 Googlebot 的网站可抓取性来提高知名度

Paris Match 面临一个明显的问题：深入审核其网站，确定其优势和劣势，确定其优先级并修复 Google 抓取的阻碍因素。 Paris Match 网站的 SEO 问题是新闻网站的常见问题。

阅读案例研究

重定向旧网址

如果您不打算按原样保留旧网址，但您的搜索量很大，请考虑实施永久重定向以将机器人指向新站点地图中最匹配的等价物。

这保留了域权限并可以保护您的排名，至少在任何新发布的内容被完全抓取和索引之前，如果这些旧页面不再带来大量流量，您可能会或可能不会决定删除旧重定向。

使用一致的内部链接

同样，这是关于内容的动态加载。 JavaScript 框架可以释放一些很酷的功能，例如从外部资源中提取数据并使用它来更新当前页面的能力，而不是导航到不同的 URL。

对于 SEO，最好保持内容相对静态并在大幅更改页面时加载不同的 URL。 爬虫更好地理解这种方法，可以更好地映射您的网站，并且更有可能访问和正确解释新页面。

内部链接缺乏纪律是许多迁移的主要缺陷。 与其他页面相比，它可能会使机器人难以抓取某些页面，并发送有关某些页面相对重要性的令人困惑的信号。

一致性的重要性

除了内部链接之外，请尝试对您发送给搜索引擎的所有信号保持一致。 如果您的网站仅通过 JavaScript 框架加载其部分内容，则尤其如此，因为您应确保 JavaScript 页面的加载和功能类似于您网站上的任何 HTML 或 PHP 页面。

这方面的示例可以包括解析带有和不带有斜杠的 URL（无论这种解析还是重定向应该在您网站的所有区域中保持一致），以及 SEO 最佳实践，如实施规范标签（这在哪些方面也应该是一致的）内容被认为是规范的）。

预防胜于治疗，尤其是在搜索排名方面。 因此，不仅要尝试了解内容在您的网站上的显示方式，还要了解它是如何显示的，无论是通过客户端还是服务器端呈现 - 以及您迁移到 JavaScript 是否会影响您网站上内容的可见性，下次抓取它。

[案例研究] 避免重新设计对您的 SEO 造成不利影响

在他们的网站重新设计一年后，EasyCash 很快意识到他们所希望的性能并不存在。 他们确定并解决了几个 SEO 障碍。

阅读案例研究

这会改变吗？

由于搜索机器人的相对简单的性质，动态渲染对 SEO 来说不是朋友。 未来，我们可能会看到更复杂、更强大的 Googlebot 可以解决其中一些问题，但目前，网站管理员有责任以最可食用的方式提供内容。

在任何依赖搜索存在的网站的规划、实施和管理过程中都是如此。 但它在重大更新、升级和迁移期间至关重要，包括迁移到 JavaScript 框架。

通过牢记上面列出的一些陷阱和最佳实践，您可以将您的 SEO 雄心放在网站迁移的最前沿，并避免让大型、盈利的网站在一夜之间从 SERP 中消失的噩梦场景。