Contextual Related Postsの使い方と設定方法｜関連記事を自動表示するWPプラグイン
本ページはプロモーションが含まれています。
目次
記事の内容は以下の通りです。
1. Contextual Related Postsとは
記事のタイトルや内容を独自のアルゴリズムで自動分析し、関連性の高い記事を表示させるプラグインです。主なメリットとして、PV（ページビュー）数の増加、直帰率の低下、SEO効果の改善が挙げられています。
2. 主な特徴
- 「有効化するだけ」の手軽さ: 基本設定なしでも動作し、テンプレートの編集も不要。
- 多様な表示方法: ブロックエディタ（Gutenberg）、ウィジェット、ショートコードに対応。
- キャッシュ機能: サーバーへの負荷を軽減し、パフォーマンスを維持。
- カスタマイズ性: サムネイルの表示設定や、特定のカテゴリ・タグからの抽出などの細かな調整が可能。
3. 設定項目（管理画面）
- General: 見出し（「関連記事」など）や表示件数、挿入位置の設定。
- List tuning: 同一カテゴリからの抽出制限や、特定記事の除外設定。
- Thumbnail: 画像サイズや、アイキャッチがない場合に記事内の最初の画像を使うかどうかの設定。
- Styles: 表示スタイル（リスト形式・ブロック形式）の選択やカスタムCSSの適用。
4. デメリットと注意点
- デザイン: 詳細なデザイン変更にはCSSの知識が必要。
- リソース: 記事数が膨大な大規模サイトでは、データベースへの負荷がかかる可能性がある。
- 互換性: 使用しているテーマや他のプラグインとの相性により、稀に表示崩れが起きることがある。
Contextual Related Postsとは
WordPressサイトのユーザーエンゲージメントを高めるために、関連性の高い記事を自動的に表示する強力なプラグインです。主な特徴と機能は以下の通りです。
主な特徴と機能:
- 高速でインテリジェントな関連記事表示: 記事のタイトルやコンテンツを分析する独自のアルゴリズムを使用し、最も関連性の高い記事を表示します。
- SEO改善、PV数増加、直帰率低下に貢献: ユーザーがサイト内を長く滞在するように促し、これらの指標を改善します。
- 「有効化して忘れる」簡単設定: 基本的には有効化するだけで機能し、テンプレートファイルの編集は不要です。
- 柔軟な表示オプション:
- Gutenberg / ブロックエディタ対応: 「Related Posts [CRP]」ブロックを記事やページに簡単に追加できます。
- ウィジェット対応: サイドバーやフッターなど、ウィジェット対応のテーマエリアに表示できます。
- ショートコード対応:
[crp]ショートコードを記事コンテンツ内のどこにでも挿入して表示できます。カテゴリやタグ、投稿IDなど、さまざまなパラメータで表示をカスタマイズすることも可能です。
- キャッシュ機能: 関連記事の出力が自動的にキャッシュされるため、サーバーの負荷を軽減し、パフォーマンスを向上させます。
- サムネイル表示: 関連記事にサムネイルを表示する機能があり、設定で優先順位（カスタムフィールド、アイキャッチ画像、記事内の最初の画像など）を設定できます。
- GDPR対応: デフォルトで個人データを収集せず、外部サービスに情報を送信しないため、GDPRに配慮しています。
- CRP Pro版: より高度なカスタマイズ、パフォーマンス向上、コンテンツ戦略ツールなどを提供する有料版もあります。
インストール方法:
- WordPress管理画面の「プラグイン」に移動します。
- 「新規追加」をクリックし、検索ボックスに「Contextual Related Posts」と入力します。
- プラグインを見つけたら「今すぐインストール」をクリックし、その後「有効化」します。
設定方法:
有効化後、WordPress管理画面の「設定」メニューに「Contextual Related Posts」が追加されます。ここで、表示する記事数、サムネイルの有無、表示位置、スタイルなど、詳細な設定を行うことができます。
Contextual Related Postsは、WordPressサイトに手軽に関連記事機能を追加し、ユーザーエクスペリエンスとサイトのパフォーマンスを向上させたい場合に非常に便利なプラグインと言えるでしょう。
Contextual Related Postsの使い方
WordPressプラグイン「Contextual Related Posts」は、記事の内容に基づいて関連性の高い記事を自動的に表示するプラグインです。ユーザーのサイト滞在時間を延ばし、SEOにも貢献する優れたツールです。
以下に基本的な使い方を説明します。
1. プラグインのインストールと有効化
- WordPress管理画面にログインします。
- 左側のメニューから「プラグイン」>「新規追加」をクリックします。
- 検索ボックスに「Contextual Related Posts」と入力します。
- 表示されたリストの中から「Contextual Related Posts」を見つけ、「今すぐインストール」をクリックします。
- インストールが完了したら、「有効化」をクリックします。
2. 基本設定
プラグインを有効化すると、自動的に各記事の本文末尾に関連記事が表示されるようになります。より詳細な設定を行うには、以下の手順で設定画面にアクセスします。
- WordPress管理画面の左側メニューから「設定」>「Related Posts」をクリックします。
設定画面には主に以下のタブがあります。
- General (一般的な)
- Related Posts Title: 関連記事の見出しを設定します（例: 「関連記事」、「おすすめ記事」など）。
- Number of posts: 表示する関連記事の数を設定します。
- Post types to include: 関連記事の対象とする投稿タイプを選択します（投稿、固定ページなど）。
- Automatically add related posts to: 関連記事を自動的に挿入する場所を選択します（通常は「投稿の最後」）。自動挿入したくない場合はチェックを外します。
- List tuning (リストチューニング)
- Only from same: 同じカテゴリやタグの記事のみを表示するかどうかを設定できます。これにより、より関連性の高い記事を表示できます。
- Exclude these posts: 関連記事に表示したくない記事のIDをカンマ区切りで入力します。
- Output (出力)
- Heading of posts: 関連記事全体の前に追加するHTMLタグを設定できます。
- Before each list item / After each list item: 各記事のリスト項目の前後に追加するHTMLタグを設定できます。これにより、表示形式を細かく調整できます。
- Thumbnail (サムネイル)
- Display thumbnails: サムネイルを表示するかどうかを設定します。
- Thumbnail settings: サムネイルのサイズ、表示位置（テキストのみ、左、右）、デフォルトのサムネイル画像などを設定できます。
- Fallback to first image in post: 記事にサムネイルがない場合に、記事内の最初の画像をサムネイルとして使用するかどうかを設定します。
- Styles (スタイル)
- Output style: 関連記事の表示スタイル（リスト形式、ブロック形式など）を選択します。
- Custom CSS: 独自のCSSコードを追加して、表示デザインをさらにカスタマイズできます。
3. 関連記事の表示方法
Contextual Related Postsは、主に以下の方法で関連記事を表示できます。
- 自動挿入: プラグインを有効化し、設定で「Automatically add related posts to:」にチェックが入っていれば、記事の本文末尾に自動的に関連記事が表示されます。
- Gutenberg / ブロックエディタ: Gutenbergエディタを使用している場合、「Related Posts [CRP]」ブロックを記事や固定ページの任意の位置に追加できます。
- ウィジェット: 「外観」>「ウィジェット」から、サイドバーやフッターなどのウィジェットエリアに「Contextual Related Posts」ウィジェットを追加できます。
- ショートコード: 記事や固定ページの任意の場所に
[crp]ショートコードを挿入することで、関連記事を表示できます。ショートコードには様々なパラメータを指定して表示をカスタマイズすることも可能です（例:[crp heading="おすすめの記事" limit="5"]）。 - テンプレートファイルに直接記述: より高度なカスタマイズをしたい場合は、テーマの
single.phpなどにPHPコードを記述して関連記事を表示させることも可能です。
4. 注意点
- パフォーマンス: 関連性の高い記事を検索するために、特に記事数が多いサイトではサーバーに負荷がかかることがあります。プラグインにはキャッシュ機能が搭載されているので、有効活用することでパフォーマンスの低下を抑えられます。
- サムネイル表示: 記事にアイキャッチ画像や画像がない場合、デフォルトのサムネイル画像を設定しておくか、記事内の最初の画像をサムネイルとして使用する設定にしておくと良いでしょう。
- デザインの調整: テーマによっては、デフォルトの表示スタイルがサイトのデザインに合わない場合があります。その場合は、スタイルタブでCSSを調整するか、カスタムCSSを追加してデザインを合わせましょう。
このプラグインは非常に高機能で、細かく設定を調整することで、サイトに最適な形で関連記事を表示できます。まずは基本的な設定から試してみて、必要に応じて詳細なカスタマイズを行っていくと良いでしょう。
Contextual Related Postsのデメリット
WordPressプラグインのContextual Related Postsは、関連性の高い記事を自動で表示してくれる便利なプラグインですが、いくつかのデメリットも存在します。主なデメリットは以下の通りです。
- デザインのカスタマイズに知識が必要
- 初期設定の状態では、使用しているWordPressテーマのデザインが適用されます。
- デザインを細かく変更したい場合、HTMLやCSSの知識が必要になります。初心者にはハードルが高いと感じるかもしれません。
- 設定項目が多く、難解な場合がある
- 多機能であるため、設定項目が多く、すべての機能を使いこなすには時間がかかることがあります。
- 特に英語表記の部分が多く、意味を理解するのに苦労する箇所があるかもしれません。
- サーバーリソースの消費が大きい（大規模サイトの場合）
- 大量のコンテンツを持つ大規模なサイトでは、関連記事の生成のためにデータベースのリソースを多く消費する可能性があります。
- 一部のマネージドWordPressホスティングサービスでは、Contextual Related Postsがブラックリストに登録されている場合があり、サイトの速度低下を懸念して使用が制限されることがあります。
- アルゴリズムの制限
- Contextual Related Postsは、主に記事のタイトルとコンテンツに基づいて関連記事を抽出します。
- ユーザーの行動履歴やその他の複雑な要因に基づいて関連記事を推薦する機能は限られています。
- テーマや他のプラグインとの相性
- まれに、使用しているWordPressテーマや他のプラグインとの間で互換性の問題が発生する可能性があります。
- 導入前に、テーマや他のプラグインとの相性を確認することが重要です。
これらのデメリットを考慮した上で、Contextual Related Postsを導入するかどうかを検討することをおすすめします。特に、デザインの自由度を重視したり、非常に大規模なサイトを運営している場合は、他の関連記事プラグインも比較検討すると良いでしょう。
WordPressテーマ関連記事表示比較
「関連記事を自動で表示する機能」に特に優れている、あるいはその機能が標準搭載されている主要な3つをピックアップして解説します。
現在のWordPressテーマにおいて「関連記事の自動表示」はほぼ標準装備ですが、その「デザイン性」や「カスタマイズの深さ」で選ぶのが正解です。
1. THE THOR（ザ・トール）
「集客・収益化」に特化した国内最高峰の多機能テーマです。
- 自動表示の仕組み: プラグインなしで、記事の下に「関連記事」を自動生成します。
- ここが強い: 「カテゴリ」だけでなく「タグ」に基づいた抽出も可能で、マッチング精度が高いのが特徴。また、表示スタイル（カード型、リスト型など）をマウス操作だけで瞬時に切り替えられます。
- おすすめの層: デザインのカスタマイズ性を重視し、プラグインを極力減らしてサイトを高速化したい方。
2. AFFINGER6（アフィンガー）
「稼ぐ」に特化した、ブロガー・アフィリエイター御用達のテーマです。
- 自動表示の仕組み: 標準機能で記事下に自動表示。表示件数や並び順（ランダム、投稿日順など）を細かく設定できます。
- ここが強い: 関連記事の間に「広告」を挟んだり、特定のカテゴリだけ除外したりといった、収益化に直結する細かい制御が最も得意です。
- おすすめの層: ブログを収益化したい、データを元に配置を細かくチューニングしたい方。
3. STORKSE（ストーク）
「書くことに集中できる」をコンセプトにした、非常にシンプルな人気テーマです。
- 自動表示の仕組み: 導入した瞬間から、最適なデザインで関連記事が自動表示されます。
- ここが強い: 難しい設定が一切不要。モバイルファーストで設計されているため、スマホで見た時の関連記事のタップしやすさ、読みやすさが抜群に洗練されています。
- おすすめの層: 設定に時間をかけたくない初心者や、スマホユーザーをメインに考えているブロガー。
比較まとめ
| テーマ | 特徴 | 関連記事の自由度 |
| THE THOR | 圧倒的な多機能・デザイン性 | 高（タグ指定も可） |
| AFFINGER | 収益化・分析に強い | 最高（広告挿入など） |
| STORK SE | シンプル・スマホで見やすい | 中（設定いらずで綺麗） |
