使用 CSS 显示 SEO 对图像的影响无

【问题标题】：SEO affect on images using CSS display none使用 CSS 显示 SEO 对图像的影响无
【发布时间】：2015-02-05 00:08:14
【问题描述】：

我正在改进我的 Easing Slider WordPress 插件，我收到的常见请求之一是添加对背景滑块等的支持。

我正在考虑使用背景图片，因为我发现自己经常使用 background-size: cover 来获得响应式英雄图片等。

我打算保持标记原样，包括带有标题和 alt 标记的 HTML img，只有它会使用 display: none 保持隐藏状态。然后，我将让 JS 将其添加为该幻灯片的背景图像。这让我也可以保持预加载不变。

这对 SEO 有什么影响？这是一个不好的方法吗？我没有看到另一种可靠地实现background-size: cover 行为的方法。

【问题讨论】：

【解决方案1】：

如果只在javascript中设置display: none，不会影响SEO。

【讨论】：

你确定吗？您有任何证据证明情况如此吗？
搜索机器人根本不运行 javascript。 SO上有多个这样的答案，例如stackoverflow.com/questions/1547426/…和stackoverflow.com/questions/22313672/seo-display-none
搜索机器人绝对运行 javascript，尽管我不认为它在多大程度上运行它是公开的。您的第二个链接的公认答案包括：“自从使用 CSS/JS 隐藏内容可能会欺骗他们的日子以来，Google 发生了很大变化”
规则一直是，现在仍然是：如果您的更改是装饰性的，即影响展示，但不会影响您网站的实际内容，并且不会欺骗用户或搜索引擎，没关系。
问题是搜索引擎如何确定它是否是纯粹的化妆品。当然你不应该试图欺骗用户，但我不知道你是否可以确定当你在 javascript 中隐藏内容时谷歌会理解你的意图。