延迟加载图像未在谷歌中编入索引

Question

我有一个问题，我正在使用 data-src 加载图像宽度延迟加载，但它们没有被谷歌索引，我正在寻找可行的解决方案，我可以阅读以使用 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 的实现。