当梦想照进现实

SEO 友好的无限滚动加载方案推荐

2022.03.26

刚给朋友提供了移动端滚动加载对 SEO 友好的方案,于是顺便分享出来。

大家知道在列表页上,翻页是对 SEO 更友好的方式,因为可以让爬虫抓取到更多内容和链接;
而滚动加载需要鼠标滚动来触发时,爬虫就无法顺利抓取到扩展的内容,对 SEO 没那么友好。
可是滚动加载是对移动端用户更友好的方式。那有没有方案能兼顾用户体验和 SEO 呢?

答案就是「带有翻页的下拉加载」(或者说可以滚动加载的翻页)
说白了,这种方式就是既有翻页,也能实现滚动加载 。
具体可以看下这个 demo:http://scrollsample.appspot.com/items

你可以看到页面底部是有页码的,同时下拉又可以实现滚动加载。
还有个细节,当滚动到后面页码时,网页的 URL 也在变化,方便用户分享。
这个我认为是目前解决滚动加载和翻页最友好的方式了。

更惊讶的是,这个方案是 Google 在 2014 年就写在文档里了👀。
再顺便讲下,Google 很早就不再支持rel=prev/next(见文档)、sitemap 中的 <priority><changefreq>(见文档)、meta keywords 元素(见文档)。

meme

最后再加个新做的 meme 图 😄,以后打算每个文章新做一个。

参考文档

  • 《Infinite scroll search-friendly recommendations 》https://developers.google.com/search/blog/2014/02/infinite-scroll-search-friendly
  • 《分页和增量加载以及它们对 Google 搜索的影响》https://developers.google.com/search/docs/advanced/ecommerce/pagination-and-incremental-page-loading#selecting-the-best-ux-pattern-for-your-site
  • 《Pagination with rel="next" and rel="prev" 》https://developers.google.com/search/blog/2011/09/pagination-with-relnext-and-relprev
  • 《创建和提交站点地图》https://developers.google.com/search/docs/advanced/sitemaps/build-sitemap
  • 《Google 在确定网页排名时不会考虑 keywords 元标记》https://developers.google.com/search/blog/2009/09/google-does-not-use-keywords-meta-tag
Comments
Write a Comment