视频教程 / 详细文档 / 在线指导
超级区块WordPress主题系列操作文档
我们针对超级区块WordPress主题系列编写了详细的操作文档，并且录制有视频教程，有不明白的地方也可以在线咨询客服
古腾堡编辑器开启SEO结构高亮按钮，进行SEO语义化布局
开启结构高亮按钮，整个网页的SEO语义化布局清晰可见
我们在编辑器加入了一个结构高亮的按钮，如上图所示，开启后，编辑器将会把SEO相关的语义化标签进行高亮显示，这样你可以轻松的调整整个页面的语义化布局。
如果你不了解HTML结构语义化是什么，可以看下我们下面的介绍。
为什么HTML语义化对SEO至关重要
在网页构建中，语义化的HTML标签（如
语义结构良好的网页，可以让：
搜索引擎更精准地识别内容层级；
关键内容更容易被索引；
页面在结构化数据、知识图谱中表现更好；
用户在视觉与逻辑上获得一致体验。
因此，编辑器中正确使用语义化标签是网页SEO优化的重要基础。
主要语义标签介绍
在编辑器的“结构高亮”模式下，以下标签会被高亮显示。请根据页面内容合理使用这些标签：
| 标签 | 语义与用途 | 常见用法 |
|---|---|---|
| 页面中一个独立的主题区块，通常有自己的标题 | 用于划分页面的逻辑区块，例如“服务介绍”“团队成员”“联系我们”等 | |
| 独立的文章或内容单元，可单独成文 | 用于新闻、博客文章、案例详情、活动详情等 | |
| 辅助性或补充性内容 | 用于侧边栏、相关文章推荐、广告等 | |
| 内容区块或页面的标题区域 | 可出现在整个页面的顶部，或出现在某个 | |
| 导航链接集合 | 用于网站主导航、分页导航或局部导航菜单 |
H标签的层级与搭配规范
H标签（
–）用于表示内容的层级结构：： 页面或文章的主标题，每页仅应出现一次。
： 内容的主要分区标题，对应一级主题。
： 的子标题，用于进一步细分内容。
–： 用于层级更深的结构，一般在长文档或复杂布局中使用。
： 页面或文章的主标题，每页仅应出现一次。
： 内容的主要分区标题，对应一级主题。
：
的子标题，用于进一步细分内容。
–
： 用于层级更深的结构，一般在长文档或复杂布局中使用。
正确的H标签结构有助于：
搜索引擎理解内容主次关系；
生成更清晰的摘要与索引；
用户快速浏览页面内容。
建议：标题层级不要跳级（如
后直接
），每个标题前后应有对应的内容支撑。
aria-labelledby 参数的作用
在外容器区块中，我们也加入了aria-labelledby参数选项，可以选填。
为了让页面在结构语义化的同时，兼顾可访问性（Accessibility）标准，每个外层容器（如
基本概念
aria-labelledby 用于建立一个 区域与标题之间的语义关联。
它的值通常是该区域内某个标题元素（如
、
）的 id。
屏幕阅读器或搜索引擎解析页面时，会使用此属性来理解“这个区域的主题或标题是什么”。
示例说明：
我们提供网页设计、SEO优化与内容策略等服务。我们的服务
在这个例子中：
的 aria-labelledby="service-title" 表示：这个区块的“语义标题”是 ID 为 service-title 的元素。 屏幕阅读器会朗读为：“区域：我们的服务。内容：我们提供网页设计、SEO优化与内容策略等服务。”
即使用户看不见网页布局，也能准确理解每个内容区块的意义。
为什么它对SEO和结构都有帮助
搜索引擎爬虫能更容易识别每个
、 等的标题与内容对应关系； 辅助设备（如语音阅读器）能更友好地导航整页结构；
让语义结构更“可读”，不仅是给人看，也给机器看；
对于未来的结构化数据、AI摘要抓取等，都有潜在正面影响。
aria-labelledby 的加入让你的编辑器功能不仅仅是“视觉高亮”，而是真正意义上的结构辅助工具。
搜索引擎理解每个区块的语义层次；
屏幕阅读器正确朗读页面；
编辑者构建更高质量、更标准化的网页内容。
了解以上内容之后，那么我们下面将对wordpress的几种类型的SEO语义化进行分析，参考最基本的结构，可以让你更好的进行排版。
需要值得注意的是，我们的主题已经提供最基础的布局，编辑器所输出的内容都在
首页的结构优化
首页通常是整个网站内容结构的索引，应突出导航与主要版块。
常见布局示意：
网站主标题或品牌口号
最新资讯
文章标题
文章标题
服务介绍
...
单页面布局的语义搭配示例
单页面（如“关于我们”“联系我们”等）通常以内容块为主，逻辑上可分为多个主题区块：
...关于我们
公司简介
团队介绍
创始人
设计团队
文章页面布局的语义搭配示例
文章页的结构应清晰突出主内容，辅助内容放入
发布时间 / 作者 / 分类 ... ...文章标题
段落主题
总结与展望
分类页布局的语义搭配示例
分类页通常展示若干 article 项，标题应反映分类主题：
摘要... 摘要...分类名称：科技新闻
文章标题
文章标题
通过“结构高亮”功能，编辑者可以在古腾堡编辑器中直观地识别页面语义结构，确保：
页面结构清晰；SEO 友好；内容层级合理；各类模板（首页、单页、文章页、分类页）都具备语义一致性。
