Question

我正在购物网站上工作。我们在结果中显示40张图像。我们希望减少页面的上传时间，并且因为图像阻止了onload事件，所以我考虑通过最初设置img.src =“”并在onload之后设置它们来延迟加载它们。请注意，这不是html片段的ajax加载。图像html和alt文本一起出现。它只是图像src延迟。

有没有人知道这是否可能会损害搜索引擎优化或导致谷歌惩罚框，因为他们正在测量网站速度？

Answer 1

图像不会阻止任何内容，它们已经是懒惰加载的。 onload事件会通知您已下载所有内容，包括图像，但文档准备就绪后很长时间。

由于丢失的关键字和空的src属性，可能会损害您的排名。你可能会失去比获得更多的东西 - 你最好用其他方式优化你的页面，包括你的图像。 Gzip +更少的请求+适当的到期+快速静态服务器应该有很长的路要走。还有一个free CDN可能会让您感兴趣。

我确定谷歌并不意味着整个网络从源代码中删除他们的图像以获得一些积分。请记住，他们认为3岁以下的任何东西都是好的加载时间，在使用巫毒技术之前还有足够的空间摆弄。

Answer 2

从纯粹的SEO角度来看，您不应该将搜索结果页面编入索引。您应该将主页和产品详细信息页面编入索引，并采用可转换的方法来访问这些页面（类别页面，sitemap.xml等）

以下是Matt Cutts在2007年的一篇文章中对该主题所说的话：

通常，我们已经看到用户通常不希望在搜索结果中看到搜索结果（或通过代理的网站副本）。已经不符合我们质量指南的网站和搜索结果的代理副本已经属于我们的质量指南（例如，“不要创建多个页面，子域或具有实质上重复内容的域名。”和“避免”门页“页面”仅为搜索引擎，或其他“千篇一律”的方法...“），所以谷歌确实采取行动，以减少这些页面在我们的索引中的影响。

http://www.mattcutts.com/blog/search-results-in-search-results/

这并不是说你会因为对搜索结果编制索引而受到惩罚，只是因为Google对它们没什么价值，所以延迟加载图像（或不加载）将不会有太大的影响影响。

Answer 3

有一些不同的方法可以解决这个问题。

图像不会阻止加载。 Javascript呢;样式表做到了一定程度（它很复杂）;图像没有。但是，他们将使用http连接，其中浏览器一次只能为每个域启动2个。

所以，你可以做到的应该是无忧无虑的，“正确的事”是做一个穷人的CDN，只需将它们放在你自己的网站和服务器上的www1，www2，www3等。有很多方法可以毫不费力地做到这一点。

另一方面：不，它不应该影响你的SEO。实际上，我认为Google甚至不想加载图片。

Answer 4

我们在结果中显示40张图片。

第一个问题，这个页面甚至是登陆页面吗？它是针对特定关键字的吗？内部搜索结果页面不会自动登陆页面。如果它们不是登陆页面，那么随意做任何事情（并确保它们不会被谷歌索引）。

如果它们是登陆页面（针对特定关键字的目标页面），则网站的性能确实很重要，对于这些页面的转换率和间接（以及直接的小范围）也适用于谷歌。所以对于包含大量图像的页面来说，一种延迟加载逻辑是一个好主意。

我会选择：

以SEO优化方式加载前两个（产品？）图像（与普通HTML一样，带有目标替代文字和目标文件名）。对于其余的图像，制作一个惰性加载逻辑。但不只是将src =设置为空白，而是将整个img标记onload（或onscroll，或其他）插入到代码中。

对于非javacript用户（即：google，旧的移动设备，textviewer），HTML中有很多破坏的img标签不是一个好主意（只要延迟加载的图像没有误导，你就不会受到惩罚但是糟糕的标记从来都不是一个好主意。

对于一般的SEO问题，请访问https://webmasters.stackexchange.com/（堆栈溢出更多用于编程相关问题）

Answer 5

我不同意亚历克斯。谷歌最近更新了其算法以解决页面加载时间问题。根据官方谷歌博客

...今天我们在搜索排名算法中加入了一个新信号：网站速度。网站速度反映了网站响应网络请求的速度。

然而，重要的是要记住，SEO最重要的方面是原创的，高质量的内容。

http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html

Answer 6

我已将lazyload添加到我的网站（http://www.amphorashoes.ro），我有更好的google来自google（可能是因为内容加载速度更快）:)）

Answer 7

首先，不要使用src =“”，它可能会搜索你的页面，而是制作一个小的加载图像。第二，我认为它不会影响SEO，实际上我们总是使用alt =“imgDesc ..”来描述这个图像，蜘蛛可能会抓住这个alt而不是分析这个图像真正的id。

Answer 8

我发现this tweet关于Google的SEO

有多种方法可以延迟加载图像，这当然值得   考虑标记如何用于图像搜索索引   （有些工作正常，有些则没有）。我们正在寻找更清晰的方法   推荐。

12:24 AM-2018年2月28日

John Mueller-高级网站管理员趋势分析师

据我了解，这似乎取决于您实现延迟加载的方式。 Google还没有推荐一种SEO友好的方法。

理论上，Google应该在网站上运行脚本，因此可以延迟加载。但是，我找不到来自Google的消息来证实这一点。

因此，似乎无法完全检索爬网的延迟加载或延迟的图像。这是我写的有关lazy loading image deferring and seo的文章，其中有详细的讨论。

这是我编写的工作库，重点放在lazy loading or deferring images in an SEO friendly way上。

它的基本作用是在DOM准备就绪时取消图像加载，并在窗口加载事件之后继续加载图像。

...
  <div>My last DOM element</div>
  <script>
    (function() {
      // remove the all sources!
    })();

    window.addEventListener("load", function() {
       // return all the sources!
    }, false);
  </script>
</body>

您可以通过删除图像的src值或将其替换为占位符图像来取消图像的加载。您可以使用Google Fetch测试这种方法在DOM准备就绪之前，您必须确保具有正确的src，以确保Google Fetch能够捕获您img的原始src。

懒惰加载img src会对SEO产生负面影响

8 个答案: