dede如何正确使用h1标签？

修改前（可能的样子）：

<h2 class="title">{dede:field.title/}</h2>

或者

<div class="article-title">
    <span>{dede:field.title/}</span>
</div>

修改后（推荐的样子）：

<h1 class="article-title">{dede:field.title/}</h1>

代码解释：

• {dede:field.title/}：这是DedeCMS调用文章标题的标签。
• <h1>：我们将其包裹在<h1>标签中,告诉搜索引擎这是本页面的主标题。
• class="article-title"：添加一个CSS类名，方便你通过CSS样式来控制这个标题的外观（如字体大小、颜色、加粗、居中对齐等），而不会影响<h1>本身的SEO语义。

方法2：修改列表页模板

在列表页（如首页、栏目页），通常有多个文章标题，这里不应该使用<h1>标签，而应该使用<h2>或<h3>。

在首页模板 index.htm 或栏目列表页 list_article_category.htm 中,文章标题的循环部分通常是这样的：

{dede:list pagesize='10'}
    <li>
        <a href="[field:arcurl/]">[field:title/]</a>
    </li>
{/dede:list}

为了优化SEO和结构,你应该将其修改为：

{dede:list pagesize='10'}
    <h3><a href="[field:arcurl/]">[field:title/]</a></h3>
{/dede:list}

这里使用<h3>（或<h2>，取决于你的页面结构）来表示列表中每个文章的标题，符合“一个页面一个H1”的原则。

方法3：修改首页（或其他页面）的主标题

如果你的网站首页有一个固定的主标题（我的个人博客”），这个标题应该使用<h1>。

操作步骤：

1. 找到首页模板文件 templets/default/index.htm。
2. 在页面的顶部，通常在网站Logo或网站名称附近，找到主标题的调用标签，可能是 {dede:global.cfg_webname/}。
3. 将其用<h1>包裹。

修改前：

<div class="logo">
    <a href="/">{dede:global.cfg_webname/}</a>
</div>

修改后：

<h1 class="logo">
    <a href="/">{dede:global.cfg_webname/}</a>
</h1>

注意：一旦你给首页的网站名称设置了<h1>，那么从首页点击进入的任何文章详情页，其<h1>就应该是文章标题本身，不能再是网站名称,这就形成了正确的标题层级。

最佳实践与注意事项

1. 不要滥用<h1>：切记，一个页面一个<h1>，在详情页，文章标题就是<h1>；在列表页，不要使用<h1>。
2. 保持层级清晰标签应该有逻辑地嵌套。
   • <h1> 页面主标题
   • <h2> 主要章节标题
   • <h3> 子章节标题
   • 依此类推...
3. 使用CSS控制样式：不要在HTML中写内联样式（如 <h1 style="color:red; font-size:24px;">），推荐使用class或id，然后在CSS文件中定义样式。
   • CSS示例 (style/css.css 或内嵌样式):

     .article-title {
         font-size: 24px;
         font-weight: bold;
         color: #333;
         text-align: center;
         margin: 20px 0;
     }

4. 检查特殊字符：如果文章标题中包含特殊HTML字符（如 &, <, >, ），DedeCMS的标签通常已经做了处理,但最好在浏览器中检查一下最终生成的源码是否正常。
5. 使用“自定义模型”时的处理：如果你使用了自定义模型，文章标题的字段名可能不是title，你需要查看模型字段，找到对应的字段名，然后在模板中使用 {dede:field.你的字段名/} 来调用，如果标题字段是mytitle，那么就写成 {dede:field.mytitle/}。

遵循以上方法，你就可以在DedeCMS中规范、正确地使用<h1>标签,从而更好地优化你的网站。