使用 display:none 隐藏的 h1 标签是否被搜索引擎突出显示？答案

【问题标题】：Is h1 tag that's hidden using display:none given prominence by search engines?使用 display:none 隐藏的 h1 标签是否被搜索引擎突出显示？
【发布时间】：2010-10-19 17:32:38
【问题描述】：

当内容被 CSS (display:none) 隐藏时，是由搜索引擎读取还是网站会因此受到惩罚？就我而言，由于某些 CMS 和其他原因，我需要为用户提供替代内容并使用 display:none 隐藏页面上的 H1 标签。我想知道搜索引擎是否仍会将 H1 标签视为与未隐藏时相同的显着性。

【问题讨论】：

CMS 是否阻止您在服务器端隐藏此内容？

标签： css seo

【解决方案1】：

这违反了 Google 的政策。这称为关键字填充，会让您从 Google 中除名，这意味着您的网站甚至不会再出现在 Google 上。一个好的经验法则是只向 googlebot 显示您网站的用户可以感知的显示内容。

如果您在某个时候向人们显示信息，那么您可以辩称您不是关键字堆砌，但 Google 会先将您除名，然后您必须提出上诉。

【讨论】：

如果你有一个图片作为你的网站标题，你想用
Title
和
- Service
?谷歌会避开这个吗？还是认为图像的 alt/longdesc 属性更适合在这种情况下使用？
对图片使用 alt 标签。您可以将图像标签放在
标签内。如果您从不打算显示元素，请不要使用 display:none 隐藏它们。
您能否提供您意见的链接，而不是将军？
如何使用 position:absolute 和 left:-50000px 或类似的东西为屏幕阅读器提供屏幕外内容（这通常也是很好的 SEO 做法）？也许文本是在图形中直观地提供的，但您需要用于这些目的的实时文本：我严重怀疑 Google 会考虑关键字填充！
你可以试试看，我猜。对我来说听起来像是隐藏的文字。

【解决方案2】：

使用.visuallyhidden 类可能比旧的display:none; 更好的主意屏幕阅读器会像阅读纯文本一样阅读.visuallyhidden 中的内容。

.visuallyhidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}

我不确定 Google 是否会惩罚在 h1 标签中使用此类类。但无论如何我认为它是比使用display: none; 更好的选择

【讨论】：

【解决方案3】：

这不是关于该搜索引擎应该考虑与否的讨论。这是一个关于搜索引擎会做什么的问题。这是你的答案 http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66353

搜索引擎将丢弃它，而且它违反了他们的使用条款，因此他们甚至有权从搜索结果中删除您的网站。

【讨论】：

【解决方案4】：

您可以将背景设置为您希望人们看到的图像，然后将文本缩进为 -9999 像素。

【讨论】：

你真的是说 google 没有检测到简单的 CSS 规则吗？

【解决方案5】：

你最好不要这样做。

像谷歌这样的搜索引擎很聪明，他们会检查这种类型的东西，当你被抓到时，你会被标记，你的 SEO 毫无用处。

在系统内工作，不要试图欺骗它。 Google 为希望进行合法 SEO 的开发人员提供了大量 tools。

【讨论】：

【解决方案6】：

如前所述，出于多种目的隐藏信息并不是一个好主意。

如果实际上，您真正想要的是为访问者提供一种替代媒体而不是纯文本，有很多方法可以做到这一点，请参阅Nine Techniques for CSS Image Replacement 了解更多详细信息，或查看sIFR。

【讨论】：

【解决方案7】：

没有理由不能隐藏 H1 标签 - 这不一定是坏事。使用屏幕阅读器阅读您网站的视障人士会发现隐藏的 H1 很有用，无论它是否隐藏（因为大多数屏幕阅读器阅读的是 HTML 而不是视觉页面）。此外，如果您在页面上视觉上有一个企业徽标，然后有一个带有企业名称的隐藏 H1，这也很好。在这种情况下，H1 是 Logo 的替代品，因此纯粹出于语义原因也可以。

您还可以拥有可以通过用户交互“显示”的隐藏内容（例如单击“更多”链接）。这也很好。隐藏文本并没有错，前提是这样做有一个好的、可用性的理由。当然，关键字填充是错误的，永远不应该这样做 - 因此，仅靠 SEO 原因是不足以隐藏文本的 - 肯定还有其他原因。

【讨论】：

我很确定屏幕阅读器确实阅读了 CSS...毕竟，为什么会有语音特定属性？
他们忽略了大多数 CSS，但是 display:none 和 visibility:hidden 会隐藏屏幕阅读器的内容。这对于选项卡切换器和其他在对视觉用户隐藏时不希望强制它们通过的内容很有帮助。

【解决方案8】：

搜索引擎构建者已经用了大约 15 年的时间来学习人们用来获得更好的搜索引擎评级的每一个技巧，因此您可以确定机器人会注意到一些简单的东西，比如隐藏的文本。

如果页眉标签在页面上不可见，那么将它放在那里毫无意义。搜索引擎充其量只会忽略该标签。在最坏的情况下，他们会忽略您的网站。

【讨论】：

“最好的情况是搜索引擎会忽略该标签。最坏的情况是他们会忽略您的网站”我喜欢这句话。我不确定谁对谁错，似乎每个人都有理由争论。只有这条评论揭示了真相。好点Guffa！

【解决方案9】：

我不相信 Google 会自动惩罚您（意思是无需人工审核），但这绝对是一种风险，尤其是如果隐藏文本似乎只是为了 SEO 目的。

Google Quality Guidelines - Hidden text and links

【讨论】：

我宁愿不必隐藏 h1 的文本，而只需将其移出屏幕，使其对用户不可见。除了使用 text-indent 将其移出屏幕之外，最好的方法是什么？

【解决方案10】：

搜索引擎在 CSS 技术方面变得越来越聪明，可以隐藏信息以试图欺骗它们。但是，可能存在一个阈值，因此出于足够充分的理由，一两个这样的技术对您来说不会太成问题。如果可以，请尽量避免它们，尤其是集体。

【讨论】：

Title

标签内。如果您从不打算显示元素，请不要使用 display:none 隐藏它们。