関連記事とは？表示や実装、効果測定の方法なども解説

WordPressでの関連記事表示は、サイト運営において重要な要素です。適切に設置することで、ユーザーの滞在時間を延ばし、コンテンツの価値を最大化できます。

本記事では、関連記事の基本的な概念から、効果的な表示場所、WordPressでの実装方法、そして効果測定までを解説します。

関連記事とは？

関連記事とは、閲覧中のコンテンツと関連性の高い他の記事・ページへのリンクのことを指します。通常、記事の下部や側面に「関連記事」「あわせて読みたい」「おすすめ記事」などのセクションとして表示されます。

多くのニュースサイトやブログでは、読者が1つの記事を読み終えた後、関連する情報を探しやすくするために関連記事セクションを設けています。この機能により、読者はサイト内をスムーズに回遊でき、サイト運営者も読者に多くのコンテンツを見てもらう機会を増やせます。

Webサイトにおける関連記事の役割

関連記事はWebサイトにおいて複数の重要な役割を担っています。まず、サイト内のコンテンツ同士の関連性を明確に示す役割があります。たとえば、「ダウンジャケットの収納方法」という記事の下部に「冬物衣類の長期保管のコツ」といった関連記事を表示することで、それらのコンテンツが相互に関連していることを読者に伝えられます。

次に重要な機能の一つが、ユーザーの情報探索をサポートすることです。ユーザーは往々にして一つの記事だけでは満足せず、より詳しい情報や関連する別の側面について知りたいと思うことがあります。

そんなとき、適切な関連記事が表示されていれば、他のサイトに移動する必要がなく、そのままサイト内で欲しい情報にアクセスできます。これはユーザー体験の向上につながるとともに、サイトの価値を高める要素となります。

WordPressでの関連記事の表示方法

WordPressは多くのWebサイトやブログで使用されているCMSであり、関連記事機能の実装も比較的容易に行えます。関連記事を効果的に表示することで、ユーザーのサイト内回遊を促進し、PV数や滞在時間の向上に繋がります。ここでは、WordPressサイトにおける関連記事機能の実装方法について、説明します。

プラグインを利用した設定方法

WordPress は多くのWebサイトで採用されているCMSであり、関連記事機能の実装も比較的容易です。

専用のプラグインを導入することで、プログラミングの知識がなくても簡単に関連記事機能を実装できます。多くのカスタマイズオプションがあり、表示方法やデザインを細かく設定できるのが特徴です。

プラグイン名	主な機能	自動/手動	カスタマイズ性	無料/有料	特徴
YARPP	高度な関連性アルゴリズム	自動	中	無料	WordPressの定番プラグイン
Related Posts for WordPress	タグ・カテゴリーベース	自動	高	無料/有料	キャッシュ機能あり
Contextual Related Posts	コンテンツ分析	自動	中	無料/有料	サムネイル表示が充実
Jetpack Related Posts	WordPress.com連携	自動	低	無料	高速表示

プラグインなしで関連記事を表示する方法

WordPress サイトで関連記事を表示したいが、プラグインを追加したくない場合や、より細かいカスタマイズが必要な場合には、直接コードを記述する方法があります。

この方法はプログラミングの知識が多少必要になりますが、サイトのパフォーマンスへの影響を最小限に抑えつつ、自由度の高いカスタマイズが可能になります。

テーマの functions.php ファイルにカスタム関数を追加するのが一般的な手法です。以下に基本的なコード例を紹介します。

phpCopyfunction display_related_posts() {
global $post;
$tags = wp_get_post_tags($post->ID);

    if ($tags) {
        $tag_ids = array();
        foreach($tags as $tag) {
            $tag_ids[] = $tag->term_id;
        }

        $args = array(
            ‘tag__in’ => $tag_ids,
            ‘post__not_in’ => array($post->ID),
            ‘posts_per_page’ => 5,
            ‘caller_get_posts’ => 1
        );

$related_query = new WP_Query($args);

        if ($related_query->have_posts()) {
            echo ‘<div class=”related-posts”>’;
            echo ‘<h3>あわせて読みたい</h3>’;
            echo ‘<ul>’;

            while ($related_query->have_posts()) {
                $related_query->the_post();
                echo ‘<li><a href=”‘ . get_permalink() . ‘”>’ . get_the_title() . ‘</a></li>’;
            }

            echo ‘</ul>’;
            echo ‘</div>’;
        }
        wp_reset_query();
    }
}

このコードを functions.php に追加した後、実際に関連記事を表示したい場所（通常は single.php ファイル内の記事コンテンツの後）に以下のコードを挿入します。