javascript - lazyload images - 在搜索引擎中索引图像

Question

我相信 Google 显示的 DOM 也由 Javascript 修改。 看，我使用了工具 Fetch as Google/Bing/Baidu

看结果:

Without my jquery-plugin and noscript (ie pure HTML):

---

With javascript and noscript:

note: The javascript that showcased images and manipulated the DOM.

LIB Javascript

下载和测试用例:https://github.com/brcontainer/defer-images/

问题:

• 使用 <noscript>帮助索引图像是件好事吗？

• 如果这是个坏主意，请给我一个适合索引图像的 HTML 示例，我可以使用 LazyLoad。

• 如果 javascript 显示图像并且 Fetch as Google/Bing/Baidu 正常显示内容(类似于浏览器)，那么 Google/Bing/Baidu 索引了javascript操作的DOM？

Answer 1

搜索引擎将索引图像 grey.gif。它永远不会知道 example.jpg。

data-* attributes在 HTML5 中有效(仅)。

PS:不要忘记 alt 属性。