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

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

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

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

2022072712594445

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

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

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

meme

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

2022072713012016

参考文档

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

本文来自投稿,不代表前沿区块链立场,如若转载,请注明出处:https://www.xjxtj.com/729.html

Like (0)
Previous 2022年 10月 9日 下午7:29
Next 2022年 10月 9日 下午7:36

相关推荐