<h1> 标签在主页上？答案

【问题标题】：<h1> tag on home page?<h1> 标签在主页上？
【发布时间】：2012-01-09 16:32:46
【问题描述】：

在首页，博客标题或描述最好使用<h1>？

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

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

【问题讨论】：

标签： html css seo

【解决方案1】：

这完全取决于您的网站描述与您的网站的相关程度。如果这很重要，我会将我的网站标题放在<h1> 标签之间，将我的网站描述放在<h2> 标签之间。如果不太重要，我会将我的网站描述放在 <p> 标记之间。

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

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

【讨论】：

谢谢！这听起来像是最好的路线。我将把我的网站标题包装在 h1 标签和 h2 中作为博客描述。与标题徽标上的 alt 图片标签相比，使用该替代方法隐藏文本是否有很多优势？
@fxfuture 很抱歉回复晚了，但我不完全确定您的意思。我会使用上面提到的教程隐藏<h1> 标题和/或<h2> 描述。假设您希望显示一个徽标，我会确保它同时包含一个 alt 标签（如果我是正确的，搜索引擎）和一个 title 标签（屏幕阅读器，如果我是正确的）
好的，完美。非常感谢！

【解决方案2】：

您的页面上应该有一个h1。它赋予页面语义意义。

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

有影响

【讨论】：

【解决方案3】：

就 SEO 而言，最好为您的网站添加标题标签。标题标签非常适合 SEO。

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

您希望那里的文本可以被搜索引擎索引，但您希望图像看起来不错。为什么要满足于其中一个？ :)

我通常也将文本放在一个 span 内，然后给该 span 赋予 text-indent 属性。

【讨论】：

【解决方案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。

【讨论】：

【解决方案8】：

标题标签，或 HTML 中的标签，通常是文章的标题，或页面上其他强调的文本。它通常是突出的最大文本。

【讨论】：