延迟加载的图片未在Google中建立索引

Question

[我有一个问题，我正在用data-src加载图像宽度的延迟加载，但是它们没有被Google索引，我正在寻找可能的解决方案，并且我可以阅读使用intersetion观察器（它与资源管理器不兼容，其他问题），但我认为他们使用相同的技术将实际图像插入data-src，然后在视口中将图像注入src属性。有人有经验吗？

提前感谢

Answer 1

正如安德烈亚斯（Andreas）在评论中所述，答案在Google's documentation entitled "Fix lazy-loaded content"之内：

在视口中可见时加载内容

为了确保Googlebot可以看到您页面上的所有内容，请确保您的惰性加载实现时会加载所有相关内容在视口中可见。这是一些如何做的例子这个：

• [IntersectionObserver API和一个polyfill
• 一个JavaScript库，当进入视口时，支持加载数据。

请确保test your implementation。

注意

如果使用https://github.com/w3c/IntersectionObserver/tree/master/polyfill（根据其browser support list，则可以在Internet Explorer（和Edge ...）中使用IntersectionObserver API。

在这种情况下，"polyfill"本质上是指一种使浏览器达到与原本不支持的API的兼容性或兼容性的实现。