主页上的<h1>标签？</h1>

Question

在主页上，最好使用<h1>作为博客标题或说明吗？

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

此外，我已将博客标题文字替换为图像徽标。这样可以，还是应该显示文本并使用text-indent: -9999px隐藏它？

Answer 1

这完全取决于您的网站与网站描述的相关程度。 如果有任何重要意义，我会将<h1>标记与我的网站描述之间的网站标题包装在<h2>标记之间。 如果不太重要，我会将我的网站描述包装在<p>标记之间。

我会避免使用display:none来隐藏内容，因为谷歌或任何其他搜索引擎在这样做时经常会感到困惑。

虽然有一个很好的选择（也在WordPress TwentyEleven主题中使用）。这里列出了一个很好的教程：http://themeshaper.com/2011/02/17/css-tip-hiding-content-with-clip/

Answer 2

您的网页上应该有h1。它赋予页面语义含义。

如果您使用h1作为标题，我认为您不应隐藏img。这对

有影响

1. 搜索引擎（可能认为您隐藏内容）
2. 具有辅助功能问题的用户（屏幕阅读器）
3. 你自己，如果你忘记它就在那里进行DOM操作。

Answer 3

就SEO而言，最好让您的网站成为标题标签。标题标签有助于搜索引擎优化目的。

Answer 4

根据谷歌的说法，隐藏页面内容并不是最好的做法。描述图像的文本是alt标记，这应该用于此目的，而不是隐藏的h1标记。在这里：http://www.youtube.com/watch?v=GIn5qJKU8VM http://www.youtube.com/watch?v=fBLvn_WkDJ4

Answer 5

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

Answer 6

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

你想要那个文本，所以它可以被搜索引擎索引，但你想要的图像，所以它看起来不错。为什么选择其中一个？ ：）

我通常也会将文本放在span中，然后将text表示为text-indent属性。

Answer 7

我建议不要隐藏，这是一种可以焚烧你的棘手技巧。您非常希望文本在页面上。因此，简单的方法有一些优点：

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

但是，没有完美的答案。有关此主题的信息，请参阅Replacing H1 text with a logo image: best method for SEO and accessibility?和Google，以了解此问题的各种观点背后的热情。

如果您不想花费数小时研究，您可以选择更简单的方法。查看您的页面。现在禁用CSS并再次查看。现在禁用图像并再次查看。如果页面在每个阶段都能正常读取并且工作正常，那么您已经为人类和机器人读者提供了覆盖。

关闭Firefix "View->Page Style->No Style"中的CSS。

Answer 8

标题标记或HTML中的标记通常是帖子的标题或页面上的其他强调文字。它通常是最突出的文本。