「Vue.js」で無限スクロールする方法とは? 「無限スクロール(Infinite Scroll)」は、ページを切り替えることなくページネーションするテクニックです。 ページの一番下までスクロールすると、表示するコンテンツがなくなるまで、続きを自動的に読み込んでくれます。 スクロール操作が基本のモバイル端末で、「最もスマートなページネーション」とも言われています。 今回は、人気の「Vue.js」で無限スクロールを実装する方法と、無限スクロールに必要な SEO対策について解説していきます。 無限スクロールの実装パターンと SEO 対策無限スクロールには、2つの実装パターンがあります。 同一URLで、ページ内にコンテンツを読み込ませる方法読み込むコンテンツ単位にURLを割り当ててページを分割する方法それぞれの実装パターンを、SEOの観点で見ると次のような特徴があります。 1.同一URLで、ペー
![Vue.jsでSEO対策した無限スクロール(Infinite Scroll)を実現する – 株式会社ライトコード](https://cdn-ak-scissors.b.st-hatena.com/image/square/d30b44634bd9eec3459238bfc6efd5f66f31bd2d/height=288;version=1;width=512/https%3A%2F%2Frightcode.co.jp%2Fwp-content%2Fuploads%2F2020%2F06%2Fseo.png)