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

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

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

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

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

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

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

meme

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

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

参考文档

  • 《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

本文属转载文章,其版权归 张亚楠博客 所有。

(1)
打赏 微信扫一扫 微信扫一扫
SEO技术流的头像SEO技术流认证作者
上一篇 2022年6月22日
下一篇 2022年9月26日

相关阅读推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

评论列表(1条)

  • 建站教程网的头像
    建站教程网 2022年11月5日 17:42:52

    看到你的文章,感觉很不错,想与你友情链接
    网站名:建站教程网
    网站:https://nizhidaole.com.cn/
    同意的话给我发邮件Internetyewu@163.com

微信内浏白天博客