主页上的<h1>标签是什么意思？

Question

在主页上，博客标题或描述最好使用<h1>标签吗？

默认情况下，Thematic（我正在构建子主题的主题）使用<h1>标签作为博客描述。

此外，我已经用图像标志替换了博客标题文本。这样做可以吗？还是应该显示文本并使用text-indent: -9999px来隐藏它？

- fxfuture

Answer 1

这一切都取决于您的网站描述与您的网站有多相关。如果很重要，我会在<h1>标签之间包含我的网站标题，并在<h2>标签之间包含我的网站描述。如果不太重要，我会在<p>标签之间包装我的网站描述。

我建议避免使用display:none来隐藏内容，因为Google或其他搜索引擎经常在这样做时混淆。

不过有一个非常好的替代方法（也在WordPress TwentyEleven主题中使用）。这里列出了一个很好的教程：http://themeshaper.com/2011/02/17/css-tip-hiding-content-with-clip/。

- user1139291

---

谢谢！这听起来是最好的方式。我会用h1标签包裹我的网站标题，并使用h2标签作为博客描述。与在页眉标志上使用alt图像标签相比，使用该替代方案隐藏文本是否有更大的优势？ - fxfuture

@ fxfuture 很抱歉回复晚了，但我并不完全明白你的意思。根据上述提到的教程，我会隐藏 <h1> 标题和/或 <h2> 描述。假设你希望显示一个标志而不是标题，我会确保它包含 alt 标签（如果我没记错的话是为了搜索引擎）和 title 标签（如果我没记错的话是为了屏幕阅读器）。 - user1139291

Answer 2

你的页面上应该有一个 h1 标签，这会赋予页面语义意义。

如果你使用 img 作为标题，不应该隐藏 h1。这会对以下方面产生影响：

1. 搜索引擎（可能认为你在隐藏内容）
2. 有辅助功能需求的用户（屏幕阅读器）
3. 自己进行 DOM 操作时容易忘记它的存在。

- Jason Gennaro

Answer 3

就SEO而言，最好为您的网站设置标题标签。标题标签对于SEO非常有益。

- defau1t

Answer 4

根据 Google 的说法，隐藏页面内容并不是最佳实践。描述图像的文本应该使用 alt 标签来完成，而不应该使用隐藏的 h1 标签。这里提供两个相关视频链接：http://www.youtube.com/watch?v=GIn5qJKU8VM http://www.youtube.com/watch?v=fBLvn_WkDJ4。

- bobek

Answer 5

在主页上，最好使用H1标题来包含您想在Google等搜索引擎中排名的主要关键词短语。 您应该编辑Thematic主题以使用您所需的H1。

- Paul Nobel

Answer 6

在HTML中，标题标签或者说是“<h1>”标签通常用于文章的标题或者其他需要强调的文本内容。它通常是页面上最大且最突出的文本。

- East End

Answer 7

h1是您网页的标题，就像书中章节的标题一样。您网站上的每个页面都可能有一个h1，以帮助读者理解该页面的内容或目的。如果您隐藏了h1并用标志替换它，搜索引擎仍然可以找到它。

- Rob

Answer 8

当我使用图像替换H1 / H2时（通常是用于描述的H2，仅在主页上），我始终使用text-indent来隐藏文本。

您希望搜索引擎索引该文本，但您希望图像看起来漂亮。为什么要在一个或另一个上妥协？ :)

我通常还将文本放在span中，然后给该span设置text-indent属性。

- Klikster

Answer 9

我建议不要使用隐藏技术，这是一种容易出问题的技巧。你非常希望文本能够在页面上显示。因此，简单的方法有一定的优点：

<img id="mybloglogo" src="myblog.jpg" alt="[My blog about great stuff]">

然而，并没有完美的答案。请参考用标志图像替换H1文本：最佳SEO和可访问性方法？并在谷歌上搜索此主题，以了解各种观点背后的热情。

如果您不想花费数小时进行研究，那么您有一个更简单的选择。查看您的页面。现在禁用CSS并再次查看。现在禁用图像并再次查看。如果每个阶段页面都能正常阅读和工作，则对于人类和机器人读者都已经覆盖。

要在Firefox中关闭CSS，请使用"查看->页面样式->无样式"。

- Bryce