SEO

SEO（Search Engine Optimization，搜索引擎优化），指通过优化网站的结构和内容，在搜索引擎中提高关键词排名，吸引更多用户进入网站，获得更多流量的行为。

SEO 是一项内容繁多且持续的工作，Zion为开发者提供了丰富且简便的配置工具，包括：

• 渲染模式

• 网站地图

• robots.txt

• 自定义 header / body

• H 标签

• ...

注意：使用SEO功能前，需要你对SEO相关背景知识有一定了解，具体信息可去查找网络公开资料进行学习。

配置教程

打开"设置"，进入"SEO"：

全局配置

这部分的配置将会对项目的所有页面产生影响。

1. 选择渲染模式

渲染模式指渲染页面的时点和方式，直接影响所有页面的性能和SEO。Zion 提供了三种模式：

• 客户端渲染 (CSR)：页面在浏览器中完成渲染，导致首屏加载速度慢，SEO性能差。

• 服务端渲染 (SSR)：页面在服务器中完成渲染，再发送给浏览器，首屏速度快，SEO性能较好。

• 发布时生成 (SSG)：在发布项目时，渲染生成所有页面并保存在服务器中。请求时，直接访问提前生成好的页面。由于省略了渲染步骤，因此首屏加载速度非常快，SEO性能非常好。

关于CSR、SSR和SSG的更详细内容，请自行查询网络公开资料。

2. 配置路径数据的范围

路径数据的取值范围直接决定了网页的地址（详情见 链接数据与路径数据），将会在以下两方面影响 SEO：

• 网站地图：包含的链接可以用路径数据生成

• 页面生成：在 SSG 模式下，由于页面要在发布时提前生成，系统会根据设置好的路径数据范围生成页面。

路径数据的取值来源有：

• 静态数据：直接手动输入固定的值

• 数据库：从数据库动态获取值，需要选表、字段，还可以配置筛选

静态数据和数据库数据会共同用于生成网站地图和页面

路径数据的生效原理（以 SSG 模式为例）：

3. 设置网站地图

网站地图用于告诉搜索引擎网站里有哪些页面，帮助其更好地理解网站的整体结构，提升爬取效率和准确性。

Zion提供了两种生成模式：实时生成和预生成。

• 实时更新：当用户访问某个页面后，将该页面的URL和页面中所有跳转行为目标页的URL收录到网站地图中

  • 优点：动态性较强

  • 缺点：网站地图可能不完整，导致某些网页（例如没有被跳转过的页面）不会被爬虫爬取

• 预生成：在项目发布时，根据上一步设置的路径数据范围，生成固定的网站地图

  • 优点：能够确保所有网站都被网站地图收录（路径数据设置正确的前提下）

  • 缺点：动态性较弱，每次数据变更后，都要重新发布生成网站地图

4. 设置robots.txt

robots.txt文件放在网站的根目录下。的作用是告诉搜索引擎的爬虫哪些页面可以抓取，哪些页面不可以抓取。简单来说，它就像是一个网站的“守门人”，控制着搜索引擎的爬虫进入网站的权限。

5. 自定义header / body

用于在 HTML 的 Header 和 Body 中添加额外的标签（\、\ 等等 ），帮助搜索引擎理解你的网站。除了用于 SEO，该功能还可以用于代码注入（例如在使用百度或谷歌的网站工具时）。

更多在HTML中添加自定义内容的技巧，请自行搜索网上的教程。

页面配置

这部分的配置只会对某个页面生效。

1. SEO TDK

此功能用于给页面设置标题（Title）、描述（Description）和关键词（Keywords），它们帮助搜索引擎更好地理解网页。

2. 社交媒体展示

此功能用于设置网页在社交媒体（Facebook、 X等）上展示的内容。严格意义上来说不属于SEO，但在基本的 SEO 优化之余做好此配置，在社交网络中会更有利于曝光和传播，和做 SEO 优化的目的是一致的。

Zion 提供了两种协议：

• Open graph：通用协议，在大部分社交媒体上都有效

• X cards：X 平台协议，只支持 X 平台

两种协议可以一起配置，最终都会生效

3. H标签

H标签是用于标识网站页面内容、层次结构的重要元素，搜索引擎会根据H标签对网站进行索引。

4. 图片的ALT属性

Alt属性用于帮助搜索引擎理解图片。

功能边界

SEO 的能力和渲染模式强关联，不同版本的项目支持的模式如下：

CSR 模式下，页面的配置（TDK、社交媒体等）均无法使用。