SEO（搜索引擎优化）

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

SEO 是一项持续且系统性的工作。Zion 平台为开发者提供了丰富且易用的 SEO 配置工具，包括：

• 渲染模式（CSR/SSR/SSG）
• 网站地图（Sitemap）
• robots.txt 配置
• 自定义 Header/Body 标签
• H 标签（标题结构）
• 图片 Alt 文本
• Canonical URL
• Open Graph 协议

使用 SEO 功能前，建议具备基础 SEO 知识。可参考 百度SEO指南  或 Google SEO Starter Guide 。

配置教程

打开“设置”进入“SEO”模块。所有 SEO 配置需在项目发布后才会生效。

全局配置

全局配置会影响项目下所有页面。

选择渲染模式

渲染模式决定页面生成的时机和方式，直接影响性能和 SEO 效果。Zion 支持三种模式：

• 客户端渲染（CSR）：页面在浏览器端渲染，首屏加载慢，SEO 效果差。
• 服务端渲染（SSR）：页面在服务器端渲染，首屏加载快，SEO 效果较好。
• 发布时生成（SSG）：项目发布时预生成所有页面，首屏极快，SEO 效果最佳。

可在页面 head 标签中查看渲染方式：

配置路径参数范围

路径参数决定网页地址，对 SEO 有两大影响：

• 网站地图生成：路径参数用于生成 sitemap 链接
• 页面生成：SSG 模式下，系统会根据路径参数范围预生成页面。超出范围的页面将以 CSR 方式动态生成。

路径参数来源：

• 静态数据：手动输入固定值
• 数据库：动态获取表字段，可配置筛选条件

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

在路径数据范围配置完后，Zion 会自动生成对应的 URL 和页面。例如：

• 静态数据：/blog_article/blog/zion-feature-zion-ai
• 数据库数据：/blog_article/blog/${blog_id}

设置网站地图（Sitemap）

网站地图用于告知搜索引擎网站页面结构，提升爬取效率。

• 实时生成：用户访问页面后，URL 自动收录进 sitemap。
  • 优点：动态性强
  • 缺点：未访问页面可能不被收录
• 预生成：发布时根据路径参数范围生成 sitemap。
  • 优点：所有页面均被收录（前提是参数设置正确）
  • 缺点：数据变更需重新发布

设置 robots.txt

robots.txt 用于指定搜索引擎爬虫的抓取权限，相当于网站“守门人”。

自定义 Header / Body

可在 HTML Header/Body 中添加 meta、canonical 等标签，辅助 SEO 或代码注入（如百度/谷歌统计）。

页面级配置

页面级配置仅对单个页面生效。

SEO TDK

可为页面设置标题（Title）、描述（Description）、关键词（Keywords），帮助搜索引擎理解网页内容。

社交媒体展示（Open Graph）

设置网页在 Facebook、X（Twitter）等社交媒体上的展示内容。Zion 支持 Open Graph 协议，提升社交曝光。

Canonical URL

为避免权重分散，可在页面 head 中添加 canonical 标签，指明主页面：

<link rel="canonical" href="https://www.functorz.com" />

H 标签（标题结构）

H 标签用于标识页面内容层级，利于搜索引擎索引。

图片 Alt 属性

Alt 属性帮助搜索引擎理解图片内容，提升图片搜索排名。

发布项目让配置生效

所有 SEO 配置需在项目发布后生效。

功能边界

SEO 能力与渲染模式强相关，不同版本支持的渲染模式如下：

CSR 模式下，页面的 TDK、社交媒体等 SEO 配置均无法生效。