Korea Database

prerender.io 等服务提供可以集成到您的服务器中的中间件。该中间件拦截传入请求，检查它们是否来自爬虫，如果是，则从 prerender.io 缓存提供预渲染页面，或者如果该页面不在缓存中，则触发该页面的新渲染。

如果您构建自定义解决方案，通常会在 Node.js 环境中使用Puppeteer来预渲染页面。当您的 WordPress API 将内容传送到 Node.js 服务器时，它会检查用户代理。如果是爬虫，Puppeteer 会渲染页面，保存静态 HTML，并提供该版本。

可以通过缓存静态页面来优化此过程，以避免在每个爬行请求上呈现它们。

从服务器渲染
相反，服务器端渲染涉及在页面内容到达客户端之前在服务器上渲染页面内容。这意味着当搜索引擎机器人请求页面时，它会收到完全呈现的 HTML 页面，使其立即可索引。

您可以使用各种 JavaScript 框架和库（例如React和Node.js ）实现服务器端渲染，以直接在服务器上渲染内容。这种方法不仅有助于使搜索引擎更容易访问内容，而且还可以通过加快页面加载时间来改善整体用户体验。

对于服务器端渲染，将Next.js等框架与WordPress REST API或GraphQL结合使用可以加快该过程。

典型的设置可能涉及使用 GraphQL 获取数据并使用 Next.js 在服务器上渲染 美籍华人数据 页面，在提供内容之前预填充内容。

配置规范 URL
为无头 WordPress 网站设置规范 URL 是维护 SEO 完整性的另一种方法，尤其是当内容通过Gatsby或 Next.js等解耦前端提供时。

规范 URL告诉搜索引擎内容页面的哪个版本是主要或“规范”版本，有助于避免重复内容问题。这在可通过多个路径或端点访问内容的无头环境中是必要的。

为什么规范 URL 很重要
在无头 WordPress 中，由于 WordPress 前端与后端分离，内容重复的风险增加。规范 URL 通过引导搜索引擎索引首选URL来减轻这种风险。这确保了 SEO 价值在规范页面上得到巩固，而不是在同一内容的多个版本中被稀释。

花时间建立规范 URL 还可以明确哪个版本的内容应该在搜索结果中排名。

如何设置规范 URL
借助 Yoast SEO 插件以及 WPGraphQL，可以有效地管理在无头 WordPress 环境中实现规范 URL，从而将 Yoast SEO 数据连接到您的无头设置。

以下是涉及 Web 开发人员Andrew Kepson 的流程的详细摘要，该流程影响了几个流行的插件：

使用Yoast SEO插件可以轻松地直接从 WordPress 管理员管理规范 URL。通过指定每段内容的规范 URL，您可以直接从 WordPress 设置对首选 URL 的控制。
WPGraphQL 插件为您的 WordPress 网站创建一个 GraphQL 端点，允许前端应用程序（使用 Gatsby 或 Next.js 等框架构建）查询 WordPress 内容，包括 Yoast 提供的 SEO 数据。
接下来，使用WPGraphQL Yoast SEO 插件在 Yoast SEO 和 WPGraphQL 之间建立桥梁，并将前者的 SEO 字段（包括规范 URL）连接到后者的架构。这允许您的无头前端查询和使用 Yoast 中设置的规范 URL，确保页面标题中显示正确的规范标签。