Google的Martin Splitt解释了无限滚动导致SEO问题的原因

Google的Martin Splitt解释了无限滚动导致SEO问题的原因

Google的Martin Splitt再次提醒SEO和网站所有者,Googlebot不会滚动页面。

在网页上实施无限滚动时,可能会导致内容在Google搜索中的索引方式出现问题。

在Splitt在虚拟会议上解决的一个问题中,由于无限滚动,网站的内容在Google搜索索引中丢失了。

这是有关此问题的更多信息,为什么无限滚动会阻止内容被索引,以及Google建议这么做。

Google的Martin Splitt在虚拟会议上调试了JavaScript SEO问题

Splitt是4月14日举行的名为“ Better Together”的技术SEO虚拟会议的几位演讲者之一。

作为虚拟事件,Splitt可以共享自己的屏幕并实时向人们展示他如何调试SEO问题。

他查看的每个问题均基于他过去调试过的真实案例。

其中一个问题涉及Google索引中缺少的内容。

Splitt带领人们进行了一系列测试,最终使他发现网站正在利用无限滚动。

Google的马丁·斯普利特(Martin Splitt)解释了无限滚动导致SEO问题的原因“ width =” 760“ height =” 409“ size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp-内容/上传/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-768x413.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2 -bdf4-e3b6bf91e4af-5e9e1462c3037-480x258.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-680x366 ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-1024x551.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上传/2020/04/e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-1600x861.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e2584df2-b959-4ba2-bdf4 -e3b6bf91e4af-5e9e1462c3037.jpeg 1845w“ src =” https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / e2584df2-b959-4ba2-bdf4-e3b6bf91e4af-5e9e1462c3037-768x413.jpegSplitt发现网站正在实施无限滚动

这就是为什么在索引方面存在问题。

为什么无限滚动是个问题

Splitt提供了一个新闻网站的示例,该新闻网站依赖于无限滚动(也称为“延迟加载”)来加载新内容。

这意味着网页(在本例中为主页)不会加载其他内容,直到访问者滚动到屏幕底部为止。

Splitt解释了为什么会出现问题:“ Googlebot不做什么?它不会滚动。”

Googlebot的工作是登陆页面并抓取立即可见的内容。

根据Splitt的说法,只有在滚动页面后,Googlebot才能抓取加载的内容。

值得注意的是,此声明与上个月提供的Splitt明显不同,后者没有明确说明Googlebot是否可以看到其他内容。

看到: Google的Martin Splitt使用无限滚动索引页面

Googlebot无法滚动可能会导致Google搜索索引中缺少很多内容。

这是网站所有者应该考虑做的。

无限滚动的替代品

斯普利特(Splitt)表示,网站所有者应更改其实现方式,以不仅仅依赖滚动。

他提到图像的本机延迟加载很好,并且使用IntersectionObserver API也可以接受。

如果绝对必须对关键网页内容进行延迟加载,请确保JavaScript库在进入视口时支持加载数据。

您可以走的另一条路线是使用分页加载以及无限滚动。

Google的 官方文件 在固定延迟加载的内容时,建议支持分页加载以实现无限滚动:

“如果要实现无限滚动体验,请确保支持分页加载。

分页加载对用户而言很重要,因为分页加载使他们可以与您的内容共享和重新互动。

它还允许Google显示指向内容中特定点的链接,而不是无限滚动页面顶部的链接。”

为了确保您的网站完全支持分页加载,您必须能够提供指向用户可以直接共享和加载的每个部分的唯一链接。

测试您的实施

无论选择哪种方法,Split都会强调测试实现的重要性。

Google的马丁·斯普利特(Martin Splitt)解释了无限滚动导致SEO问题的原因“ width =” 760“ height =” 353“ size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp-内容/上传/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-768x357.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76 -92f9-3302dd986c2b-5e9e14ca155ed-480x223.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-680x316.jpeg 680w, ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-1024x476.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上传/2020/04/e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-1600x744.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e99b45c2-96b4-4c76-92f9 -3302dd986c2b-5e9e14ca155ed.jpeg 1870w“ src =” https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / e99b45c2-96b4-4c76-92f9-3302dd986c2b-5e9e14ca155ed-768x357.jpeg斯普利特结束了他的演讲。

如果站点所有者测试了无限滚动的实现,则可能由站点所有者自己发现了Splitt调试的问题。

Splitt实际上是使用Google的丰富结果测试来亲自发现问题的。

丰富结果测试可让您查看Googlebot登陆URL时能够抓取的确切信息。

Google的Martin Splitt解释了为什么无限滚动会导致SEO问题“ width =” 760“ height =” 349“ Size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp- content / uploads / 2020/04 / 05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-768x353.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188 -b607-0e943b65bcd1-5e9e14c6f4197-480x220.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-680x312.jpeg 680w,https ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-1024x470.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上传/2020/04/05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-1600x735.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/05e42430-8d69-4188-b607 -0e943b65bcd1-5e9e14c6f4197.jpeg 1875w“ src =” https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / 05e42430-8d69-4188-b607-0e943b65bcd1-5e9e14c6f4197-768x353.jpegSplitt使用丰富结果测试来检查延迟加载实现。

以斯普利特(Splitt)所访问的新闻网站为例,当Googlebot在首页上看到的文章明显多于十篇时,它只能看到十篇。

这是测试延迟加载的实现的一种方法。

Google的官方帮助文档中包含的另一种方法是使用Puppeteer脚本:

Google的马丁·斯普利特(Martin Splitt)解释了无限滚动导致SEO问题的原因“ width =” 760“ height =” 241“ size =”(最大宽度:760px)100vw,760px“ srcset =” https://cdn.searchenginejournal.com/wp- content / uploads / 2020/04 / 52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-768x244.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa -b5eb-7a6a085871f6-5e9e145d46428-480x153.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-680x216.jpeg 680w,https ://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-1024x326.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/上传/2020/04/52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-1600x509.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/52c085ff-1237-4efa-b5eb -7a6a085871f6-5e9e145d46428.jpeg 1734w“ src =” https://cdn.searchenginejournal.com/wp-content/uploa ds / 2020/04 / 52c085ff-1237-4efa-b5eb-7a6a085871f6-5e9e145d46428-768x244.jpeg

以下是一些其他资源:

在下面的视频中查看Martin Splitt的完整演示:

来自 31:34 标记:

“我们看到有一个window.onoverscroll。什么是window.onoverscroll?

Window.onoverscroll是一个函数,允许我们调用此代码,并在滚动页面时运行此JavaScript。

Googlebot不做什么?它不会滚动。

这就是为什么在涉及Googlebot时实际上没有调用此函数的原因,因为我们没有滚动页面上的任何内容。

因此,这里的简单之处在于,他们需要修复并实际更改其实现,而不仅仅是使用滚动。

他们可以使用诸如图像的本机延迟加载之类的功能。

或者,如果他们想使用它来进行无限滚动,则某些库的性能会更好,而另一些库则使用IntersectionObserver。

这两种方式都很有价值。

在这里要学习的最重要的一课是测试您的实现。

如果您实现了某项功能,那么他们可以做同样的事情,因为他们了解他们在看的东西,并且可以看到他们正在丢失的东西就是他们正在做的事情,而在我们的文档中,我们说我们不滚动因此他们需要更改代码。”

Total
0
Shares
相关文章