WordPressの投稿を複数のページに分割する方法(投稿のページネーション)

長いWordPressの投稿は読むのが難しいことがあります。読者の興味を失わせることなく、詳細なコンテンツをどのように共有しますか?

その答えは投稿のページネーション、つまり長い投稿をいくつかの短いページに分割することです。私たちはこの方法を使用して、いくつかのブログプロジェクトで大きなガイドや長いチュートリアルを分割しました。毎回、読者はコンテンツへのエンゲージメントを高めていることに気づきました。

このガイドでは、WordPressの投稿を複数のページに分割する方法を説明します。プラグインありとなしで、簡単な方法をカバーします。

WordPressの投稿を分割する方法

WordPressの投稿を複数のページに分割する理由

WordPressブログの投稿やガイドが長文の場合、WordPressのページネーションを設定することでコンテンツの可読性を向上させることができます。

長い投稿を異なるセクションに分割し、複数のページに分割するのに役立ちます。これにより、訪問者はコンテンツを簡単に消化し、興味のあるセクションを読むことができます。

WordPressの投稿を分割するもう1つの利点は、ユーザーエンゲージメントを高めることができることです。ユーザーがページ分割されたコンテンツをナビゲートすると、表示する各ページがページビューの増加に貢献し、ウェブサイト全体の指標に良い影響を与える可能性があります。

それでは、WordPressの記事を複数ページに分割する方法を見ていきましょう。プラグインなしでWordPressの記事を複数ページに分割する方法と、WordPressプラグインを使用する方法の両方について説明します。

プラグインなしで1つの投稿を複数ページに分割する方法

投稿のページネーションを設定する最も簡単な方法は、WordPressブロックエディターの「ページ区切り」ブロックを使用することです。記事を複数のページに分割するためにWordPressプラグインは必要ありません。

まず、Gutenbergブロックエディターを使用して、WordPressウェブサイトに新しい投稿を編集または追加する必要があります。

その後、コンテンツを分割したい場所で「+」ボタンをクリックし、「ページ区切り」ブロックを追加します。

ページ区切りブロックを追加

コンテンツ内にページ分割が表示される場所を示すページ区切り線が表示されるはずです。

このようになります。

コンテンツの改ページを参照してください

古いクラシックエディターを使用している場合は、<!––nextpage––>タグを使用してコンテンツを分割できます。

ブログ記事を書く際は、「テキスト」エディタビューに移動して、長い記事を分割したい場所にタグを入力するだけです。

クラシックエディターに次のページタグを挿入

キーボードのAlt + Shift + Pキーを使用してページ分割を挿入することもできます。これを行うには、「ビジュアル」ビューに移動し、ページ分割を追加したい場所でキーボードショートカットキーを押します。

その後、ブログ投稿をプレビューして公開できます。投稿コンテンツの下部に投稿のページ分割が表示されます。

投稿のページ分割例

方法2:プラグインを使用して複数のWordPress投稿を複数のページに分割する

長いコンテンツをさまざまなページに分割する別の方法は、ページネーションプラグインを使用することです。この方法の利点は、特定の基準を満たすと投稿が自動的にページ分割されることです。

この方法では、無料のAutomatically Paginate Postsプラグインを使用します。使いやすく、どのWordPressテーマでも動作します。

注意: このプラグインは最新のWordPressバージョンでテストされていないことに気づくかもしれません。しかし、私たちは自分で試しましたが、チェックしたすべてのプラグインの中で最もよく機能しました。

WordPressのバージョンでテストされていないプラグインをインストールすべきかどうかについては、私たちの記事で詳しく読むことができます。もし私たちが提供したものよりも優れたプラグインを見つけた場合は、下のコメントで私たちに知らせてください!

まず、WordPressウェブサイトにAutomatically Paginate Postsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

プラグインがサイトでアクティブになったら、設定 » 表示設定に移動し、「投稿の自動ページ分割」セクションまでスクロールします。

ページ分割する投稿タイプを選択できます。その後、総ページ数で分割するか、1ページあたりの近似単語数で分割するかを選択します。

投稿の自動ページネーションセクション

次に、「変更を保存」ボタンをクリックして設定を保存します。

プラグインは設定に基づいてコンテンツを自動的に分割します。ただし、プラグインを使用しながらコンテンツに手動で改ページを追加することもできます。

ボーナスのヒント:AIOSEOを使用して投稿のページ分割を最適化する

長い投稿にページネーションを適用することは、ユーザーエクスペリエンスを確実に向上させます。ただし、サイトのSEO(検索エンジン最適化)に悪影響を与えないように、投稿を適切に設定することが重要です。

ブログ記事がページネーションによって複数のページにまたがっている場合、Googlebot が同じコンテンツの複数のコピーをインデックスしてしまう可能性があります。これは、重複コンテンツの問題につながる可能性があります。

幸いなことに、All in One SEO (AIOSEO) プラグインを使用することでこれを回避できます。このWordPress SEO プラグインは、技術的な専門知識がなくても、サイトを SEO フレンドリーにすることを容易にします。

AIOSEOは、ページ分割されたコンテンツの SEOタイトル に自動的にページ番号を挿入します。これにより、検索エンジンは、その投稿が複数のページにまたがっており、他の投稿の重複ではないことを理解できます。

AIOSEO設定ページ

さらに、AIOSEOはこれらのページ番号を投稿ページのURLから削除します。これにより、検索エンジンは、関連キーワードのランク付けすべきメインのブログ投稿ページと、ユーザーが最初に表示すべきページを認識できるようになります。

これは、「正規URLのページネーションなし」設定を自動的にオンにすることで実現します。

AIOSEOの正規URLのページネーションなし設定

AIOSEOの詳細については、WordPressでAIOSEOを正しく設定する方法に関する記事をご覧ください。

WordPressで長いコンテンツを管理するためのヒントをもっと見る

投稿をページに分割することは、長いコンテンツを処理する単一の方法にすぎません。ここに、私たちが役立つと見つけた他のいくつかの有用なテクニックがあります。

  • ツールチップは、メインコンテンツを煩雑にすることなく追加の詳細情報を追加するのに役立ちます。読者が特定の単語にカーソルを合わせると表示されます。
  • 読者のエンゲージメントを維持するために、投稿の途中に関連記事をインラインで表示しましょう。
  • 網羅すべきトピックが extensive な場合は、長いブログ記事を書く代わりに、投稿シリーズを作成することを検討してください。これにより、読者は簡単に追従できます。
  • 通常、投稿タイトルは単一の見出しですが、長すぎて読みにくい場合は、改行して読みやすくすることができます。

この記事がWordPressの投稿を複数ページに分割する方法を学ぶのに役立ったことを願っています。また、WordPressの投稿に「もっと読み込む」ボタンを追加する方法や、WordPressの関連投稿プラグインのおすすめに関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

142 CommentsLeave a Reply

  1. ページネーションを反転させる方法は?ページを作成し、複数のページに分割して最新の投稿を表示したいのですが?このモード:3、2、1。 ページ1、2、3ではありません。

  2. こんにちは、チュートリアルをありがとうございます。うまくいきました。ところで、AdSenseについて質問があります。複数のページの下にAdSenseを追加するにはどうすればよいですか?それについてのチュートリアルを作成してもらえませんか?よろしくお願いします。

  3. ヒントをありがとうございます。最近これを試したのですが、ページ分割は正しく表示されますが、リンク(2、3、4など)をクリックすると「ページが見つかりません」というエラーが表示されます。原因として考えられることはありますか?

  4. こんにちは、

    「すべて表示」機能を作成する方法についてもチュートリアルを作成していただけますか?これは非常に役立ちます。ここで同様のものを見ました: http://list25.com/25-most-expensive-private-jets-ever-made/ ( http://list25.com/25-most-expensive-private-jets-ever-made/?view=all )

    ありがとうございます!

  5. こんにちは、

    ページ分割機能は本当に気に入っています。list25.com には「すべて表示」オプションもあるようですが、私のウェブサイトに同じ機能を追加するにはどうすればよいですか?チュートリアルもぜひ見たいです。

  6. 次のページタグを貼り付けた後、何らかの理由でページネーションが表示されない場合は、single.phpループに次のコードを追加する必要があります。

    どのコードについて話していますか?このコードが本当に必要です。

    • Olá João Paulo,

      WordPressの長い投稿のページネーションの管理方法に気づきましたか?このスレッドはあまり役に立ちません。私はwp 2.2.2を使用しており、長い投稿を1、2、3、4…すべてのページを表示のように分割する方法を探しています!

  7. こんにちは、貼り付けるコードはどこにありますか?記事から何かが引き抜かれたようですが?

  8. はい!!!!Kim Komandoがこれを行ったのを見て、どうやってやったのか疑問に思いました。このブログにつまずいて本当に嬉しいです。そして今、私はファンです!この情報を共有してくれてありがとう。

  9. はい、長文の記事や画像が多い場合はそうなります。ページを分割することで、ページの読み込み時間が短縮されます。ページビューの増加と直帰率の低下は、さらにボーナスとなります。

  10. 素晴らしいヒントですね。これは、直帰率を下げてページビューを増やすことで、SEOやランキングに役立つと思いますか? BuzzFeedのようなサイトがこの方法を使っているのを見かけます。

  11. single.php ループとは何ですか?そのコードはどこに配置すればよいですか?ページネーションが機能しません。

  12. テキストビューにコードを貼り付け、ビジュアルに切り替えると、貼り付けた通りに表示されます。テキストに戻ると、 と表示されます。問題は「貼り付け」でした。手で入力したところ、うまくいきました。皆さん、ありがとう!

  13. サイードさん、こんにちは。
    ヒントをありがとうございます。ただ、ページ番号が投稿の後ろではなく、先頭に出てくるのですが、これはどのように変更できますか、あるいは少なくとも複製することはできますか?

  14. サイードさん、こんにちは。

    各投稿ページの先頭にFacebookのいいねボタンを実装し、いくつかの長いブログ投稿を複数のページに分割しました。

    問題は、例えば記事の3ページ目にいる人がシェアボタンをクリックした場合、そのページのURLがシェアされることです。nameofsite.com/nameofpost/3。

    ページ分割されたすべての投稿について、最初のページ/メインページのみがシェアされるようにするにはどうすればよいですか?

    ありがとうございます、

    ジェームズ

  15. このウェブサイトはいつも大好きです。たくさんのWordPressのトリックを見つけました。ありがとうございます。

    質問があります。「分割」をタイトルの後の記事の上部にどのように配置しますか?可能ですか?よろしくお願いします。

    英語が下手ですみません

  16. こんにちは。
    800件ほどのコメントがついている投稿がいくつかあります。そのため、これらの投稿の読み込みが遅くなっています。そこで、「ディスカッション設定」→「その他のコメント設定」→「コメントを100件ずつページ分割する」に移動して、ページネーションすることはどうでしょうか?

  17. こんにちは!これは信じられないほどうまく機能しました。手動で「—」を置き換えたところ、うまくいかなかった問題が解決し、今は素晴らしいです。

    非常に長い記事を扱っており、ページの下部だけでなく、ページの上部にも目次を設けたいのですが、うまくいきません。[1] [2] [3]などのリンクもページの上部に表示させることはできませんか?

  18. ページネーションの代わりに「次のページ」と「前のページ」を表示する必要があります。どうすればよいですか?

  19. サイードさん、こんにちは。

    ヒントをありがとうございます。確認したい質問があります。

    これは重複コンテンツを作成します。たとえば、http://domain.com/postnamehttp://domain.com/postname/1/http://domain.com/postname/2/ のようになります。

    例えばSEO Yoastプラグインを使用して、http://domain.com/postname に正規URLを追加するのは正しいでしょうか?

    主要な検索エンジンでの重複コンテンツの問題を軽減できますか?

    ありがとうございます。

      • カノニカルURLのスペースに何も入力せずに、ということですか?指定しなくても自動的に行われるのですか?

        ありがとう

      • こんにちは、

        少し調査した結果、WPSEOの正規URLの欄に何も書き込まない場合、WordPressが自動的に処理し、重複コンテンツを持つ各ページに異なる正規URLを作成することがわかりました。すべてのテーマでうまく機能するとは限らないため、確認することをお勧めします。

        そのため、適切な正規URL(通常はメインページ)をWPSEOスペースに入力すると、最初のページのみがインデックスされ、他はインデックスされず、他のすべてのページ /2, /3.. は最初のページに関連付けられます。これが一つの解決策です。

        しかし、他のページのコンテンツすべてをインデックスしたい場合は、それらが価値があり、長いページである可能性があるため、「next」をcanonicalスペースに記述すると、すべてのページがrel="next"およびrel="prev"としてリンクされます。

  20. このテクニックをご紹介いただきありがとうございます。私が最も懸念しているのはSEOへの影響です。著者はSEOが損なわれるかどうか示唆していただけますか?ありがとうございます!

    • いいえ、むしろSEOが改善される可能性が高いです。ページの読み込み速度が向上し、ユーザーはあまりスクロールする必要がなくなり、ユーザーエクスペリエンスが向上します。より良いユーザーエクスペリエンスも、検索エンジンがサイトをランク付けする際に考慮する要因の1つです。投稿のページネーションを正しく使用することは、サイトのSEOに役立ちます。ただし、単にページビューや広告インプレッションを増やすためだけにこれを使用すると、おそらく逆効果になるでしょう。

      管理者

  21. 複数のページを使用している際に、ページネーションリンクの横にユーザーにオプションを提供できるプラグインまたはハックをご存知ですか?

    ページ1、2、3のようなもの

    または、次のようなリンクが表示される下にあります。

    1ページで表示

    大規模なサイトではスライドショー投稿でそれを行っていると思いますが、ユーザーに提供するための提案はありますか?

    ありがとうございます!

  22. 情報ありがとうございます。サイトで使用します。しかし、ホームページでページネーションを取得するにはどうすればよいですか?

  23. 旅行ブログ(WordPressプラットフォーム)を運営していて、記事を分割しようと考えていました。しかし、上記の方法を使うと、ページのURLが分割ごとに変わってしまいます。URLが変わらないように記事を分割できるプラグインや方法はありますか?もしご存知でしたら教えていただけますでしょうか。
    ありがとうございます。

  24. 私はブログを多くのページに分割するのはやめます。本当に迷惑です。ページをスキャンできないので時間がかかりすぎます。特に「トップ10の何か」というブログで、それぞれが独自のページにある場合。私のためだけに1つのページにまとめてください。なぜわざわざコンテンツを取得しにくくするのですか。分割されたページが全ページでの平均直帰率を下げることはないと思います。

  25. このページでコードタグが機能しないと多くの人が不満を言っているのを見かけましたが、その理由は、このページからコピー&ペーストすると機能しないためです。おそらく、このページにある「–」文字に何らかの文字化けの問題があるのでしょう。
    タグを使用している場所では、どこでも「–」を手動で入力すれば機能するはずです。
    手動で入力したらうまくいきました。

  26. @Syed Balkhi I have to agree with AleC that original post split looks very boring. Please write a detailed tutorial for a newbies like us, on how to give it a beautiful and stylish looks with eye catching colors, just like you are using at list25. Thanks and i hope you will share it soon with your regular reader. I will wait :)

    • WordPressの投稿ページネーションリンクのスタイル設定方法を説明します。それまでの間、Codexのページでページリンクのスタイル設定を確認してください。また、list25のスタイルシートを自由に研究して使用し、お使いのテーマに合わせて変更してください。

      管理者

  27. WordPressに関するクエリを検索すると、いつも wpbeginner が一番に出てきます。@Syed Balkhi さん、すごいですね。

  28. 回答ありがとうございます。非常に理にかなっています。もう一つ質問があります。投稿インデックスと組み合わせて機能する投稿ページネーションプラグインをご存知ですか?私のウェブサイトには、独自の小さな投稿インデックスを持ついくつかの長い投稿があります。もし投稿ページネーションを実装する場合、投稿インデックスを維持したいと考えています。つまり、ユーザーが投稿インデックス要素をクリックすると、個別の投稿サブページにジャンプするようにしたいのです。

  29. 投稿のページネーションは、サイトのパフォーマンスや読み込み時間に影響しますか?ウェブサイトが遅くなるので実装しないように言われました。これは本当ですか?

  30. I thought, it wasn’t working on mine, lately I read it somewhere else, I need to put the given tag into html view, and finally it worked. Please mention in your article as well, as I know many noobs like me are out there ;)

  31. 試しましたが、他のページのリンクがコメントの前に表示されるのではなく、ウェブサイトの左下の一番下に表示されます。その理由は何でしょうか?ウェブサイトはReignMediaLA.comで、テーマはPress Gridです。

  32. コードを使おうとしましたが、投稿にコードテキストが表示されるだけでした :/ HTMLウィンドウだけを使ってコードを配置しましたが、それでも投稿にテキストとして表示され、次のページとして表示されません。

    どうすればよいですか?

  33. 皆さん、こんにちは。

    どうやってやったのかは聞かないでほしいのですが、なんとか自分のサイトでこれを実現できて、まるで魔法のようにうまくいっています!
    でも、数字にスタイルを付ける方法がわかりません。あなたのこのサイトのような、大きな数字と巨大な色のボックスを探しています。これを手伝ってもらえませんか?もしかしたら、あなたが使ったコードを教えていただければ。
    おかしなことを言っていたらごめんなさい、でも本当にコードのことはよくわからないんです。
    お願いします!

  34. これらの指示に従っても機能しません。正しいコードは であり、あなたが言ったようなものではありません(単一のダッシュしかありませんでした)– また、ビジュアルではなくHTMLビューで入力する必要があることを人々に伝えるべきです。

    • ああ、自動フォーマットが残念です。バックエンドでは正しく表示されていましたが、フロントエンドでは2つのダッシュが1つの大きなダッシュに変わりました。修正しました。指摘してくれてありがとう。

      管理者

  35. Darnit, tried to get this to work on my site but failed :(

    プレミアムテーマなので、すぐに使えると思っていましたが、残念ながらそうではありませんでした。

    SEOとして、SEO的には問題ないと言えます。むしろ、数ページ増えても損はありません。

  36. こんにちは、

    あなたが言ったことを試しましたが、私のテーマではまだ機能しません。themeforestのgoodnewsテーマを使用しています。

    • Rajaさん、こんにちは。

      これは標準のWordPress機能です。テーマで機能しない場合は、テーマの作者に連絡して、サポートを追加するように依頼する必要があります。

      管理者

  37. Stephen、数ヶ月前なら、ほとんどすべてのケースであなたに同意したでしょう。非常に特定のケースでのみ機能するという点では、今でもあなたに同意します。しかし、新しいサイトでの数字を見て、私の見方は少し変わりました。まず第一に、あなたの記事が十分に良ければ、ユーザーは次のページに進みます。SEOに関しては、絶対に真実ではありません。各ページに十分な量のコンテンツがあれば、SEOに少しも害はありません。Forbes、NYTimes、その他数え切れないほどの有名サイトがこれを行っており、SEOで問題なくランク付けされています。あなたのコンテンツが良ければ、共有され、リンクされ、ユーザーに読まれるでしょう。

    •  @wpbeginner 同感です。3部構成の記事(5000語以上になる予定)を書くつもりですが、1ページにすべて収めたくはありません。ページネーションを続けるか、複数の記事に分割するか検討中です。ただし、決定する前にさらにキーワードリサーチを行う必要があります。私が議論したいアイデアが幅広いキーワードに含まれている場合は、おそらく分割するでしょう。そうでなければ、このページネーションの方法は非常にうまく機能するでしょう!シェアしてくれてありがとう。

  38. これを行う方法を教えていただきありがとうございます。しかし、実際に多くの人がそれを実装して投稿を分割しないことを願っています。

    これは、広告収入を増やすために人為的にページビューを増やしていた時代の名残ですが、幸いなことに、最近のほとんどの人はそれがユーザーエクスペリエンスを低下させることを認識しています。個人的には、本当に読まなければならない場合を除き、ページ分割された記事を見るとすぐにサイトから離れます。

    SEOへの影響もあります。5つの小さなページよりも、1つの長い記事の方がランキングが高くなる可能性が高いです。

    他にもたくさんありますが、ここではこの辺で終わりにします。ほとんどの場合、これは良い考えではありません。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。