如何处理部分呈现的页面或空白页面

无法呈现的内容就像不存在一样。无论您的页面多么令人惊叹，如果 Google 无法索引页面的内容，它都无法帮助您在搜索引擎结果页面 （SERP） 上排名更高。

事实上，当 Google 只能呈现和索引您的部分页面时，它们可能会造成更多麻烦，因为它们可以被解释为瘦内容或垃圾页面。这就是为什么渲染率是一个如此重要的概念，可悲的是，它没有得到太多的关注。

在今天的文章中，我们将探讨为什么会出现部分呈现的页面，以及如何在没有复杂解决方法的情况下修复它们。

什么是部分呈现的页面？

部分呈现的网页是指由于抓取预算限制、关键呈现路径优化不佳或更多技术性 SEO 变量而无法完全呈现的网页。

顾名思义，谷歌可以渲染和（有时）索引页面内容的某些部分，尤其是那些需要较少渲染的部分，如HTML部分。

这使您的网站处于艰难的境地。当您的页面部分呈现时，Google 会缺少重要的内容、内部链接和其他有助于提高页面排名的元素。

但是，在大多数情况下，当网站全面出现呈现问题时，其 URL 不会被编入索引是很常见的。

注意：在某些情况下，您的网页显示为空，因为 Google 无法完全呈现您的网页。也就是说，谷歌索引空白页并不常见。

为什么会发生部分渲染？

部分呈现页面的原因有很多。有些可能与您的网站有关，而另一些可能是由于 Google 的资源有限。

以下是一些最常见的原因：

1. 您通过机器人 .txt 文件阻止了关键资源

阻止 Google 访问 JS、CSS 和其他文件以“节省抓取预算”是一个常见的错误。这背后的想法是强制搜索引擎只抓取 HTML 文件——这是大多数网站的内容所在。

但对于使用 JavaScript 框架或向页面注入动态内容的网站，这意味着 Google 将无法获得正确构建页面所需的文件，并错过所有额外的内容。

对于单页应用程序 （SPA），情况更糟。如果 Google 无法抓取 JS 文件，它会将您的所有网页视为空白文件，因为在执行 JavaScript 之前，HTML 模板上没有任何内容。

2. 糟糕的 JavaScript 优化

与HTML静态页面相比，Google需要更多的资源来呈现JavaScript页面。这是事实，没有办法绕过它。

这也意味着您的抓取预算会受到影响。

如果您没有有效地利用抓取预算并尽可能地帮助 Google，Google 可能会在呈现整个网页之前耗尽您的抓取预算。

这是因为 JavaScript 是资源密集型的，并且会阻塞渲染，因此在爬虫处理它之前，它无法移动到下一步并渲染页面的其余部分。

因此，优化渲染和 JavaScript 作为一个整体是基础。

3. 谷歌认为有些部分不够重要，无法呈现

这仍然是一个理论——就像 SEO 中的许多事情一样——但得到了 Onely 进行的一些实验的支持。在这个实验中，他们注意到谷歌倾向于根据网页布局的位置忽略网页布局的某些部分——无论是纯HTML还是CSS部分。

总结这项研究，他们发现谷歌正试图确定哪些部分包含页面的主要内容，并忽略其他一些内容，可能是为了节省资源并能够索引尽可能多的关键内容。

如果 Google 随机忽略部分，您如何规划网站的架构？

这是一个艰难的问题，但也是一个现实。

如果我们必须总结为什么 Google 在 JavaScript 上苦苦挣扎，那是因为 JS 比静态 HTML 要求更高。

动态内容比纯 HTML 需要多 20 倍的资源来呈现——难怪 Google 希望偷工减料。

如何测试页面的呈现

让我们专注于测试您网站呈现的两种最直接的方法，以便像 Google 一样查看您的内容。

1. 使用 Search Console 测试网址

第一种策略是在 Google Search Console （GSC） 中使用 URL 检查器。

提交您要测试的 URL，然后单击屏幕右侧的“TEST LIVE URL”。

它会像标准抓取工具一样请求您的网页，并提供有关您网页的详细信息。

测试完成后，单击“查看测试页面”以查看呈现页面的详细信息。

它将显示呈现的 HTML、页面的屏幕截图以及 HTTP 响应和 JavaScript 控制台消息等详细信息。

所有这些信息都很有用，但在这种情况下，您需要查看屏幕截图和获取的 HTML。

屏幕截图将显示在测试完成之前呈现的页面量。它很有可能不会截取整个页面的屏幕截图，但不要担心。

最重要的是，首屏内容是完全渲染的，并且布局工作得当。如果您在此阶段发现缺少内容或布局问题，那么是时候优化关键渲染路径以优先考虑首屏内容了。

注意：如果您的首屏内容没有呈现，那么您的其他内容很有可能没有呈现。

接下来要检查的是您的内容是否在呈现的 HTML 中。

对于此示例，我们将从常见问题解答部分中摘取以下句子。

此部分的内容是隐藏的，不会显示在屏幕截图上，因此非常适合测试。也就是说，您应该复制仅在执行 JavaScript 后才可见的文本片段。如果你能找到它，那么谷歌也可以。

对您正在使用的每种页面类型或模板执行此操作，您将能够确定页面呈现了多少内容，哪些部分没有呈现。

2. 使用 Google 搜索

这里有一个小技巧，你可以用它来查看谷歌是否正在索引一段文本。导航到 Google 并使用此公式进行搜索

注意：使用已编入索引的网站版本。在我们的例子中，使用“www”不会返回任何内容。

以简单的方式修复部分呈现（和空）页面

要修复部分呈现的页面，等待 Google 对此采取一些措施不应该是您的第一种方法。相反，您必须解决 JavaScript 困境。

1. 网站优化至关重要

要让 Google 正确地抓取、呈现网页并将其编入索引，就需要扎实的 SEO 技术基础、清晰的网站架构和 UI/UX 设计，以便：

• 确保内容快速加载
• URL（即使是深层的）也很容易找到
• 提供最佳的用户体验

这些优化将不仅仅是帮助渲染。他们将帮助您让 Google 爱上您的网站——这对您的 SEO 活动非常重要。

然而，这是困难的部分。最简单的部分 – 也是最有影响力的 – 只需要几个小时。

2. 将动态渲染与预渲染结合使用

Prerender 是一种即插即用的解决方案，只需安装与您网站的技术堆栈相匹配的中间件并通过仪表板提交您的站点地图，即可完全处理搜索引擎的渲染过程。

从那里，Prerender 将抓取您的页面，生成并缓存它们的完整呈现和功能快照。当搜索机器人请求其中一个页面时，Prerender 将发送 100% 可编制索引的快照，从而从根目录中消除 JavaScript 的障碍。

由于快照已完全呈现（包括第三方脚本），因此您的页面将获得近乎完美的页面性能分数（包括核心 Web 指标）和平均 0.03 秒的服务器响应时间。

不再有渲染限制阻碍您的网站。谷歌每次都能把你的内容100%编入索引。

总结

您还可以尝试 DIY 策略，例如服务器端渲染 （SSR）、静态渲染和水化。每种方法都有自己的优点和缺点，但如果您想自己构建解决方案，则值得一试。

如果您想了解 Prerender 与其他解决方案的比较，请查看我们的比较页面以获取详细的细分。不过，对于那些匆忙的人来说，这里有一个快速的概述。