明确H1标签的正确使用原则
在动手修改之前,请务必理解H1标签的规范:

(图片来源网络,侵删)
- 唯一性:一个标准的HTML页面,理论上只应该有一个H1标签,它代表整个页面的主标题。
- 层级性:H1 > H2 > H3 ... H6,形成清晰的标题层级,H2用于副标题,H3用于次级副标题,以此类推。
- 位置:H1标签通常放在页面的最上方,比如文章标题、列表页的标题等。
- 内容相关性:H1标签的内容必须与页面内容高度相关。
常见错误:
- 没有H1:页面缺少核心主题定义。
- 多个H1:比如网站Logo、文章标题、列表标题都用了H1,会造成搜索引擎困惑。
- H1被滥用:用H1来做样式(比如放大、加粗字体),而不是语义化。
为什么DedeCMS会没有H1标签?—— 常见原因分析
- 模板文件未调用:最常见的原因,您当前使用的模板文件(如
article_article.htm文章页、index.htm首页)中,没有在合适的位置使用{dede:field.title/}或其他变量来输出H1标签。 - 被其他标签覆盖或替代:
- Logo使用了H1:很多模板会把网站Logo的
<a>标签设置为H1,这是正确的做法(因为Logo代表网站名称/品牌),但如果文章标题没有再用H1,就会导致“页面看起来没有H1”的错觉。 - 使用了CSS隐藏:开发者可能为了布局,将H1标签用
display: none;或其他方式隐藏了。 - 使用了其他标题标签:模板可能直接使用了
<h2>或<h3>来显示文章标题。
- Logo使用了H1:很多模板会把网站Logo的
- 特定页面类型缺失:
- 首页:首页的H1通常是网站名称(Logo)或者一个核心的欢迎语。
- 列表页:列表页的H1应该是该栏目的名称,产品中心”、“新闻资讯”。
- 文章页/内容页:文章页的H1毫无疑问应该是文章的标题。
- 搜索页、TAG页等:这些页面也需要有相应的H1标签来定义页面主题。
解决方案(分步指南)
第一步:检查当前模板的H1使用情况
- 登录您的DedeCMS后台。
- 进入 【模板】 -> 【模板管理】。
- 找到您当前使用的模板文件,
- 首页:
index.htm - 文章页:
article_article.htm - 栏目列表页:
list_栏目ID.htm或list_default.htm
- 首页:
- 点击对应的模板文件进行 【修改】。
第二步:为不同类型的页面添加H1标签
场景1:为文章页(article_article.htm)添加H1标签
这是最常见的需求,文章页的H1应该就是文章的标题。
- 打开
article_article.htm文件。 - 找到显示文章标题的位置,通常是这样的代码:
<h2>{dede:field.title/}</h2> - 将其修改为H1标签:
<h1>{dede:field.title/}</h1> - 重要提示:如果您的Logo已经使用了H1,那么这里文章标题使用H1就会造成重复H1,这时,您需要根据网站结构做出选择:
- 方案A(推荐):如果文章页是用户访问的主要目标,文章标题比Logo更重要,那么文章标题用H1,Logo改用
<div>或<span>。 - 方案B:如果品牌Logo是核心,那么Logo保持H1,文章标题可以考虑用H2(作为该页面的副标题)。
- 方案A(推荐):如果文章页是用户访问的主要目标,文章标题比Logo更重要,那么文章标题用H1,Logo改用
场景2:为栏目列表页(list_*.htm)添加H1标签
列表页的H1应该是当前栏目的名称。
- 打开对应的列表页模板文件。
- 找到显示栏目名称的位置,使用
{dede:field.typename/}- 将其用H1标签包裹起来,在页面顶部合适的位置添加:
<h1>{dede:field.typename/}</h1> - 将其用H1标签包裹起来,在页面顶部合适的位置添加:
场景3:为首页(index.htm)添加H1标签
首页的H1通常是网站名称。

(图片来源网络,侵删)
- 打开
index.htm文件。 - 找到显示网站Logo或网站名称的地方。
- 确保Logo的
<a>标签是H1,<h1><a href="/">您的网站名称</a></h1>
如果Logo是图片,可以这样写:
<h1><a href="/"><img src="/logo.png" alt="您的网站名称" /></a></h1>
如果首页没有核心标题,网站名称作为H1是最好的选择。
场景4:为其他页面(搜索页、TAG页)添加H1
- 搜索页:模板文件是
search.htm,H1可以是“搜索结果”。<h1>搜索“{dede:keyword/}”的结果</h1> - TAG页:模板文件是
taglist.htm,H1可以是TAG的名称。<h1>标签:{dede:tagname/}</h1>
第三步:检查并修复H1重复问题
如果您修改后发现一个页面有多个H1,就需要进行修复。
- 方法:在浏览器中打开任意一个页面,然后点击鼠标右键 -> “检查” (Inspect)。
- 在弹出的开发者工具中,按
Ctrl+F搜索h1。 - 查看页面中有几个
<h1>标签,如果多于一个,就需要回到模板文件,将非核心的H1改为H2、H3或<div>、<span>等其他标签。
例如: 假设您的Logo已经是H1,文章标题也被您改成了H1,那么文章标题就应该改回H2:

(图片来源网络,侵删)
<!-- Logo部分 (保持H1) -->
<h1><a href="/"><img src="/logo.png" alt="网站名" /></a></h1>
<!-- 文章标题部分 (改为H2) -->
<h2>{dede:field.title/}</h2>
第四步:使用插件辅助(可选)
如果您觉得手动修改模板比较麻烦,或者想更直观地管理H1标签,可以去DedeCMS官方论坛或第三方插件网站搜索“H1标签优化”或“SEO优化”相关的插件,这些插件通常提供可视化设置界面,可以方便地为不同页面指定H1内容。
总结与最佳实践
- 核心原则:一个页面,一个H1,H1代表页面核心。
- 检查是第一步:用浏览器开发者工具(F12)是检查H1问题的最快方法。
- 分步修改:从最重要的文章页和列表页开始修改,然后是首页和其他页面。
- 保持层级:H1、H2、H3要合理使用,不要跳级(例如直接用H1和H3)。
- 内容为王:H1标签里的文字一定要能准确概括页面内容,并包含核心关键词。
通过以上步骤,您应该就能彻底解决DedeCMS中H1标签缺失或不当的问题,从而更好地进行网站SEO优化,如果在修改过程中遇到具体代码问题,可以随时把模板代码片段发出来,我可以帮您进一步分析。
