ブログで記事を書いていると、関連記事を記事下に出したくなります。
回遊率・滞在時間をアップする為にも有効なのかと思います。
こちらを実現するプラグインがあります。
Yet Another Related Posts Plugin(YARPP)
インストールして、設定を行えば簡単に表示されるようになります。
表示イメージは、以下のようになります。
![WordPressの投稿記事に関連記事を表示させる「YARPP」](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_331,c_scale/f_auto,q_auto/v1642810095/da466e84914f506d4111fea9376b1f4b/da466e84914f506d4111fea9376b1f4b.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_97,c_scale/f_auto,q_auto/v1642810095/da466e84914f506d4111fea9376b1f4b/da466e84914f506d4111fea9376b1f4b.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_248,c_scale/f_auto,q_auto/v1642810095/da466e84914f506d4111fea9376b1f4b/da466e84914f506d4111fea9376b1f4b.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1642810095/da466e84914f506d4111fea9376b1f4b/da466e84914f506d4111fea9376b1f4b.png?_i=AA 1034w)
見出しや表示内容は設定から変更できます。
プラグインのインストールまでは、割愛します。
YARPPの設定方法
インストールが完了すると、サイドメニューの設定に、「YARPP」が表示されます。
こちらをクリックすると設定画面が表示されます。
![WordPressの投稿記事に関連記事を表示させる「YARPP」](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1642811203/998c2317d29dce894631a0bdc2383810/998c2317d29dce894631a0bdc2383810.png?_i=AA 318w, https://res.cloudinary.com/dz7ruywxa/images/w_177,h_300,c_scale/f_auto,q_auto/v1642811203/998c2317d29dce894631a0bdc2383810/998c2317d29dce894631a0bdc2383810.png?_i=AA 177w)
フィルター設定
こちらでは、どのページを結果に含めるか、どのカテゴリーを除外するかなどの投稿に関するフィルターをセットします。
![WordPressの投稿記事に関連記事を表示させる「YARPP」](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_587,c_scale/f_auto,q_auto/v1642811198/ad30c4215721b517685d2c3703d50976/ad30c4215721b517685d2c3703d50976.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_172,c_scale/f_auto,q_auto/v1642811198/ad30c4215721b517685d2c3703d50976/ad30c4215721b517685d2c3703d50976.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_440,c_scale/f_auto,q_auto/v1642811198/ad30c4215721b517685d2c3703d50976/ad30c4215721b517685d2c3703d50976.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_880,c_scale/f_auto,q_auto/v1642811198/ad30c4215721b517685d2c3703d50976/ad30c4215721b517685d2c3703d50976.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1642811198/ad30c4215721b517685d2c3703d50976/ad30c4215721b517685d2c3703d50976.png?_i=AA 1704w)
アルゴリズム
こちらでは、表示のアルゴリズムを設定します。タイトル等を検討するに切り替えると、タイトルの関連度が加味されて表示されるようになります。最低関連スコアを高くすると、関連度が低いものが表示されなくなります。記事数が少ない場合は、スコアは、1でいいのではと思います。(表示されないより表示された方がいいため)
![WordPressの投稿記事に関連記事を表示させる「YARPP」](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_429,c_scale/f_auto,q_auto/v1642811193/0291c20149d36a253e328d2b665e6077/0291c20149d36a253e328d2b665e6077.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_126,c_scale/f_auto,q_auto/v1642811193/0291c20149d36a253e328d2b665e6077/0291c20149d36a253e328d2b665e6077.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_321,c_scale/f_auto,q_auto/v1642811193/0291c20149d36a253e328d2b665e6077/0291c20149d36a253e328d2b665e6077.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_643,c_scale/f_auto,q_auto/v1642811193/0291c20149d36a253e328d2b665e6077/0291c20149d36a253e328d2b665e6077.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1642811193/0291c20149d36a253e328d2b665e6077/0291c20149d36a253e328d2b665e6077.png?_i=AA 1706w)
Automatic Display Options
自動表示オプションを設定します。投稿にだけ表示する場合は、投稿チェックだけします。
表示数や表示形式も変更できます。
また見出しを変更したい場合は、関連記事表示を囲むタグのh3のところの文字列を修正します。
関連記事がないときのメッセージも日本語に変えておくとよいです。
![WordPressの投稿記事に関連記事を表示させる「YARPP」](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_750,c_scale/f_auto,q_auto/v1642811187/e73d5d512faea6e4bd247cfcd2526c3e/e73d5d512faea6e4bd247cfcd2526c3e.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_220,c_scale/f_auto,q_auto/v1642811187/e73d5d512faea6e4bd247cfcd2526c3e/e73d5d512faea6e4bd247cfcd2526c3e.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_562,c_scale/f_auto,q_auto/v1642811187/e73d5d512faea6e4bd247cfcd2526c3e/e73d5d512faea6e4bd247cfcd2526c3e.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_1124,c_scale/f_auto,q_auto/v1642811187/e73d5d512faea6e4bd247cfcd2526c3e/e73d5d512faea6e4bd247cfcd2526c3e.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1642811187/e73d5d512faea6e4bd247cfcd2526c3e/e73d5d512faea6e4bd247cfcd2526c3e.png?_i=AA 1702w)
その他設定
ここは特にいじる必要はないかと思います。
![WordPressの投稿記事に関連記事を表示させる「YARPP」](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_325,c_scale/f_auto,q_auto/v1642811182/5f22b6efca0f23228c7efbd50d8309b0/5f22b6efca0f23228c7efbd50d8309b0.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_95,c_scale/f_auto,q_auto/v1642811182/5f22b6efca0f23228c7efbd50d8309b0/5f22b6efca0f23228c7efbd50d8309b0.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_243,c_scale/f_auto,q_auto/v1642811182/5f22b6efca0f23228c7efbd50d8309b0/5f22b6efca0f23228c7efbd50d8309b0.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_487,c_scale/f_auto,q_auto/v1642811182/5f22b6efca0f23228c7efbd50d8309b0/5f22b6efca0f23228c7efbd50d8309b0.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1642811182/5f22b6efca0f23228c7efbd50d8309b0/5f22b6efca0f23228c7efbd50d8309b0.png?_i=AA 1710w)
設定保存
保存をすることで、表示されるようになります。
YARPPでの注意事項
ちょっとだけハマったのですが、管理者でログインしてプレビューでみると反映されるのに、ログインしていないブラウザ(Safariやスマホ)で確認すると表示されませんでした。
原因は、キャッシュプラグインでした。
キャッシュをクリアして確認してみてください。