我有一个图像，我想在页面加载后淡入。
我已经将该图像的css设置为零不透明度。
然后我使用js来淡入图像（将不透明度增加到1）。这发生在页面加载的大约一秒钟内。
我可以想象，零透明度的元素不会为SEO增加价值。然而，我知道谷歌爬虫在一定程度上可以阅读JS。这是否意味着它会理解它在一秒钟后是可见的，并像任何常规图像一样对其进行索引？
此外，如果我在页面加载时用"display:none"替换不透明度，一秒钟后用JS替换"display:block"，SEO会受到什么影响？
任何见解都将不胜感激，干杯！
SEO是一门黑暗的艺术。唯一能准确回答这个问题的人将是谷歌的工程师，他们不会回答。有很多"SEO专家"会吓唬你他们知道答案，但事实是，他们都在做有根据的猜测。
我对这个问题的回答如下，但请记住上面的内容——我只是在做一个有根据的猜测。
像这样的东西是一个边缘案例；如果你的页面写得很好，语义也很好，那么即使像这样的细节确实有影响，它也会被实际内容的更重的影响所淹没。
无论如何，如今，将不透明度和可见性与动态内容结合使用是如此普遍，以至于谷歌必须意识到这一点，并将其纳入他们的算法中。因此，我认为这不会影响到你。但要重申的是，这是一个有根据的猜测。
用显示样式替换不透明度不应该影响SEO；但我确实建议使用display:none，display:block选项，而不是不透明度，以增强浏览器兼容性。我不确定爬行器能读到什么，但使用不透明不应该损害你的图像。如果你想添加更多的SEO，可以在你的图片周围添加<figure>和/或<figurecaption>。不要忘记alt和title属性（如果使用figcaption，则为nix-title）。
我很确定这与seo:配合良好
<span style="text-indent: -9999px">
This will not be visible on screen but readable by a crawler
</span>
这也应该适用于
<div style="position: relative; left: -9999px">
This will not be visible on screen but readable by a crawler
</div>
但我确实理解，这两种技术在您的具体情况下可能不起作用。