H1标签优化实战：标题层级用对了SEO流量翻倍

H1标签不是个摆设

去年接手一个博客站，每篇文章的H1都是”文章标题 - 网站名”这种格式，关键词被稀释。改成纯标题之后，核心词排名从第8页跳到第1页，流量三个月翻倍。

H1是页面上最重要的标题标签，搜索引擎用它判断页面主题。一个页面应该只有一个H1，这是铁律。但很多站点要么没有H1，要么H1用错地方。

H1的核心作用

H1应该写什么

原则：包含核心关键词，自然通顺，不超过30个汉字

<!-- 错误：关键词堆砌 -->
<h1>SEO优化 | 网站优化 | 关键词优化 | 排名优化</h1>

<!-- 错误：和title完全重复，浪费机会 -->
<h1>网站SEO优化完全指南2024 - 某某博客</h1>

<!-- 正确：聚焦主题，含关键词 -->
<h1>网站SEO优化实战：从关键词到内容的全流程</h1>

H1和title标签不必完全相同。title侧重搜索结果展示，可以加品牌词；H1侧重页面主题，更聚焦内容。

H1的视觉呈现

H1不一定要很大很显眼，但要让用户一眼识别这是页面主标题：

h1 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 1.5rem;
    color: #1a1a1a;
}

clamp() 让H1字号响应式，移动端1.75rem，桌面端2.5rem。

标题层级要规范

H1是主标题，H2是章节标题，H3是子章节，依此类推。不要跳级，不要用H3做章节标题而跳过H2。

<!-- 正确的层级 -->
<h1>网站SEO优化指南</h1>
    <h2>关键词研究</h2>
        <h3>长尾词挖掘</h3>
        <h3>竞品词分析</h3>
    <h2>内容创作</h2>
        <h3>标题写法</h3>
        <h3>正文结构</h3>

<!-- 错误：跳级 -->
<h1>网站SEO优化指南</h1>
    <h3>关键词研究</h3>
    <h2>内容创作</h2>

别用H1做Logo

很多老站点的header里Logo用H1包裹，每个页面H1都是网站名。这是错的：

<!-- 错误 -->
<header>
    <h1><a href="/">某某博客</a></h1>
</header>

<!-- 正确 -->
<header>
    <a href="/"><img src="logo.png" alt="某某博客"></a>
</header>
<main>
    <h1>当前文章的标题</h1>
</main>

Logo用图片或者普通链接，H1留给页面主标题。WordPress主题经常犯这个错，检查一下自己的主题。

多个H1的争议

HTML5规范允许多个H1，但Google的John Mueller明确说：一个页面一个H1最清晰。多个H1不会扣分，但会让搜索引擎判断主题时犹豫。

实战建议：一个页面一个H1，把section的主题用H2表达。

H1和Schema的配合

<h1 itemprop="headline">如何优化网站SEO</h1>

配合Article schema结构化数据，搜索引擎能更准确理解内容结构。

{
    "@context": "https://schema.org",
    "@type": "Article",
    "headline": "如何优化网站SEO",
    "author": {
        "@type": "Person",
        "name": "张三"
    }
}

Schema里的headline和页面H1保持一致，数据更干净。

H1的关键词布局

H1里的关键词位置有讲究，核心词尽量靠前：

<!-- 优：核心词在前 -->
<h1>SEO优化实战：10年从业者分享流量翻倍经验</h1>

<!-- 差：核心词在后 -->
<h1>10年从业者分享流量翻倍经验：SEO优化实战</h1>

前者关键词权重更高，后者虽然语义相同但SEO效果略差。

H1长度控制

15-25字是黄金区间，既能包含核心词又能加修饰词提升点击率。

数据验证

某站点H1优化前后对比：

H1改了之后title也跟着优化，搜索结果展示更吸引点击。

常见错误清单

<!-- 错误1：用div代替H1 -->
<div class="big-title">文章标题</div>

<!-- 错误2：H1里塞链接 -->
<h1><a href="/">返回首页</a></h1>

<!-- 错误3：H1纯CSS隐藏 -->
<h1 style="display:none">关键词</h1>

<!-- 错误4：H1里只有图片没文字 -->
<h1><img src="title.png" alt="文章标题"></h1>

错误3是黑帽SEO老套路，现在Google直接判作弊。错误4能用但不如纯文字H1效果好。

全站H1审计

用Screaming Frog爬全站，导出H1报告，重点看：

• 哪些页面没有H1
• 哪些页面有多个H1
• H1是否包含目标关键词
• H1是否重复（不同页面用同一个H1）

行动建议

• 全站爬一遍，检查每个页面是否有H1
• H1是否包含目标关键词
• H1是否唯一（不和其他页面重复）
• 标题层级是否规范（H1→H2→H3不跳级）
• 用Screaming Frog或者Sitebulb爬全站，导出H1报告
• H1和Schema的headline保持一致