无头和解耦 CMS 及其对 SEO 性能的不同影响

在内容管理系统之间进行选择时，许多现代站点面临的一个大问题是在无头平台和解耦平台之间进行选择。 这种选择将对您网站的 SEO 性能产生巨大影响，因此您应该权衡所有利弊，并做出明智的选择。 我们的指南会有所帮助。

首先，什么是 CMS？

CMS 代表内容管理系统——它允许用户更新和使用任何网站，而不必了解网站的代码。 对于非开发人员使用某种类型的 CMS 的网站来说，这是一种用户友好的解决方案。

存在哪些类型的 CMS？

我们将讨论两种类型的 CMS，何时使用它们，每种系统的优点、缺点和局限性是什么：解耦 CMS 和 Headless CMS。

什么是解耦 CMS，什么时候使用它是一个好的解决方案？

WordPress 或 Drupal 是所谓的解耦 CMS 的示例。 它们被称为“分离的”，因为它们提供了将它们与前端分离的扩展和插件。 自然地，使用这样的 CMS 是有好处的。 这些是“现成的”解决方案，易于使用。

解耦解决方案非常适合：

• 单页或较小的网站
• 附属网站
• 没有太多javascript的网站
• 如果您对开发人员或小型开发团队的访问权限有限
• 不适用于电子商务的网站

使用这种 CMS（最著名的是 WordPress）有很多 SEO 优势：

• 处理复杂的 SEO 问题
• 自动化站点地图 XML
• 自动 robots.txt 文件
• Yoast SEO插件，使许多标准 SEO 任务变得容易

什么是 Headless CMS，它与解耦 CMS 解决方案有何不同？

Headless CMS 是一个从头开始构建的仅后端内容管理系统。 Headless CMS 通过 API（RESTful API 或 GraphQL API）在没有内置、前端或表示层的任何设备上提供内容。

“headless”这个名字来自于断开“head”（前端）与“body”（后端）的连接。

为什么无头好？

对于 Headless CMS，无论内容显示在何处——网站、移动应用程序或智能手表，唯一的重点是存储和交付内容，并允许编辑人员轻松合作处理现有或新内容。 它允许任何项目的可扩展性。

无头解决方案非常适合：

• 大型电子商务网站
• JavaScript 重度网站
• 本机移动应用程序
• 创建个性化和交互式数字内容
• 当您需要可扩展性和简化业务流程时

无头 CMS 对 SEO 的最大好处：

• 为多种设备提供更强的 SEO 准备
• SEO 就绪，适用于跨桌面、移动、可穿戴设备、智能设备的全渠道查询
• 支持最适合 SEO 的 SSR（服务器端渲染）的 Headless CMS
• 速度和 CWV（核心网络生命力）的更好优化选项

关于客户端渲染 (CSR) 与服务器端渲染 (SSR) 的几句话：

Google 可以抓取客户端呈现或服务器端呈现。

CSR——客户端渲染（之所以称为 客户端渲染 ，因为它使用客户端设备的计算能力）——是一种更便宜的选择，因为它减少了服务器上的加载时间。 但请记住企业社会责任的主要问题。 一种是速度较慢且用户体验较差，因为渲染 JavaScript 会增加加载时间。 其次，CSR 影响谷歌机器人，因为谷歌有所谓的“第二波索引”。 这意味着机器人将首先抓取页面的 HTML 并在可用时返回重新抓取 JavaScript——这可能会导致丢失重要数据或 JavaScript 提供的内容。 当然，这会影响您的搜索结果。

CRS 的优点：

• 初始加载后渲染速度更快
• 支持 CSR 的 Javascript 框架/库

CRS 的缺点：

• 初始加载时间慢
• 不利于 CWV 优化
• 不利于搜索引擎优化

SSR – 网站的 JavaScript 将直接在网站的服务器上呈现。 好处是机器人和人类将更快地获得结果！ 由于页面在服务器上呈现，因此不存在像 CSR 期间那样丢失重要内容的风险。 由于这些原因，服务器端呈现更好，对 SEO 性能更有好处。

但是，SSR 是一种更昂贵的选择，并且它会占用大量服务器资源。

SSR 的优点：

• 非常适合 SEO – 更好地抓取机器人
• 更快的初始渲染

SSR 的缺点：

• 昂贵的
• 大量服务器请求

关于 Core Web Vitals (CWV) 的几句话：

2021 年，谷歌宣布了 Core Web Vitals 的重要性。 谷歌已经让人们知道速度很重要，它不再是加载时间的全部（但加载时间仍然很重要）。

Google 也非常重视页面的稳定性和交互性。 有 3 项重要措施需要通过：CLS – 累积布局偏移、FID – 首次输入延迟和 LCP – 最大内容绘制。 在 CWV 上写了很多很好的指南——请在此处阅读更多内容。

Headless CMS 的技术最佳 SEO 实践是什么？

现在要充分利用无头 CMS 可以提供的功能，可以遵循一些最佳技术 SEO 实践。 WordPress 可以帮助您解决其中的大部分问题，但是当从头开始构建无头 CMS 时，您需要自己处理这个问题。

绝对基础：

• 规范标签
• Hreflangs 标签
• 分页标签
• 证书
• 元标题和描述
• 搜索引擎优化内容框
• SEO 友好的 URL 结构
• 标题——H1、H2s……
• 图片标题和替代词
• 网站地图
• Robots.txt文件

很高兴获得最佳 SEO 实践：

• 面包屑
• 结构化数据的实现
• 404页面
• 内容分发网络
• 速度优化
• CWV
• 准备好移动搜索引擎优化并考虑全渠道
• 准备好语音搜索

无头与分离辩论的主要要点

headless 和 decoupled CMS 都有其优点和缺点，并且有使用任何一种解决方案的好地方——这取决于您的需要。

在选择正确的 CMS 之前，请考虑您网站的用途。

如果您正在建造：

• 电子商务、赌场或体育博彩网站，
• 一个在不久或遥远的将来需要可扩展性的网站，
• 如果您需要跨多个不同平台（网站、本机移动应用程序等）发布内容，
• 或 JavaScript 繁重的网站……

选择无头 CMS。

如果您的网站是：

• 一个小型附属网站，
• 一个 CSR 就足够的网站，
• 如果您的开发团队很小或
• 如果您需要开箱即用的 SEO 解决方案，

那么 WP 或其他分离的 CMS 是最适合您的解决方案。