#1 楼

我通常不将徽标或网站标题放在H1中。我喜欢看的方式是每个页面都是一个文档。该文档是关于特定主题的，如页面标题和主要标题所示。网站本身只是文档的发布者。因此，从语义上讲，将站点徽标或名称用作每个页面的主要标题是不正确的。徽标显眼地显示，以提醒用户徽标的位置和商标目的，但实际上它们并不是内容或文档的一部分。

我的意思是，当您观看新闻报道时，可能会看到角落里的新闻频道徽标很少，但新闻报道的标题将不会是“ CNN”或“ BBC新闻”。标题将是关于故事的，而不是发布故事的网络。同样，当您阅读杂志时，标题中仅使用文章标题，而不使用出版物名称。文档标题。标题定义页面上内容的层次结构；使用一个作为网站名称，使用另一个作为文档标题，就像说，此页面有2个主要部分：“ mydomain.com”和“与我们联系”。

#2 楼

请参阅Google SEO报告卡文档的第37页：


大多数产品主页都有机会使用一个<h1>标签，就像上面的示例一样，但是它们目前仅使用其他标题
标签（在这种情况下为<h3>）或更大的
字体样式。在设置文本样式的同时，使文本看起来较大可能会实现相同的视觉效果，但不会为搜索引擎提供与<h1>标记相同的语义
。该产品的名称和/或有关其功能的几个
单词很容易
在产品的首页的<h1>标签中包含。


根据Google对其产品的分析，我得出一个结论，即Google希望在H1中出现唯一的，特定于页面的值（链接文档中的插图对此进行了说明）。

#3 楼

这是一个很好的原理：您的徽标是图像，而不是

。语义上，页面标题应使用<h1>，并且页面标题在每个页面上应该是唯一的。您的徽标或站点名称不是页面标题（可能是主页）。或者，如果使用HTML5，则使用<header>标签。

评论

---

我不喜欢使用任何标记，除非它用于内容。在所有页面的标题中重复的网站徽标不是内容，而是布局详细信息。

– cherouvim
2011年1月2日15:04

---

@cherouvim：图像不必是标签，它可以是背景，而不必是

标签上的背景。但是，正如链接文章所述，您的徽标可以视为页面内容。

–心怀不满的山羊
2011年1月2日，16：12

---

#4 楼

IMO在页面上应该只有一个H1。而且H1应该始终在H2之前-以便保持内容的正确层次结构。 。

在主页上，我会考虑使用：徽标/标题-H1 [，标题-H2]
尽管，在您的主页上，徽标很可能是您的标题。

但是，在随后的所有页面上，我都会使用：徽标-其他标签，标题-H1
即使合适，也可以将徽标作为背景图像。

#5 楼

您真正在H1标签中寻找的是页面标题或使该页面独特的原因。如果要在其中使用图像，则需要使用后备方法来实现图像的可降解性：

<style>
h1{background: url('imagePathHere.gif');width:60px;height:10px;}
h1 span{display:none}
</style>

<h1><span>Unique Page Title</span></h1>

通过这种方法，您可以设置图像以显示H1（人们经常误将其用作徽标区域），并且对于使用降级的Internet体验的人们来说，它仍然具有良好的内容。这也使您的SEO值感到高兴。

#6 楼

由于存在一些实践（和模板），所以这是一个了不起的问题。

我个人希望参考“概述101”逻辑，并考虑以下因素： /> H1就像一个标题（当然您希望对HTML标题进行补充），并且每页应该只有一个标题，就像页面只有一个标题一样

H2有点像罗马数字轮廓：I.，II。，III等。

H3相当于A.，B.，C。的轮廓。

通常，实际使用中这种逻辑很难在网页上准确实施-有太多偶然的信息只是不累积到该层次结构中。但是，如果您坐下来尝试用这种逻辑来分解它，我觉得该学科是有好处的。

#7 楼

我是主标题人h1主要标题是装饰的站点名称，或您所说的徽标。重点在于-在网站标题中，徽标实际上不是徽标，而是图示网站的标题。设计师只是喜欢将其设计为徽标。
LOGO-> H1有什么问题吗？访客无法理解页面，因为h1过于具体。关于谁？

<div>Google</div>
<h1>About Us</h1>

此页面与Google有关。这是关于我们的部分。瞧-没问题吗？一切都清楚了。
第二点。
页面结构。如果将网站主标题放入div或p，则没有任何关联。因为h1之后的所有内容都与它相关联，所以与以前无关。

<h1>Google</h1>
<h2>About Us</h2>

“关于我们”属于Google。没问题。
第三点。
HTML是描述信息的语言。因此，您不显示信息，而是对其进行描述。并且每个页面都是独立的。因此，您描述一个页面是因为页面之间没有关联。只需链接各个页面的链接即可。

<p>Google</p>
<h1>About us</h1>

此页面是关于我们的。谁/是什么？不清楚它只是描述了一个“关于我们”的内容。

<h1>Google</h1>
<h2>About Us</h2>

该网站描述了google。还有关于我们的部分。我们=最有可能是google，因为结构是用这种方式描述的。
我希望我提出我的观点了：）您不能使用h1-H1-h2，因为这是不合逻辑的，因此会造成很大的失败。仅仅因为w3c没说过它是不允许的，就没有使它有效。考虑一下，这是不合逻辑的。

#8 楼

徽标是否为h2标签？通常，我发现它们的页面标题为h1标签，徽标设置为h2。您可以在博客页面（如www.blogs.sitepoint.com/category/design/）上看到此内容。在网站周围漫游，您会发现不同的设置。我经常在主要产品页面（http://products.sitepoint.com/）上找不到h1标签。尽管在该页面上，如果您单击任何特定产品以获取更多信息，请访问www.sitepoint.com/books/design2/，您会再次发现h1是页面标题，h2是徽标。典型的网页类似于博客（请参阅www.sitepoint.com/help/）。在这种情况下，FAQ的主题都是h2标签。

汤姆·罗杰斯

#9 楼

您的徽标不需要嵌套在标题中，只需在header中添加一个简单的链接图像即可。但是您的网站标题和页面/文章标题均应为<h1>。本文内容翔实：HTML5时代关于多个H1标签的真相。