Skip to Content

SEO 参数

本手册为您提供 Zion 平台中所有搜索引擎优化(SEO)相关的全局与页面级配置项说明。您可以通过配置这些参数,提升您的 Web 应用在百度、Google 等搜索引擎中的收录效率与关键词排名。


1. 全局配置项

全局配置位于 “设置” → “SEO” 面板中,对当前项目下的所有网页生效。

1.1 网站地图

网站地图是一个 XML 文件,用于列出网站中的所有网页,指引搜索引擎爬虫更高效、完整地爬取您的站点。

配置模式优点缺点适用场景
实时生成动态性强。用户访问页面后,对应的 URL 会自动增量追加并进行收录。若部分动态页面从未被用户访问,将不会被收录到地图中。适合日常高活、用户访问自发流转的网站。
预生成在项目正式发布时,直接根据您配置的动态路径参数范围,一次性生成完整的 sitemap。数据的增加或变更需要重新执行项目发布。适合展示型、有明确页面目录且需要爬虫快速抓取的网站。

网站地图配置界面

1.2 robots.txt

robots.txt 是部署在网站根目录下的纯文本文件,用于指示搜索引擎网络爬虫可以或禁止抓取网站的哪些部分(被称为网站“守门人”)。

  • 配置方式:在 SEO 面板的输入框中直接编写标准的 robots 协议指令。
  • 默认示例
    User-agent: * Disallow: /admin/

robots.txt 配置界面

1.3 自定义全局 Header / Body 标签

支持在生成的 HTML 底层模板的 <head> 标签或 <body> 结束标签前注入自定义代码。

  • 典型用途
    • 注入第三方的流量监控、数据分析 SDK(如百度统计、Google Analytics、友盟等)。
    • 注入全局性的 Meta 校验标签。

自定义 header body 配置界面


2. 页面级配置项

页面级配置位于单页面属性面板中,仅对当前配置的单个网页(如首页、商品详情页等)生效。

2.1 基础 TDK 属性

TDK(Title、Description、Keywords)是搜索引擎展示搜索结果卡片时的最核心数据来源。

参数名称限制与规范核心作用与示例
页面标题 (Title)推荐在 30个 汉字以内,包含核心品牌词及主关键词。展现为浏览器标签页标题及搜索结果中的第一行高亮蓝色超链接。
页面描述 (Description)推荐在 80个 汉字左右,简明扼要概括当前页面承载的核心内容。展现为搜索结果卡片中的详情摘要文本段。
页面关键词 (Keywords)推荐设置 3~5个 用英文逗号分隔。避免堆砌无效词汇。辅助搜索引擎理解页面的核心检索关键词分类。

SEO TDK 配置界面

2.2 社交媒体展示 (Open Graph)

Open Graph 是一种互联网协议(简称 OG 协议),它允许任何网页在被分享至社交媒体(如微信朋友圈、Facebook、X 等)时,转译为高富媒体大图卡片格式。

OG 属性名称标准 Meta 标签对应 Zion 配置与作用
og:title<meta property="og:title" ... />社交媒体卡片展示的标题(若不填,默认使用页面 Title)。
og:description<meta property="og:description" ... />社交媒体卡片展示的摘要简介(若不填,默认使用页面 Description)。
og:image<meta property="og:image" ... />分享时展示的封面缩略大图(支持上传专属封面)。

社交媒体展示配置界面

2.3 规范网页链接

规范网页链接用于指明当前网页的“官方/首选版本”。

  • 核心价值:如果网站存在多条不同路径(如含不同营销参数的链接)能够访问到相同或极高相似度内容的页面时,搜索引擎会判定存在“内容复制”,从而降低网站权重。
  • 声明方式:页面 Head 中添加 canonical 标签,明确指出首选 URL,避免权重分散。
  • 输出示例
    <link rel="canonical" href="https://www.functorz.com/blog/main-page" />

2.4 H 标签

H 标签(H1、H2、H3 等)用于标识页面文本的逻辑层级:

  • 规范要求
    • H1 唯一性:每个 HTML 页面中有且仅能存在 1 个 H1 标签(通常分配给页面的最核心标题或 logo 区域)。
    • 层级递进:后续页面副标题使用 H2,小节标题使用 H3,不可跨层级(如直接从 H1 跨到 H3),以此形成规范的树状文档层级结构。

H 标签配置界面

2.5 图片 Alt 属性

搜索引擎爬虫在抓取网页时,本身无法直接识别图片所表达的视觉画面。

  • 核心作用:图片 Alt 文本(替代文本)直接对爬虫描述图片中表达的具体内容,这是使图片能够被 “图片搜索引擎” 索引和带来检索流量的最核心源泉。
  • 配置方式:在选中图片组件时,在右侧属性面板中的 ALT 属性 输入框中填入写实的图片内容概括。

图片 ALT 属性配置界面

Last updated on