Cocoonで人気記事・ランキングを表示させる方法！設置方法や違いを徹底解説！

この記事ではCocoonで人気記事・ランキングを表示させる方法や両者の違いを詳しく解説します。

Cocoonの人気記事とランキング｜まずは違いを知っておこう

人気記事は自動表示｜ランキングは自分で並べる

Cocoonの人気記事は、アクセスを集計して、よく読まれている記事を一覧で見せる機能です。一方のランキングは、自分で選んだ商品やサービス、あるいは紹介したい項目を順位付きで見せる機能です。

まずは違いをシンプルに見てみましょう。

項目	人気記事	ランキング
役割	よく読まれている記事を自動で表示する	自分で決めた順番で項目を見せる
向いている用途	回遊率アップ、定番記事の案内	比較記事、おすすめ紹介、収益記事の訴求
表示の決まり方	アクセス集計をもとに変わる	自分で内容と順位を調整する
主な使いどころ	サイドバー、記事下、本文中	比較記事、まとめ記事、商品紹介ページ

私は最初、この違いをあいまいなまま触ってしまい、「人気記事を出したいのにランキング側を見ていた」という遠回りをしました。

でも役割が分かると、設定は一気に楽になります。

回遊率を上げたいなら人気記事が使いやすい

人気記事が向いているのは、読者に「次は何を読もうかな」と自然に選んでもらいたい場面です。

たとえば、基本記事、よく読まれる定番記事、入口になる記事を見せたいときに向いています。

• 記事数が増えてきたブログ
• 読まれやすい定番記事があるブログ
• 複数の記事を続けて読んでほしいブログ
• 初心者向けの記事が多いブログ

人気記事は、自分で毎回並び順を調整しなくても、サイト内の流れを作りやすいのが魅力です。

まずはこれを置くだけでも、読者がサイト内を回りやすくなります。

おすすめ順を見せたいならランキングが向いている

一方で、比較や紹介をしっかり見せたい記事では、ランキングのほうが力を発揮します。

なぜなら、読者が知りたいのは「いま人気かどうか」より、「自分にはどれが合うか」であることが多いからです。

• おすすめテーマを順位付きで紹介したい
• レンタルサーバーを比較したい
• 学習サービスやツールを順番付きで見せたい
• 収益記事の中で選びやすく整理したい

つまり、Cocoon 人気記事は読まれている記事を見せる機能、Cocoon ランキングは見せたい順に並べる機能です。

ここを分けて考えるだけで、ブログの導線設計はかなりやりやすくなります。

Cocoonで人気記事を表示する基本手順

最初はウィジェットで表示するのがいちばん分かりやすい

人気記事を表示したいなら、まずはウィジェットから始めるのが分かりやすいです。

管理画面のウィジェットから、Cocoonの人気記事を表示したい場所へ追加していきます。

よく使われる設置場所は次のとおりです。

設置場所	向いているケース	特徴
サイドバー	どのページからも見せたいとき	定番の置き場所で管理しやすい
記事下	読み終えた読者に次の記事を案内したいとき	流れが自然でスマホでも目に入りやすい
本文中	途中離脱を減らしたいとき	読者の興味が高いタイミングで見せやすい

最初はサイドバーか記事下のどちらか一つから始めると、見た目も整いやすく、効果も確認しやすいです。

あれこれ置きすぎると、かえって読みにくくなることがあります。

設定項目は多く見えても見るポイントはシンプル

人気記事ウィジェットにはいくつか設定項目がありますが、全部を難しく考えなくて大丈夫です。

大切なのは、読者が選びやすい状態になっているかどうかです。

• 表示件数は多すぎないか
• ランキング番号はあったほうが見やすいか
• サムネイルは表示したほうが選びやすいか
• PV表示は出したいか
• 集計期間はブログの目的に合っているか

特に迷いやすいのが、表示件数とPV表示です。

たくさん並べれば親切に見えそうですが、実際は選択肢が増えすぎると読者が迷いやすくなります。

そのため、最初は少なめに整えたほうが見やすくなりやすいです。

迷ったらこの設定から始めれば大きく外しにくい

何から試せばいいのか迷う方のために、最初に使いやすい設定の考え方をまとめます。

設定項目	おすすめの考え方	理由
表示件数	5件前後	多すぎず選びやすい
ランキング番号	表示する	目線を集めやすい
サムネイル	表示する	直感的に選びやすい
PV表示	迷うなら非表示	数字が小さいと弱く見える場合がある
集計期間	ブログの目的に合わせる	定番記事を見せるか最近の記事を見せるかで変わる

私なら、まずは「5件・サムネイルあり・順位あり・PV表示なし」でスタートします。

この形は見やすく、ブログの規模に左右されにくいからです。

本文中や記事下に人気記事を見せる方法

本文中に入れると読者の流れを止めずに案内できる

本文中に人気記事を入れると、読者が「これも気になる」と思ったタイミングで、自然に別の記事へ移動しやすくなります。

Cocoonでは人気記事一覧をショートコードで本文中に挿入できます。

入れどころとして使いやすいのは、次のような場所です。

• 基本説明がひと段落したあと
• 悩みの種類を整理したあと
• 関連記事も読んでほしい場面
• まとめに入る少し前

ただし、本文の途中に何度も差し込むと、読み心地が悪くなります。

まずは一記事に一回、多くても二回くらいにしておくと、ちょうどよいバランスになりやすいです。

記事下の人気記事はスマホ読者との相性がいい

記事下の人気記事は、とても使いやすい導線です。

読者は本文を読み終えた直後、「次は何を読もうか」と考えやすい状態になっています。

そのタイミングで人気記事を見せると、押しつけがましくなく、自然に次の記事へ進んでもらえます。

表示場所	読者の心理	向いている目的
本文中	興味が高まっている途中	関連記事への誘導
記事下	次に何を読むか探している	回遊率アップ

サイドバーより記事下のほうがしっくりくるブログも多いので、スマホ中心なら特に試してみる価値があります。

人気記事とおすすめ記事は役割を分けると使いやすい

人気記事が便利だからといって、すべてを人気記事だけでまかなう必要はありません。

おすすめ記事やランキングと役割を分けると、サイト全体がぐっと整理しやすくなります。

見せ方	向いている目的
人気記事	よく読まれている記事を自然に案内したい
おすすめ記事	読んでほしい記事へ意図的に案内したい
ランキング	比較しながら選ばせたい

たとえば、入口記事や定番記事には人気記事が向いています。

一方で、収益記事や比較記事へ読者をつなげたいときは、おすすめ記事やランキングのほうが扱いやすいです。

それぞれの役割を分けると、無理のない導線が作れます。

Cocoonのランキング機能を上手に使うコツ

ランキングが活きるのは比較やおすすめを見せたい記事

ランキング機能が向いているのは、何かを比べて紹介したい記事です。読者が「どれを選べばいいのか分からない」と感じる場面では、順位付きの見せ方がよく合います。

• WordPressテーマの比較
• レンタルサーバーの比較
• ブログ運営ツールの紹介
• 教材や学習サービスの比較
• おすすめ記事のまとめ

逆に、日記やお知らせのように順位づけの意味が薄い記事なら、無理に使わなくても大丈夫です。

比較や選択を助けたいときに使うものだと考えると、役割がつかみやすくなります。

順位だけでなく理由まで見せるとぐっと伝わる

ランキングは、ただ並べるだけだと意外と読まれません。

読者が本当に知りたいのは、「なぜその順位なのか」「自分にはどれが合うのか」だからです。

そのため、次の要素を入れておくと伝わりやすくなります。

入れたい要素	役割
順位	一目で比較しやすくする
特徴	違いを短く伝える
向いている人	自分ごととして判断しやすくする
気になる点	比較の納得感を高める
一言の結論	迷っている読者の後押しになる

私はランキング記事を書くとき、「機能が多いです」といった説明だけでは弱いと感じます。

それよりも、「できるだけシンプルに始めたい人向けです」のように、読者の顔が見える言い方にしたほうが、ずっと伝わりやすくなります。

人気記事とランキングは組み合わせると導線が強くなる

人気記事とランキングは、どちらか一方だけを使うより、組み合わせたほうがブログ全体の導線が整いやすくなります。

• サイドバーには人気記事を置く
• 比較記事の本文中にはランキングを入れる
• 記事下には人気記事を置いて回遊につなげる

このように役割を分けると、読者が次に進む道が見えやすくなります。

広く読ませたいところは人気記事、比較して選ばせたいところはランキング、という考え方です。

人気記事が表示されないときのチェックポイント

まず見直したいのは基本設定まわり

最初に確認したいのは、設置場所や設定の基本です。

• 人気記事ウィジェットを正しい場所に置いているか
• 保存までできているか
• アクセス集計が有効になっているか
• 記事にある程度のアクセスが集まっているか
• 表示件数や除外設定が厳しすぎないか

特にCocoonの人気記事は、テーマ側のアクセス集計を利用する形なので、集計が無効だと表示の材料が足りなくなります。

まずは基本を見直すだけで、解決することも少なくありません。

集計期間や表示条件で見え方はかなり変わる

人気記事が思った通りに並ばないときは、集計期間や表示条件が影響していることがあります。

気になる症状	見直したいポイント
最近の記事ばかり出る	集計期間が短すぎないか
昔の記事が強すぎる	集計期間が広すぎないか
何も表示されない	アクセス集計や設置場所に問題がないか
思った記事が出ない	除外設定やカテゴリ条件を確認する

最近の勢いを見せたいのか、定番記事を見せたいのかで、ちょうどいい設定は変わります。正解が一つあるというより、ブログの目的に合わせて整える感覚で考えると分かりやすいです。

迷ったらいったんシンプルな状態に戻す

いろいろ触って分からなくなったときは、設定をいったんシンプルに戻すのがおすすめです。

• 表示件数は5件前後にする
• サムネイルは表示する
• 順位表示は入れる
• PV表示は一度外す
• 除外設定はいったん外す
• 設置場所は一か所に絞る

この状態でうまく表示されるなら、原因は細かい設定のどこかにあります。

一つずつ戻していけば、どこで引っかかっていたのか見つけやすくなります。

遠回りに見えても、このやり方が結果的にいちばん早いことが多いです。

クリックされやすい人気記事表示に整えるコツ

件数を増やすより選びやすさを優先する

人気記事は、たくさん並べれば親切そうに見えます。

でも実際には、選択肢が多すぎると読者は迷いやすくなります。

そのため、私は次のような考え方をおすすめします。

• 表示件数は4件から6件ほどに絞る
• 順位表示で目を止めやすくする
• サムネイルを見やすくする
• 意味の近い記事ばかり並べすぎない

人気記事欄は、一覧として充実していることより、「これなら読んでみたい」とすぐ選べることのほうが大切です。

サムネイルとタイトルの組み合わせで印象は変わる

クリックされやすい人気記事にしたいなら、サムネイルとタイトルの組み合わせも大切です。

どちらか片方だけ整っていても、もう片方が弱いと、意外と目に留まりません。

• サムネイルで内容がぱっと伝わる
• タイトルで読むメリットが分かる
• 両方がそろっているとクリックの理由が生まれる

逆に、似たような画像が並んでいたり、タイトルが抽象的だったりすると、せっかく人気記事に入っても流し見されてしまいます。

人気記事に入りやすい記事ほど、見た目を整えておく価値があります。

最後はスマホで見て違和感がないか確認する

ブログ運営ではパソコンで確認しがちですが、読者の多くがスマホなら、最終チェックもスマホで行いたいところです。

• 人気記事が長すぎていないか
• サムネイルが小さすぎないか
• タイトルが途中で切れすぎていないか
• 本文の流れを邪魔していないか
• 記事下で自然に目に入るか

パソコンでは見やすかったのに、スマホで見ると窮屈に感じることはよくあります。

最後にスマホで確認するだけでも、細かな改善点が見つかりやすくなります。

Cocoonの人気記事を活かす運用の考え方

読ませたい入口記事を育てる意識を持つ

人気記事は、すでに読まれている記事をさらに読まれやすくする力があります。

だからこそ、人気記事に入りやすい「入口記事」を育てる意識を持つと、サイト全体の流れがよくなります。

• 悩みを広く解決する基本記事
• 関連記事への入口になる記事
• 検索から入ってきた人が最初に読みやすい記事
• ブログの代表記事になりやすい記事

こうした記事が人気記事欄に入ると、そこから別の記事へも流れやすくなります。

ただ表示するだけでなく、入口になる記事を整えておくことも大切です。

収益記事はランキングやおすすめ記事と役割を分ける

人気記事は便利ですが、収益記事をそのまま押し出したいときに、いつも最適とは限りません。

よく読まれる記事と、案内したい記事が一致しないこともあるからです。

そんなときは役割分担をすると整理しやすくなります。

• 広く読ませる入口は人気記事
• 比較しながら選ばせる場面はランキング
• 読んでほしい記事へつなぐ場面はおすすめ記事

この分け方にすると、無理なく導線を組み立てられます。

全部を人気記事だけで背負わせないことが、結果的に見やすいブログにつながります。

よくある質問

Cocoon ランキングと人気記事はどちらから使うべきですか？

はじめて設定するなら、まずはCocoon 人気記事から試すのがおすすめです。理由はシンプルで、設置するだけでサイト内の回遊導線を作りやすいからです。そのうえで、比較記事やおすすめ順の紹介をしたい場面でCocoon ランキングを使うと、役割がきれいに分かれます。

Cocoon 人気記事でPV表示は出したほうがいいですか？

必ずしも出す必要はありません。数字がしっかり並ぶブログなら人気の証拠として働きますが、数字が小さいと、かえって弱く見えることもあります。迷うなら、まずはPV表示なしで始めて、見やすさを優先するのがおすすめです。

Cocoon ランキングがあれば人気記事は不要ですか？

不要にはなりません。Cocoon ランキングは自分で順番を決めて見せる機能で、人気記事は実際によく読まれている記事を見せる機能です。役割が違うので、どちらか一つに絞るより、目的に応じて使い分けたほうが効果的です。

まとめ｜まずは人気記事を一か所に置くところから

今日の最初の一歩としては、まず記事下に人気記事を5件だけ表示してみてください。サムネイルあり、順位表示あり、PV表示なしのシンプルな形から始めると、見やすさも確認しやすくなります。

そこから必要に応じて、ランキングやおすすめ記事を組み合わせていけば、読者が次の記事へ進みやすいブログに少しずつ近づいていきます。