我有一张图片，我想在页面加载后淡入。
我已将该图像的css设置为零不透明度。
然后我使用js淡化图像（将不透明度增加到1）。这种情况发生在页面加载的大约一秒钟内。我可以想象，不透明度为零的元素不会为SEO增加价值。不过我知道Google抓取工具可以在某种程度上读取JS。这是否意味着它会理解它在一秒之后是可见的并将其索引为任何常规图像？
如果我在页面加载时使用'display：none'替换不透明度，并在一秒钟后用JS替换'display：block'，那么SEO将如何受到影响？
任何见解都会受到赞赏，欢呼！
答案 0 :(得分：9)
我对这个问题的回答如下，但请记住以上内容 - 我只是在做出有根据的猜测。
像这样的东西是边缘情况;如果你的页面写得很好并且语义很好，那么即使这样的细节确实有效，它也会被实际内容的加权效果淹没。在任何情况下，将不透明度和可见性与动态内容结合使用的情况如此普遍，以至于Google必须了解它并将其纳入算法中。因此我不相信这会影响你。但重申一下，这是一个有根据的猜测。
答案 1 :(得分：0)
用显示样式替换不透明度不应影响您的SEO;但我建议显示：none，display：block option over opacity，以获得更多浏览器兼容性。
我不确定Crawler能读什么，但使用不透明度不应该伤害你的形象。如果您想为其添加更多搜索引擎优化，请在图片周围添加<figure>和/或<figurecaption>。并且不要忘记alt和title属性（如果你使用figcaption，则为nix标题）。
答案 2 :(得分：-1)
我很确定这适用于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>
但我确实理解这两种技术可能不适用于您的具体情况。