隐藏<h1>标记并且不被Google禁止的正确方法是什么?

Mar*_*uta 22 html css seo

我正在处理的网站使用CSS中定义的图像作为主要徽标.html代码如下所示:

<h1>Something.com | The best something ever</h1>
Run Code Online (Sandbox Code Playgroud)

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

这样做的正确方法是什么?Google对此非常严格,我知道显示:没有错,可见性:隐藏?

提前致谢!

hpi*_*que 23

你应该没问题visibility: hidden.

也就是说,如果您的图像是内容的一部分(我敢说公司徽标是内容,而不是演示文稿),并且您关心可访问的HTML,您应该考虑更改代码以将图像作为img元素包含在内titlealternate文本,而不是CSS background-image.

此外,如果您希望将搜索引擎吸引到<h1>元素内的关键字,您可能希望在页面中多次包含这些单词.例如,页面标题是一个比h1元素更相关的地方.


Ms2*_*ger 19

最简单,最简单,最好的SEO解决方案

<h1><img src=logo.png alt="Something.com | The best something ever"></h1>
Run Code Online (Sandbox Code Playgroud)

  • 这真的比使用隐藏的 H1 作为带有关键字的单独元素更好吗?由于这是 7 年前的信息了... (2认同)