隐藏 <h1> 标签而不被 Google 禁止的正确方法是什么？

Question

我正在开发的网站使用 CSS 中定义的图像作为主徽标。 html 代码如下所示：

 <h1>Something.com | The best something ever</h1>

我只想显示 CSS 中定义的图像，并将 h1 标签中的信息仅传递给搜索引擎。

执行此操作的正确方法是什么？谷歌对此非常严格，我知道 display:none 是错误的，那么 visibility: hidden 呢？

提前致谢！

原文由 Martin Zahuta 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你应该没问题 visibility: hidden 。

也就是说，如果您的图像是 内容 的一部分（我敢说公司徽标是内容，而不是演示），并且您关心可访问的 html，则您应该考虑更改代码以将图像作为 img element with title and alt ernate text, instead of a css background-image .

此外，如果您希望将搜索引擎吸引到 <h1> 元素中的关键字，您可能希望在页面中多次包含这些词。例如，页面标题比 h1 元素更相关。

原文由 hpique 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

最简单、万无一失、最适合 SEO 的解决方案是

<h1><img src=logo.png alt="Something.com | The best something ever"></h1>

原文由 Ms2ger 发布，翻译遵循 CC BY-SA 2.5 许可协议