今や少し下火になってきている無限スクロール、昔はホットだった。Facebookが使ってるんだし俺らも使おうぜ!ってな感じで、その実装方法が乱れ飛んだのも今は昔。 で、この技術、SEOに最適な実装方法というのがある。Googleが2014年末に投稿したブログに従えば、ちょっと気をつけて実装しないといけないってことが分かる。 今回はその方法を解説する。まずはjScrollというjQueryプラグインで無限スクロールを実装する方法を解説し、これをSEOに最適化させる方法へ続く。 プロジェクト作り jScrollのダウンロード まずはGithubからjScrollをダウンロードする。 pklauzinski/jscroll: jScroll Infinite Scrolling Plugin for jQuery 落としてきたファイル一式から『jquery.jscroll.min.js』を取り出し
![Googleが推奨する、SEOに最適な無限スクロールをjScrollで実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f3f8a77ef2888e4b20ebce3c8063cd3c263de59/height=288;version=1;width=512/http%3A%2F%2Ftoach.sakura.ne.jp%2Fbase%2Fwp-content%2Fuploads%2F2016%2F02%2Fcity.jpeg.formatted-1024x683.jpg)