服务器端渲染:SEO需要了解

知识是权力。当你学会关于你所爱的事物的事实时,这也是一种痛苦。对于技术SEO,Javascript是一个热门话题,它将继续为一段时间。在网站上渲染JS时,有一些选项是解决这个问题的最佳方式。今天,我们将专注于其中一个:服务器端渲染。

什么是服务器端呈现?

让我们首先定义“渲染”。渲染是检索网页的过程,启动代码,并评估页面的结构和设计。渲染可以以多种方式发生;

客户端

,服务器端和动态服务器端呈现(SSR)是通过您自己的服务器呈现网页的过程。一世n客户端渲染(CSR),通过用户的浏览器完成此过程,而动态渲染通过第三方服务器发生。

使用SSR有两个版本的网页:初始HTML和呈现的HTML,称为DOM(直接对象模型)。谷歌只能访问

呈现HTML

。这意味着呈现关键元素和内容以从搜索引擎接收“信用”至关重要。

服务器端渲染的好处是什么?

总会有什么所有渲染选项都是利弊。由SEO和工程团队审查这些并决定哪条路径是基于资源的最佳状态。从搜索引擎的角度来看,服务器端渲染是第二个最佳选择用于渲染JS。最大的好处是可以呈现页面的速率。更快的搜索引擎可以“查看”您的页面,它可以更快地进入下一页并改善爬网预算。您的爬网预算不仅有所改善,而且您的用户体验也会增加。

SSR的另一个好处是您可以确保您的所有页面元素都是呈现。当您依靠浏览器时,您就依赖于他们的技术。可能无法处理大资源的较旧机器可能导致部分渲染。这意味着可能缺少关键内容元素或信息,谷歌不能为这些元素提供“信用”。这会产生一个坏UX。它还可能会影响搜索引擎对缺少重要信息的页面的能力。

服务器端渲染的缺陷是什么?

虽然服务器端渲染对于爬网预算和站点速度很好,但它确实有一个非常大的障碍:它非常昂贵。由于该网站正在公司服务器上呈现,因此有与该过程相关的成本。 CSR迫使用户“支付”这种成本,SSR有贵公司脚。如果要移动到SSR,则此费用可能是一个障碍。

SSR的其他缺点是它不能呈现第三方JavaScript,例如评价,UGC,产品推荐引擎或注入内容的任何内容这不是静态HTML的一部分。这些链接和内容件将不存在。这可能会影响内部链接甚至整体页面质量。如果您的大部分内容是由服务注入的UGC,它对机器人不会看到。

什么是静态SSR?

如果您一直在寻找服务器端渲染的情况,您可能已经来了横跨术语“

静态SSR

。”这与SSR略有不同,因为这些页面在构建时呈现。对于SSR,这些页面仅在用户(或BOT)调用时呈现。在快速的时间到第一字节(TTFB)和第一个满足咬合(FCB)方面存在静态SSR的好处。网站速度对SEO和用户体验至关重要。静态SSR的缺点是它可能是不灵活的并且导致水合(通过CSR注入静态HTML的过程)。

SSR有助于核心Web Vitals吗?

现在每个SEO世界的中心是核心网络vITALS (CWV)。这三个小词是我们新的移动第一索引。我们的世界再次变化,现在是时候适应了。关于SSR,是的,它可以帮助您的CWV。因为页面在您的网站上呈现,因此站点速度有所改善,具体就像它与最大的满足油漆(LCP)相关一样。我们知道我们必须符合三个指标的标准; LCP是一个。快速LCP意味着您是击中这些新目标的三分之一。

搜索引擎如何考虑SSR?

搜索引擎的优先级正在满足其用户的需求。他们推荐与查询相关的内容吗?为了让搜索引擎满足这一目标,他们需要能够爬行整个互联网。截至2021年2月11日,

5.65亿网络页

。抓取许多页面所需的工作量并不容易。搜索引擎依靠网站来使用最新的技术和建议,帮助他们帮助您。 SSR是帮助机器人爬网网站的最佳方法之一。谷歌鼓励开发人员进一步通过使用动态渲染进一步提高他们可以抓取互联网的速度来进一步走一步。

如何确认SSR正常呈现页面?

祝贺,你已成功实现服务器端呈现!现在,你怎么知道它是否正常工作?您可以使用许多工具来帮助帮助该研究。 查看渲染源

– 一个Chrome插件,它向您展示初始HTML和呈现HTML之间的区别。

GSC中的URL检测工具 – 实时JS警告和错误谷歌遭遇。

移动友好的测试

    – 获取呈现页面HTML快照。

  • JavaScript建于内置的网站不得随时随地进行。作为SEO,它已成为我们帮助开发人员和领导的责任,了解如何在您的网站上处理JS的影响。您的公司正在投资数十万美元来构建功能网站。如果搜索引擎无法呈现该内容,则它将成为公司的损失。涉及如何渲染你的js时有很多选择。每个都有必须加权的利弊。我们越了解这些任务是如何完成的,以及它们如何影响我们的整体SEO策略,我们越好改变的案例。知识的力量在你手中 – 现在使用它很好。