保持h1标签的唯一性

FontSize: 【小中大】

h1被称为HTML标题Heading，h1不是唯一的标题，还有h2、h3、h4、h5、h6，h1是级别最高的标题，后面依次越来越小，注重SEO，应该将 h1 用作主标题，即最重要的，h2是次重要的，以此类推。

保持h1标签的唯一性是指在一个网页中只使用一个h1标签，并且这个h1标签应该用于网页的标题。搜索引擎使用标题h1为您的网页的结构和内容编制索引，这可以帮助搜索引擎更好地理解网页的结构和主题，并提高网页在搜索引擎结果页面（SERP）中的排名。如果一个网页中有多个h1标签，搜索引擎可能会不知道哪个标签是最重要的，让它不知如何是好，从而影响网页的排名。因此应该保持h1标签的唯一性，避免在网页中使用多个h1标签。就像main标签一样，都是在像搜索引擎标注这是最重要的部分，不易重复。

下面是关于分析搜狐网站的截图（多和优秀的网站学习），该文章详情的标题放在<h1>标签里面。顺便看一下它的title，文章的标题与网页title并不一致。

<title>杨幂宣布解约！_嘉行_传媒_公司</title>

保持h1标签的唯一性

除了h1标签，其它的标题标签都是可以重复使用的，但依然不建议重复次数太多，越重要，越不要重复太多。如果想在强调多个标题，可以使用h2、h3……等标签。

h1标签，并不一定要使用加粗或大号字体，为了网页的美观，可以使用CSS来定义h1标签的样式，保持h1标签的唯一性，比其它的都重要。但是，不建议你隐藏h1标签，例如使用display:none等技术，避免在h1标签中使用过多的修饰词和空格，保持标题的简洁明了。

<!DOCTYPE html>
<html>
  <head>
    <title>如何正确的使用h1标签</title>
  </head>
  <body>
    <h1>如何正确的使用h1标签</h1>
    <p>详细的信息，用于辅助主页标题的展示。</p>
  </body>
</html>

如示例所示，一般h1标签的内容和<head>里面的<title>内容是一致的。当然，并不一定要完全一致，有许多网页上会在<title>上加上网站名称或栏目名称。例如

<!DOCTYPE html>
<html>
  <head>
    <title>如何正确的使用h1标签_SEO知识</title>
  </head>
  <body>
    <h1>如何正确的使用h1标签</h1>
    <p>详细的信息，用于辅助主页标题的展示。</p>
  </body>
</html>

建议在文章详情页面，把文章标题放在h1标签里面，包含新闻标题、产品名称（标题）等详情页面的标题，强烈建议放在h1标签里面，并保持在页面的唯一性。

<article>
  <h1>文章标题</h1>
  <div>文章详情……</div>
</article>

如上所示，并把标题与详情放到article这种有语义的标签里面，告诉搜索引擎，这是一篇文章，标题是什么，文章详情是什么。