LINEリッチメニューの作り方完全ガイド — 設定から効果的なデザインまで

LINEリッチメニューの作り方完全ガイド — 設定から効果的なデザインまで

L
Lオペ for LINE 編集部
公開:
14分

この記事でわかること

  • リッチメニューの設定方法を画像サイズ・テンプレート選択から完全解説
  • 業種別の効果的なメニュー構成パターンとデザインのコツ
  • ABテストの実施方法とCVR改善の具体的な手法
目次

リッチメニューはLINE公式アカウントのトーク画面下部に常時表示されるメニューで、ユーザーの行動を直接誘導できる最重要UI要素です。予約・商品一覧・クーポン・問い合わせなどのアクションボタンを配置でき、設定次第でCVR(成約率)を大きく左右します。本記事では、リッチメニューの設定方法からデザインのコツ、ABテストまで完全ガイドとして解説します。

リッチメニューとは

リッチメニューは、LINEのトーク画面下部に固定表示されるカスタムメニューです。ユーザーがトーク画面を開くたびに表示されるため、Webサイトでいうグローバルナビゲーションに相当する重要な役割を持ちます。

80%以上

リッチメニュー経由のアクション率

2倍

メニュー設定有無のCVR差

6枠

最大タップ領域数

リッチメニューが重要な理由

  • 常時表示 — トーク画面を開くたびにメニューが目に入る
  • 直感的な操作 — アイコン+テキストで迷わずタップできる
  • 配信通数を消費しない — メニュータップは通数にカウントされない

画像サイズとテンプレート

サイズ解像度特徴おすすめ用途
大サイズ2500×1686px6枠まで配置可能多機能なメニューが必要な場合
小サイズ2500×843px3枠まで配置可能チャット重視・シンプルなメニュー

テンプレートパターン

  • 2枠横並び — 「予約」「問い合わせ」のシンプル2択
  • 3枠横並び — 「予約」「メニュー」「アクセス」の定番構成
  • 4枠(2×2) — バランスの良い4機能メニュー
  • 6枠(3×2) — 多機能で情報量の多いメニュー

枠数が多い=良いとは限らない

枠数が多いほど各エリアが小さくなり、タップしにくくなります。重要なアクション3〜4つに絞り、視認性とタップしやすさを優先するのがおすすめです。

リッチメニューの設定手順

1

テンプレートを選択

LINE Official Account Manager > トーク画面 > リッチメニューで新規作成。大/小サイズとテンプレートを選択

2

メニュー画像を作成

Canva・Figmaで指定サイズの画像を作成。各枠のアイコンとテキストを配置し、1MB以下のJPEG/PNGで書き出し

3

画像をアップロード

作成した画像をアップロード。プレビューで各枠の位置がズレていないか確認

4

アクションを設定

各枠にURL・クーポン・テキスト送信などのアクションを割り当て

5

表示設定を確認

表示期間・デフォルト表示(オン/オフ)・メニューバーテキストを設定して公開

効果的なデザインのコツ

デザインの5原則

  1. 最重要アクションを左上に配置 — ユーザーの視線はZ字に動くため、左上が最もタップされやすい
  2. アイコンとテキストのセット — アイコンだけでは意味が伝わらないため、必ず短いテキストを添える
  3. ブランドカラーで統一感 — メニュー全体をブランドカラーでまとめ、プロフェッショナルな印象を与える
  4. 余白を適度に確保 — ボタン間の境界線を明確にし、誤タップを防ぐ
  5. 季節やキャンペーンで更新 — 同じデザインのままだとタップ率が下がるため、定期的に刷新する

デザイン事例を豊富に知りたい方はリッチメニューデザイン事例20選をご覧ください。

LINE公式アカウント運用をLオペ for LINEでもっと効率的に

Lオペ for LINEの機能・料金・導入事例をまとめた資料をお送りします。

Lオペ for LINEの資料を無料で請求

アクション設定の種類

アクション動作活用例
リンク指定URLに遷移予約ページ・EC・ブログ
クーポンクーポン画面を表示来店クーポン・割引券
テキスト定型テキストを送信FAQ呼び出し・キーワード応答
ショップカードポイントカード表示来店ポイント管理
なしアクションなし装飾用・余白エリア

テキストアクションの活用

テキストアクションで「予約したい」と送信させ、自動応答やチャットボットと連携させると、リッチメニューから予約までをシームレスにつなげられます。自動応答の設定方法は自動応答設定ガイドで解説しています。

ABテストで効果改善

リッチメニューのABテストを行うことで、どのデザイン・構成が最もCVRが高いかをデータで判断できます。

1

テストパターンを2つ用意

ボタン配置・色・コピーなど、変更点を1つに絞った2パターンを作成

2

友だちを2グループに分割

拡張ツールのABテスト機能を使い、ランダムに2グループに分割

3

2〜4週間計測

各メニューのタップ率・CVR・ブロック率を計測

4

勝ちパターンを採用

効果の高かったデザインを全体に適用し、次のテストを計画

Before

6枠メニュー(全機能表示)

After

3枠メニュー(主要機能のみ)

予約CVR

枠数を絞ったシンプルメニューでCVRが1.8倍に向上

まとめ

80%

メニュー経由のアクション率

2倍

メニュー有無のCVR差

3〜4枠

おすすめの枠数

  1. リッチメニューはLINEアカウントの「顔」 — ユーザーのアクションの80%以上がメニュー経由
  2. 大サイズ/小サイズの選択が重要 — 機能数とチャット重視度で判断
  3. 枠数は3〜4つが最適 — 多すぎると視認性・タップ率が低下する
  4. 最重要アクションは左上に配置 — Z字の視線移動に合わせた設計
  5. 定期的にABテストで改善 — データに基づくデザイン最適化が成果を最大化する

タブ切り替えなどの高度な実装についてはタブ切り替え実装ガイドをご覧ください。リッチメニューは一度設定して終わりではなく、継続的に改善することで効果を最大化できます。

よくある質問

Q. リッチメニューの画像サイズはいくつですか?

大サイズが2500×1686px、小サイズが2500×843pxです。Canva等で作成する場合はこの解像度で作成し、1MB以下のJPEG/PNGで書き出してください。小サイズはトーク画面の占有面積が小さく、チャット重視のアカウントに向いています。

Q. リッチメニューは無料プランでも使えますか?

はい、LINE公式アカウントの全プラン(コミュニケーションプラン含む)でリッチメニューは利用可能です。ただし、タブ切り替えや条件分岐などの高度な設定にはLステップ等の拡張ツールが必要です。

Q. リッチメニューのデフォルト表示はオン・オフどちらがいいですか?

基本的にはデフォルト表示オンが推奨です。メニューが常に表示されることでユーザーがアクションを取りやすくなります。ただし、チャットでの会話を重視するアカウントでは、メニューを小サイズにするかデフォルトオフにする選択もあります。

リッチメニューUI設計デザインユーザー導線

この記事をシェア

L

Lオペ for LINE 編集部

運営: 株式会社ORDIX

LINE公式アカウント運用に関する実践的なノウハウを発信する専門編集チーム。配信設計・自動化・ツール選定・業種別活用など、LINE運用の成功を支援しています。

LINE運用配信設計自動化ツール比較集客マーケティング

Lオペ for LINE

LINE公式アカウント運用を始めませんか?

配信・自動応答・顧客管理・分析をオールインワンで。

お問い合わせ