延遲加載圖像未在 google 中編入索引

Question

我有一個問題，我正在使用 data-src 加載圖像寬度延遲加載，但它們沒有被谷歌索引，我正在尋找可能的解決方案，我可以閱讀以使用交互觀察器（它與資源管理器不兼容，其他問題me），但我認為他們使用相同的技術在 data-src 中插入真實圖像，並且何時在視口中將圖像注入 src 屬性中。 有人有這方面的經驗嗎？

提前致謝

Answer 1

正如 Andreas 在評論中提到的，答案在Google 的文檔中，標題為“修復延遲加載的內容” ：

在視口中可見時加載內容

為確保 Googlebot 看到您網頁上的所有內容，請確保您的延遲加載實現加載所有在視口中可見的相關內容。 以下是一些有關如何執行此操作的示例：

• IntersectionObserver API和一個polyfill
• 一個 JavaScript 庫，支持在數據進入視口時加載數據。

確保測試您的實現。

筆記

如果您使用https://github.com/w3c/IntersectionObserver/tree/master/polyfill （根據其瀏覽器支持列表），您可以在 Internet Explorer（和 Edge...）中使用 IntersectionObserver API。

在這種情況下， “polyfill”本質上是指使瀏覽器與其他不受支持的 API 合規或兼容的實現。