メニュー項目のCTRは、メニューがきちんと役割を果たしているか知りたいときに、私が真っ先に見る数字です。簡単に言えば、メニューを見た人のうち、実際にある特定の項目をクリックした割合を教えてくれます。多くの人が見ているのに、ほとんどクリックされない項目は、たいてい何かを語りかけているものです。あとはそれを正しく読み解くだけです。
この記事では、ひとつの指標を深掘りします。各メニュー項目のCTRです。どう測るか、どう読むか、そして何より大切な、読んだあとに何をするかを取り上げます。
メニュー項目のCTRとは
メニュー項目のCTR（クリック率）とは、その項目がクリックされた回数と、メニューが表示された回数の比率です。たとえば、ある週にメニューが1,000回表示され、「新着商品」という項目が80回クリックされたなら、その項目のCTRはおよそ8%ということになります。
良いのは、全体のひとつの数字を見るのではない点です。各項目を横並びで見ていきます。「ホーム」はどのくらい、「セール」はどのくらい、「お問い合わせ」はどのくらい、という具合に。注目すべきは絶対値ではなく、項目どうしの差です。
CTRが「どこからが良いとされるのか」については、私はあまり気にしません。店ごとに違いますし、客層も違います。私が気にするのは順番です。どの項目がよく使われ、どの項目がほとんど触れられていないか、ということです。
各項目のCTRを測る方法
方法はいくつかあり、精密なものから視覚的なものまであります。3つすべてが必要なわけではありません。自分に合ったものを選んでください。
GA4で測る
GA4（Google Analytics 4）は、最もはっきりした定量的なアプローチです。標準では、拡張計測機能（Enhanced Measurement）が捕捉するのはドメイン外へ遷移するクリックだけで、サイト内のナビゲーションバーの項目がクリックされたことは自動では分かりません。
メニューのクリックを捕捉するには、Google Tag Managerを使うのが一般的です。ナビ領域内のリンククリックに対するトリガーを作り、GA4に専用のイベント（menu_clickという名前をつける人が多いです）を送ります。そのとき、クリックされた項目の名前を保持するパラメータも一緒に送ります。これを設定すると、エンゲージメント > イベントのレポートで、各項目のクリック数が項目ごとに表示されるようになります。
経験からのひとことです。設定したあと、データがレポートに完全に反映されるまで通常1〜2日かかるので、初日に結論を急がないでください。また、率を計算するには「メニューを見た人の数」が必要です。これは通常、メニューを含むページの閲覧数で近似します。
HotjarやClarityで測る
タグやコードに触れたくなければ、HotjarやMicrosoft Clarityが答えを視覚的に示してくれます。どちらにもクリックヒートマップがあります。クリックが多い場所と冷えている場所を色で表したヒートマップです。
Microsoft Clarityは無料で、始めやすいツールです。スニペットを追加し、数日後にヒートマップを開くと、メニューのどの領域が明るく、どこが暗いかが見えてきます。モバイルメニューでは、Clarityは展開した状態のメニューも表示できるので、すぐに見える部分だけでなく、スライドメニューの中の項目まで確認できます。
ClarityにできてGA4にできないことが、ひとつあります。「デッドクリック」と「レイジクリック」を見分けることです。デッドクリックとは、クリックできそうに見えるものを訪問者がクリックしたのに、何も起きない状態を指します。レイジクリックとは、いらだちから同じ場所を繰り返しクリックする状態です。あるメニュー項目にデッドクリックが多いなら、ボタンのように見えるのに実際にはどこにも遷移していない可能性が高く、これは単なる低CTRではなく、直すべき問題です。
私はよく両方を組み合わせます。時系列で比較するための数字はGA4で、その数字の「なぜ」を理解するためにはClarityやHotjarを使います。
CTRの表の読み方
項目を横並びにすると、たいてい見慣れた形に落ち着きます。CTRが非常に高い項目がいくつか、中間のグループ、そしてほぼゼロに近い項目がいくつか、という具合です。
ゼロに近い項目が、必ずしも悪い項目とは限りません。次の2つのどちらかに当てはまることがあります。
- 余分な項目。客が本当に必要としていない場合です。たとえば、店が一年中何も投稿していないのに「お知らせ」という項目があるような場合です。
- 名前を読み違えられている項目。客はその内容を必要としているのに、その項目がそこにつながると気づいていない場合です。名前が凝りすぎているか、客になじみのない社内用語を使っているのです。
この2つのグループを見分けるには、その背後にある内容が別の経路から到達されているかを見ます。「プロモーション」ページの閲覧数は多いのに「お買い得情報」というメニュー項目のCTRが低いなら、問題があるのは内容ではなく名前である可能性が高いです。
重要な項目のCTRが異常に低いとき
これは、いちばん長く立ち止まって考える価値のあるケースです。「セール」や「新着」のような項目はクリックを集めるはずです。小売店を訪れる人は、たいてい何が割引になっているか、何が新しく入ったかを見たがっているものです。こうした項目のCTRが異常に低い場合、客が興味を持っていないからということはまずなく、たいていは配置の問題です。
その項目が、メニューの一番下、視界の外に置かれているのかもしれません。Nielsen Norman Groupによるアイトラッキング調査では、ユーザーはページをF字型のパターンで走査する傾向があると示されています。上部を横方向にざっと見て、それから左端を縦に下りていき、中央や下部の多くを飛ばすのです。価値のある項目が見えにくい隅に置かれていると、客の目を簡単にすり抜けてしまいます。
モバイルでは、この問題はさらに顕著になります。「セール」がハンバーガーメニューの奥深くに埋もれていると、客はメニューを開くためにタップし、さらにスクロールしてそれを探さなければなりません。一手間増えるごとに、人が離脱する地点が増えるのです。だからこそ、多くの店は「セール」を画面下部のTab Barにそのまま置いています。常に見えていて、開く必要がないからです。
読んだあとに何をするか
読んで何も変えなければ、その数字はただの数字のままです。私はたいてい、これを3つのアクションに分けて考えます。
ひとつ目は、ほとんど使われない項目を整理することです。メニューが長いほど、各項目は薄まり、客は選びにくくなります。ある項目が何週間もゼロに近いCTRにとどまり、その背後の内容にも訪問者がほとんどいないなら、思い切って削除するか、どこかに統合してください。すっきりしたメニューは、残った項目をより際立たせます。
ふたつ目は、分かりにくい項目の名前を変えることです。これは最も安あがりな変更で、効果がすぐに見えることがよくあります。自分の好きな言葉ではなく、客が使う言葉を使ってください。「コレクション」は「商品一覧」に、「お買い得情報」は「プロモーション」に、といった具合です。名前を変えたら、確認のためにもう一度数週間CTRを見守ります。
みっつ目は、重要な項目を目立つ場所に移すことです。「セール」が強いはずなのに今は弱いなら、デスクトップメニューの前方に移すか、モバイルではTab Barに置きましょう。配置を変えることは、多くの人が思っている以上に大きな影響を与えることがよくあります。
こうした構築や変更に、必ずしも開発者は必要ありません。Navi+のようなツールを使えば、ドラッグ&ドロップで項目を並べ替えたり、名前を変えたり、ある項目をモバイルの下部のTab Barに切り出したりできます。モバイルとデスクトップの設定は別々なので、デスクトップメニューをごちゃつかせることなく、スマホでだけ「セール」を目立たせられます。こうして「数字を読んで、メニューを調整する」というループが素早く回り、テストと再測定を続けていけます。
最後にひとつ。一度に変えるのはひとつだけにしてください。名前を変え、位置を移し、項目を削るのを一度にやってしまうと、そのあとどの変更がCTRの変化をもたらしたのか分からなくなります。ひとつ変えて、データを待ち、それから次へ進みましょう。
この記事は、メニューがうまく機能しているか見極める方法 — 追うべき5つの指標という、より大きなガイドの一部です。