如果我隐藏H1标签,Google会惩罚我的网站吗?


8

我今天读过一篇文章,作者说,如果您将关键字放在网页上,然后用CSS隐藏它们,则Google会惩罚您的网站。这很有道理。

这让我在构建网站时思考自己的技术。例如,如果当我建立一个网站并且徽标包含该网站的名称时,我倾向于将该网站的名称放在H1标签中,然后隐藏该标签。我不知道为什么要这么做,我一直都这样做。我还将标记alt属性中包含在图像中的所有文本包括在内img

但是,因为我隐藏了H1标签,这是否让我对Google敞开心open,因为我已经隐藏了这一标签?

Answers:


5

正如Su提到的,图像替换是非常标准的。如果使H1在每一页上都是唯一的(例如,将文章标题用作H1),则可能会产生更多效果。

至于受到惩罚,Google确实确实将隐藏文本作为垃圾邮件的一种形式,但是,他们一直说:“只要以不存在搜索引擎的方式建立您的网站,您就可以了”,这在理论上意味着应该很好,并且他们应该能够分辨出操作性隐藏文本和自然出现的隐藏文本之间的区别。

我个人不希望将此类问题留给Google来解决,所以我建议您将H1移至网站的主要内容,文章标题,产品标题或您的内容需要保证的任何地方。这样,它就独一无二,G所喜欢,它与G所喜欢的内容相关,并且对于人和机器人都是显而易见的。


4

例如,当我建立一个网站并且徽标包含网站名称时,我倾向于将网站名称放在H1标签中,然后隐藏该标签。我还将在img标签的alt属性中包含图像中包含的所有文本。

这是一个有点模糊,但如果这你的意思是你隐藏H1,然后有一个单独的img标签,然后介绍了标志,你重复劳动(和其他人所说的,可能打开自己可达隐藏内容的处罚)。为什么不考虑使用图像替换方法呢?您已完成大部分工作,只需分多个步骤进行。

实际上,您可以将图片直接粘贴在中H1,但是有些人喜欢在其来源中添加文字;您的来电。


3

您担心担心被禁止发布H1标签是正确的。如果您担心自己的网站目前可能被禁止,建议您使用Google的网站站长工具查看Google发布的有关您内容的任何消息。他们还提供了多种工具,可用于确保您的网站合规。

关于'alt'标签,请继续这样做!Google不仅使用alt标签来理解图像,而且屏幕阅读器软件还使用相同的alt标签来帮助视障人士浏览您的网站。

可以在这里找到Google网站站长工具


1

是的-这可能会导致Google惩罚您的网站。Google总是查看alt标签以确定隐藏在图片中的文字,因此实际上不需要在h1标签中添加标题。您也可以只在元标记中指定关键字以及页面标题。


1
当我们进入21世纪时,将关键字放在meta标签中就不再有用了
匿名

3
这里的问题是图像的替代文本不包含包含在中的语义“权重” H1。虽然这事实,alt文本会被看,这些选项是不等价的,这也不是很有可能的情况是更好的选择。
Su

1

我们在这里谈论站点名称。在大多数情况下,时间不会太长,通常会在每页上重复几次。因此,对于任何搜索引擎而言,这都不应该是问题,因为很难看到这有可能欺骗他们的用户。这不能与有人隐藏在内容中不重复或不相关的各种关键字的情况相提并论。

但是,这并不意味着您应该这样做。

我不知道为什么要这么做,我一直都这样做。

现在是时候重新考虑它了。你为什么要那样做?徽标(或代表)网站的名称/标题。所以应该在h1。根据您的隐藏方法,屏幕阅读器的标题可能也会被隐藏(这可能会破坏许多屏幕阅读器用户使用的轮廓导航)。

如果要同时显示徽标和名称,可以将它们放在同一位置h1,也可以使用HTML5 hgroup元素

<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>

<!-- variant 2 -->
<hgroup>
  <h1><img src="acme-logo.png" alt="" /></h1>
  <h2>ACME Inc.</h2>
</hgroup>

请注意,此处的alt属性值应为空

alt属性的值不应重复图像旁边的散文中已经提供的信息

如果您只想使用徽标,也可以:

<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>

关于其他答案:

完全很好,而且在很多情况下,甚至要求(用于文档的概要)h1用于网站标题,而不是页面内容标题。在HTML5中,您可以同时使用h1两个标题(与section元素结合使用)。

一个CSS图像替换方法应该被用于网站的标志,因为它是内容(HTML),未装修(CSS)



0

FWIW:关于所有有关“中央审查员”受到处罚的说法,Google 本身都会在其搜索结果<h2 class="hd">Search results</h2>页面上隐藏文字:

.hd {
   height: 1px;
   overflow: hidden;
   position: absolute;
   top: -1000em;
   width: 1px;
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.