对于隐藏H1标签是否会被Google禁止的网站，是否有明确的答案？

Question

我一直在研究这个问题几个小时，我觉得我无法决定什么是对错。这是之前在Stackoverflow上提出的问题，但几年前我还以为我可以再问一次。我希望在我的页面上包含H1标签但隐藏它们，因为我的横幅中有图形，但我被教导使用H1标签以获取可访问性。

我发现这可以被认为是SEO垃圾邮件并且可以将网站列入黑名单，我不希望这样。还发现使用H1标签可以在使用相对标头时大大增加网站的搜索引擎优化。

所以我想使用它们并隐藏它们，原因有两个，但是要避免谷歌将我的网站列入黑名单，是否有标准接受的方法来做到这一点，或者我需要选择冒黑名单和帮助视障者的风险更好的用户体验？

提前感谢任何建议。

Answer 1

最简单的方法就是在alt中包含h1属性的图片：

<h1><img src="banner.png" alt="my banner text" /></h1>

你可以放心，你不会因此而受到惩罚。我没有看到任何明确的信息，即进行图像替换会导致比正确使用alt更高的排名。像大多数SEO传说一样，数据非常少。也就是说，只要您没有尝试游戏搜索引擎并向用户和搜索引擎呈现不同的内容，您就不会因使用图像替换而受到惩罚。

如果您确实要进行图像替换，请务必使用绝对定位或负边距而不是display: none或visibility: hidden将文本放在屏幕外，以便屏幕阅读器用户可以访问内容。 / p>

Answer 2

如果隐藏标题，则无法改善辅助功能。

如果您使用display: none;或visibility:hidden;这样做，就好像您从未添加过它们一样：它们不会被屏幕阅读器读取，显然如果CSS不会显示启用。
如果您使用负text-indent或left绝对定位，那么只有盲人会阅读它们但不会使用不使用任何屏幕阅读器的视力不佳的人，而且他们不仅仅是盲人（也许10次）。