LINEリッチメニュー完全攻略|デザイン・サイズ・作り方の正解

LINE

「リッチメニューを設定したのに全然タップされない」「デザインの作り方が分からない」――LINE公式アカウントを運用する企業・店舗から、こうした相談を多くいただきます。

リッチメニューはトーク画面の下部に常時表示される導線設計の要です。適切に設計されたリッチメニューは、ホームページや予約フォームへの誘導率を大幅に引き上げ、友達1人あたりの収益を高める効果があります。 逆に放置・雑な設計のままでは、せっかくの友達が来店・購買につながりません。

私たちsolezoreでは、LINE公式アカウントの運用支援の中でリッチメニューの設計・改善を多数行ってきました。本記事では、デザイン・サイズ・作り方の正解を体系的にお伝えします。

LINEリッチメニューとは?基本と役割

結論:LINEリッチメニューとは、LINE公式アカウントのトーク画面下部に常時表示されるメニュー型の導線設計ツールです。 ユーザーがトークを開くたびに目に入るため、クリック率・誘導率を高めるうえで最も重要な設定項目のひとつです。

リッチメニューがない場合との違い

リッチメニューを設定していない場合、ユーザーがトーク画面を開いても空白か過去のメッセージしか見えません。一方、リッチメニューを設定すると画面下部に常にボタンが表示され、ユーザーが能動的にタップして情報を得られる状態になります。

支援現場のデータでは、リッチメニューを設置した直後にWebサイトへの遷移数が1.5〜3倍に増加するケースが頻発しています。設定するか否かで、同じ友達数でも得られる成果が大きく変わります。

リッチメニューでできること

リッチメニューのボタンをタップしたときにできるアクションは以下のとおりです。

  • URLを開く:ホームページ・予約フォーム・ショッピングカートへ誘導
  • テキストを送信:特定のキーワードを自動送信してBot応答を呼び出す
  • クーポンを表示:限定クーポンをその場で表示
  • リッチメッセージを表示:画像付きメッセージを表示
  • ショップカードを表示:スタンプカード的なポイント管理機能を表示

最もよく使われるのはURLを開くアクションで、Webサイト・予約システム・EC購入ページへの直接誘導に使います。

リッチメニューのサイズと仕様

結論:リッチメニューの推奨サイズは幅2500px・高さ1686pxまたは843px(大・小の2種類)で、6つまたは3つのボタンを配置できます。 サイズの誤りは表示崩れや画質劣化につながるため、正確な仕様の把握が不可欠です。

画像サイズの規格

リッチメニューに使用する画像の仕様は以下のとおりです。

項目 仕様
推奨幅 2500px
大サイズ高さ 1686px(画面の約半分を占める)
小サイズ高さ 843px(画面の約1/4を占める)
ファイル形式 JPEG / PNG
ファイルサイズ上限 1MB以下

大サイズはインパクトが強い反面、トーク画面に占める面積が大きいためユーザーによっては「邪魔」に感じることもあります。一方、小サイズは存在感が下がりますが視認性との両立が取れます。ECサイトや飲食店は大サイズ、BtoB・サービス業は小サイズが選ばれやすい傾向です。

レイアウトパターン(ボタン配置)

ボタンの配置パターンはLINE Official Account Manager上で選択できます。代表的なパターンは以下のとおりです。

  • 3列×2行(6ボタン):最も多くの導線を設定できる標準的なパターン
  • 1大+2小(3ボタン):最重要導線を大きく見せたい場合に有効
  • 2列×1行(2ボタン):シンプルに2択で誘導したい場合に有効

最も汎用性が高いのは3列×2行の6ボタンレイアウトで、複数の誘導先を持つビジネスに向いています。

タップされるデザインを作る5つの法則

結論:リッチメニューのデザインは「視認性・直感的な分かりやすさ・訴求力」の3要素で決まります。 デザインの善し悪しでタップ率が2〜3倍変わることも珍しくありません。

法則1|テキストは大きく・短く

リッチメニューはスマートフォンの小さな画面に表示されます。テキストは一目で読めるサイズ(推奨30px以上)にし、文字数は各ボタンにつき4〜8文字以内を目安にしてください。

「詳しくはこちらをクリック」のような長いテキストは読まれません。「予約する」「クーポン」「商品を見る」のように短く明確に書きます。

法則2|アイコンや絵文字を活用する

文字だけのボタンより、アイコン画像や絵文字を組み合わせたボタンのほうが視認性が高く、タップ率が上がります。例えば「カレンダーアイコン+予約する」「クーポンアイコン+クーポン取得」のように組み合わせると直感的に理解されやすくなります。

法則3|最重要ボタンを左上・大きく配置する

ユーザーの視線は画面の左上から右・下へ流れます。最も重要なCTA(予約・購入・問い合わせ)を左上の大きなボタンに配置することで、タップ率が高まります。

法則4|背景色を自社ブランドカラーに統一する

リッチメニューはブランドの「顔」です。背景色を自社のブランドカラーに合わせることで、ユーザーへの一貫した印象と信頼感を生みます。無関係な色を使うと、スパムアカウントのような印象を与えかねません。

法則5|ボタンの区切りを明確にする

複数のボタンが隣り合う場合、境界線が分かりにくいと「どこがタップエリアか」が伝わらず、タップ率が下がります。ボタン間に白い境界線を入れるか、色の差を明確にすることで、直感的に操作しやすくなります。

リッチメニューの作り方(設定手順)

結論:リッチメニューはLINE Official Account Managerの管理画面から、画像アップロード→レイアウト選択→アクション設定の3ステップで作成できます。 別途デザインツール(Canvaなど)で画像を用意する必要がある点に注意してください。

STEP 1|デザイン画像を用意する

まず、リッチメニューに表示する画像ファイル(JPEG/PNG)を用意します。サイズは前述の推奨値に合わせ、ボタンの文字・アイコンを含めたデザインを作成してください。

Canva(無料プランあり)を使うと、推奨サイズのキャンバスを設定してデザインを作成できます。テンプレートも多数用意されているため、デザインが得意でない方でもすぐに作れます。

STEP 2|管理画面でリッチメニューを作成する

LINE Official Account Manager(manager.line.biz)にログインし、以下の手順で設定します。

  1. 左メニューの「リッチメニュー」をクリック
  2. 「作成」ボタンをクリック
  3. タイトル・表示期間を入力(期間を設定しない場合は「常時表示」に設定)
  4. テンプレートでレイアウト(ボタン配置)を選択
  5. 作成した画像をアップロード
  6. 各ボタンのアクション(URLなど)を設定
  7. 「公開」または「保存」をクリック

公開するとすぐにユーザーのトーク画面に反映されます。

STEP 3|表示確認とテストを行う

設定後はスマートフォンの実機で表示確認を行ってください。テキストの文字サイズ・ボタンのタップ領域・リンク先への遷移が正常か確認します。

パソコンの管理画面上の見え方と、実際のスマートフォンの表示には差があることが多いため、必ず実機確認を行うことが重要です。

業種別のリッチメニュー活用事例

結論:リッチメニューの最適な構成は業種によって異なります。 自社のビジネスモデルに合った導線設計が成果につながります。

飲食店・美容室(来店型ビジネス)

来店予約・クーポン・メニュー確認が最重要導線です。

  • 左上(大):「今すぐ予約」→ 予約フォームURL
  • 右上:「クーポン取得」→ クーポン表示
  • 左下:「メニューを見る」→ メニューページURL
  • 右下:「アクセス」→ Googleマップ

EC・小売(オンライン販売)

商品購入・セール情報・問い合わせが最重要導線です。

  • 左上(大):「商品を見る」→ ECサイトURL
  • 右上:「セール情報」→ セールページURL
  • 左下:「お気に入り」→ ウィッシュリストURL
  • 右下:「お問い合わせ」→ 問い合わせフォームURL

サービス業・BtoB(相談・問い合わせ型)

無料相談・事例確認・資料請求が最重要導線です。

  • 左上(大):「無料相談する」→ 相談フォームURL
  • 右上:「事例を見る」→ 事例ページURL
  • 左下:「料金を見る」→ 料金ページURL
  • 右下:「会社概要」→ 会社概要ページURL

solezoreの支援実績

「設定はしているがタップされない」というご相談は多くいただきます。文字だけの平凡なデザインや、最重要の導線が埋もれている構成が原因です。solezoreではデザイン刷新とボタン導線の組み直しで、同じ友達数でもタップ率と売上を引き上げます。

アパレルECでタップ率1.2%→3.8%に

課題: 文字だけのシンプルなデザインで、タップ率が1.2%にとどまっていました。 solezoreのアプローチ: アイコン追加とブランドカラー統一・ボタンコピーの見直し・購入ページへの直接誘導に導線を組み直し。 成果: タップ率が3.8%へ改善し、LINE経由の売上が約2倍に。クーポンボタンの利用も増えました。

飲食店で来店導線が改善

課題: ボタンが多すぎて何をタップすべきか伝わっていませんでした。 solezoreのアプローチ: 6ボタンから「予約・クーポン・メニュー・アクセス」の4導線に整理・写真背景で訴求強化・季節キャンペーンの差し替え運用を実施。 成果: クーポン取得とアクセス確認のタップが増え、配信翌日の来店数が安定しました。

よくある質問

Q. リッチメニューの画像はどのツールで作れますか?

A. Canva(無料プランあり)が最もよく使われています。

Canvaはテンプレートが豊富で、推奨サイズ(2500×1686px)のキャンバスを設定してデザインを作成できます。Adobe IllustratorやPhotoshopでも作成できますが、費用と学習コストがかかります。デザインが得意でない方はCanvaから始めるのがおすすめです。

Q. リッチメニューを複数作成して切り替えることはできますか?

A. はい、複数作成して表示期間を設定することで切り替えられます。

例えば「通常時のリッチメニュー」と「セール期間中のリッチメニュー」を事前に作成し、表示期間を設定しておくと、自動で切り替わります。また、セグメントごとに異なるリッチメニューを表示する機能(ただしLINE公式APIが必要)も存在します。

Q. リッチメニューのタップ率の目安はどれくらいですか?

A. 業種にもよりますが、5〜10%が一般的な目安です。

設定直後で3%未満の場合は、デザインまたは導線の見直しが必要なサインです。10%以上を継続できている場合は、リッチメニューがうまく機能していると判断できます。タップ率はLINE Official Account Managerのインサイト機能で確認できます。

まとめ:リッチメニューは設計と改善が成果を変える

LINEリッチメニューの要点を整理します。

  • トーク画面下部に常時表示され、ホームページ・予約・クーポンへの誘導に直結する重要な設定
  • 画像サイズは幅2500px・高さ1686px(大)または843px(小)が推奨規格
  • テキストは短く・アイコン活用・左上に最重要CTAを置くデザイン法則を守る
  • Canvaで画像作成→管理画面にアップロード→アクション設定の3ステップで完成
  • 業種に応じた導線設計と定期的なタップ率確認・改善が長期成果につながる

リッチメニューの設計・改善についてお困りの場合は、ぜひsolezoreにご相談ください。デザインから設定、運用改善まで一括してサポートします。

この記事を書いた solezore に相談する

記事に書ききれない具体策・料金・事例は、無料相談で。SNS/EC/SEO の領域別に専門家が対応します。

無料相談を申し込む サービス一覧を見る
無料相談
タイトルとURLをコピーしました