javascript - CSS 的 SEO 隐藏 JS 淡入

Question

我有一张图片，我想在页面加载后淡入。

我已经将该图像的 css 设置为零不透明度。

然后我使用 js 使图像淡入(将不透明度增加到 1)。这会在页面加载后大约一秒内发生。

我可以想象具有零不透明度的元素不会增加 SEO 的值(value)。但是我知道谷歌爬虫可以在一定程度上读取 JS。这是否意味着它会在一秒钟后理解它是可见的并像任何常规图像一样对其进行索引？

此外，如果我在页面加载时将不透明度替换为“display:none”并在一秒钟后用 JS 替换“display:block”，SEO 会受到怎样的影响？

任何见解将不胜感激，干杯!

Answer 1

SEO 是一门黑艺术。能准确回答这个问题的只有谷歌的工程师，他们不会回答。有很多“SEO 专家”会虚张声势地告诉您他们知道答案，但事实是他们全都在进行有根据的猜测。

我对这个问题的回答如下，但请记住以上几点——我只是做出有根据的猜测。

像这样的事情是一种边缘情况；如果您的页面写得很好并且符合语义，那么即使像这样的细节确实有影响，它也会被实际内容的权重更大的影响淹没。

无论如何，如今将不透明度和可见性与动态内容结合使用非常普遍，因此 Google 必须意识到这一点并将其纳入其算法。因此，我认为这不会影响您。但重申一下，这是一个有根据的猜测。