web-dev-qa-db-ja.com

SEOの無限スクロールでRel = next&rel = prevをどのように実装しますか?

これに基づいて 記事

10を超える結果を読み込むために無限スクロールを行うSERPがあります。

rel=nextrel=prevを実装するにはどうすればよいですか?

5
Quintin Par

シーケンスの最初のページにはrel nextまたはrel prevを含めないでください。2番目のページには次のものが必要です。

<link rel="next" href="http://www.example.com/article?story=abc&page=2"/>

そして

<link rel="prev" href="http://www.example.com/article?story=abc&page=1"/>

シーケンスが完了するまで続きます。

あなたのページは無限にスクロールし、これらのタグはページの<head>に入るように設計されているため、実際には単一のページしかないため、これらのタグを実装することは不可能だと思います。

3
toomanyairmiles

JavaScriptを実行できない、またはJavaScriptをオフにしているユーザー向けに、代替の従来のページネーションメカニズムが既に設定されていると思います。検索エンジンもそのユーザーのグループに属していることを覚えておいて、それに応じてrel=prevおよびrel=nextリンクを設定してください。

ほんの少し注意が必要なのは、従来のページ付け方法と無限のページ付け方法をシームレスに統合することです。たとえば、従来のナビゲーションスキームのページへのリンクをたどり、JSが有効になっているユーザーには、無限スクロールで適切なページが表示されますナビゲーション。実際のトリッキーな部分は、それをスムーズかつ効率的に行うことです。結果の100ページへのリンクをたどっても、ブラウザーはクラッシュしません。

また、無限スクロールリストで「ハッシュバン」URLを使用して、a)ユーザーが無限リスト内の特定のポイントへのリンクを保存し、b)そのようなリンクに遭遇した検索エンジンが自分の道を見つけられるようにすることもできます従来のリストの適切なページに移動します。詳細については、例えば 「方法:GoogleがAJAXコンテンツをクロールできるようにする」

0
Ilmari Karonen