我在一个购物网站上工作。我们在结果中显示 40 张图像。我们希望减少页面的加载时间,并且由于图像会阻止 onload 事件,我正在考虑通过最初设置 img.src="" 然后在 onload 之后设置它们来延迟加载它们。请注意,这不是 html 片段的 ajax 加载。存在图像 html 以及 alt 文本。只是图像 src 被推迟了。
既然他们正在测量站点速度,有没有人知道这是否会损害 SEO 或导致谷歌惩罚框?
我在一个购物网站上工作。我们在结果中显示 40 张图像。我们希望减少页面的加载时间,并且由于图像会阻止 onload 事件,我正在考虑通过最初设置 img.src="" 然后在 onload 之后设置它们来延迟加载它们。请注意,这不是 html 片段的 ajax 加载。存在图像 html 以及 alt 文本。只是图像 src 被推迟了。
既然他们正在测量站点速度,有没有人知道这是否会损害 SEO 或导致谷歌惩罚框?
图像不会阻止任何东西,它们已经是延迟加载的。该onload
事件会通知您已下载所有内容,包括图像,但这是在文档准备好之后很久。
由于丢失的关键字和空的 src 属性,它可能会损害您的排名。你可能失去的比得到的多——你最好以其他方式优化你的页面,包括你的图片。Gzip + 更少的请求 + 适当的过期时间 + 快速的静态服务器应该有很长的路要走。还有一个您可能感兴趣的免费 CDN 。
我敢肯定,谷歌并不意味着让整个网络从源代码中删除他们的图像来获得一些分数。请记住,他们认为 3 秒以下的任何内容都是很好的加载时间,在诉诸伏都教技术之前有足够的空间来回旋。
从纯粹的 SEO 角度来看,您不应该将搜索结果页面编入索引。您应该为您的主页和产品详细信息页面编制索引,并使用可抓取的方法访问这些页面(类别页面、sitemap.xml 等)
以下是马特·卡茨在 2007 年的一篇文章中对这个话题的看法:
一般来说,我们发现用户通常不希望在他们的搜索结果中看到搜索结果(或通过代理获得的网站副本)。不会增加太多价值的网站和搜索结果的代理副本已经属于我们的质量指南(例如,“不要创建多个页面、子域或具有大量重复内容的域。”和“避免仅为搜索引擎或其他“千篇一律”的方法……”),因此 Google 确实会采取措施减少这些页面对我们索引的影响。
http://www.mattcutts.com/blog/search-results-in-search-results/
这并不是说你会因为索引搜索结果而受到惩罚,只是说谷歌对它们的重视程度很低,所以延迟加载图像(或不延迟加载)不会产生太大影响。
我们在结果中显示 40 张图像。
第一个问题,这个页面是登陆页面吗?它是针对特定关键字的吗?内部搜索结果页面不会自动登陆页面。如果它们不是登录页面,那么对它们做任何你想做的事情(并确保它们不会被谷歌索引)。
如果它们是登录页面(针对特定关键字的页面),则网站的性能确实很重要,对于这些页面的转化率以及间接(在较小的范围内也直接)对于谷歌也是如此。因此,对于包含大量图像的页面,一种延迟加载逻辑是一个好主意。
我会去:
以 SEO 优化的方式加载前两个(产品?)图像(作为普通 HTML,带有目标替代文本和目标文件名)。对于其余的图像进行延迟加载逻辑。但不仅仅是将 src= 设置为空白,而是将整个 img 标签 onload(或 onscroll 或其他)插入到您的代码中。
对于非 javacript 用户(即:google、旧移动设备、textviewer)在 HTML 中有很多损坏的 img 标签不是一个好主意(只要延迟加载的图像没有误导,你就不会受到惩罚)但是很糟糕标记从来都不是一个好主意。
对于一般 SEO 问题,请访问https://webmasters.stackexchange.com/(堆栈溢出更多用于编程相关问题)
有一些不同的方法可以解决这个问题。
图像不会阻止加载。Javascript可以;样式表在一定程度上做了(很复杂);图像没有。但是,它们将消耗 http 连接,其中浏览器一次只会触发每个域 2 个。
所以,你能做的应该是无忧无虑的,“正确的事情”是做一个穷人的 CDN,然后把它们放在你自己的站点和服务器上的 www1、www2、www3 等。有很多方法可以轻松做到这一点。
另一方面:不,它不应该影响您的搜索引擎优化。实际上,我认为 Google 甚至不会费心加载图片。
我已将lazyload 添加到我的网站(http://www.amphorashoes.ro),并且我从谷歌获得了更好的 pagerank(可能是因为内容加载速度更快):)
我不得不不同意亚历克斯。谷歌最近更新了它的算法来考虑页面加载时间。根据谷歌官方博客
...今天,我们在搜索排名算法中加入了一个新信号:网站速度。网站速度反映了网站响应网络请求的速度。
但是,重要的是要记住,搜索引擎优化最重要的方面是原创、优质的内容。
http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
首先,不要使用 src="",它可能会搜索你的页面,制作一个小的加载图像来代替它。其次,我认为它不会影响搜索引擎优化,实际上我们总是使用 alt="imgDesc.." 来描述这个图像,并且蜘蛛可能会捕捉到这个 alt 但不会分析这个图像的真实身份。
我发现这条关于谷歌搜索引擎优化的推文
有多种方法可以延迟加载图像,当然值得考虑标记如何用于图像搜索索引(有些工作正常,有些则不行)。我们也在考虑提出一些更明确的建议。
2018 年 2 月 28 日上午 12:24
John Mueller - 高级网站管理员趋势分析师
据我了解,这似乎取决于您如何实现延迟加载。谷歌还没有推荐一种对 SEO 友好的方法。
从理论上讲,谷歌应该在网站上运行脚本,所以延迟加载应该没问题。但是,我找不到证实这一点的来源(来自谷歌)。
所以看起来抓取延迟加载或延迟的图像可能还不能完全证明。这是我写的一篇关于延迟加载图像延迟和 seo的文章,其中详细讨论了它。
这是我创作的工作库,它专注于以 SEO 友好的方式延迟加载或延迟图像。
它的基本作用是在 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
.