LINEリッチメニューの作り方|画像作成から表示設定まで徹底解説

更新日:

Category:LINE公式アカウント

Author image

久野 慎平

FacebookXLinkedIn
LINEリッチメニューの作り方|画像作成から表示設定まで徹底解説

LINE公式アカウントの「顔」とも言えるリッチメニュー。「画像を作りたいけれど、デザインスキルがない」「最適な画像サイズがわからない」と悩んでいませんか?

リッチメニューを正しく設置するだけで、トーク画面からのクリック率は大幅に向上し、問い合わせや予約の自動化(工数削減)が可能になります。

本記事では、累計5500アカウント以上の支援実績がある弊社が、LINE公式アカウントのリッチメニューの作り方を画像作成方法から表示設定まで解説します。


LINE運用の教科書では、LINEマーケティングに注力すべき理由や顧客の反応率7倍を達成した施策の解説を行っています。LINE公式アカウントの運用効果を高めるためのメソッドをご覧ください。

【無料お役立ち資料】LINE公式アカウントの​反応率・​来店率・成約率を​変える!​LINE運用の​教科書

多くの​企業が​「LINEで​成果を​上げる​仕組みづくり」に​挑戦しています。
本資料では、​累計1200アカウント以上の​支援実績を​持つ株式会社Micoが、​登録者が​増えない​・反応が​低いと​いった​課題を​乗り越える​ための​成功パターンを​​解説。​LINEを​“反応の​取れる​チャネル”に​変える​ヒントが​ここに​あります。​

LINE運用の教科書

\LINE運用の教科書を今すぐ入手/

無料で​資料を​ダウンロードする​

リッチメニューとは?

リッチメニューとは、LINE公式アカウントのトーク画面下部に固定表示される画像付きのメニューです。画像をタップすることで、外部サイトへの誘導やクーポンの送信、ショップカードの表示など特定のアクションを実行します。

e0359076f4583eba677dc6ec768c0b3a 1

なぜ、リッチメニューが「必須」と言われるのか?設定するメリット

最大の理由は、視認性とクリック率(CTR)の高さにあります。

テキストだけのリンク配信と比較した場合、画像で大きく表示されるリッチメニューは、ユーザーの目に留まりやすく、直感的な操作を促せます。

弊社の支援実績においても、リッチメニュー経由でECサイトの売上増加や予約数アップなどの成果がでています。

リッチメニューとリッチメッセージとの違い

リッチメニューと同様にタップ可能な画像を表示し特定のアクションへ誘導できる機能である「リッチメッセージ」との最大の違いは「固定表示」の有無です。リッチメッセージは吹き出しとして配信され、タイムラインとともに流れますが、リッチメニューはキーボードエリアに常設されます。

ユーザーがトーク画面を開くたびに目に入るため、キャンペーン情報や予約ボタンなど、いつでもアクセスしてほしい情報の設置に適しています。

関連記事 LINEリッチメッセージとは?作り方やサイズ、デザイン事例を徹底解説
LINEリッチメッセージとは?作り方やサイズ、デザイン事例を徹底解説

すべての料金プランで使える

リッチメニューは、LINE公式アカウントのすべての料金プランで利用できます。

続いて、実際にリッチメニュー画像を作る方法と設定方法をご紹介いたします。


LINE運用の教科書では、LINEマーケティングに注力すべき理由や顧客の反応率7倍を達成した施策の解説を行っています。LINE公式アカウントの運用効果を高めるためのメソッドをご覧ください。

リッチメニュー画像の作り方

リッチメニューの画像は、以下の2ステップで作成・設定します。

  • リッチメニュー画像の構成を決める
  • リッチメニュー画像を作成する

リッチメニュー画像の構成を決める

リッチメニューは設定できる型「テンプレート」「アクション」が決まっています。先に構成を決めてから「画像」を作成すると後戻りが少なくスムーズです。

テンプレートを選択する

リッチメニューには、画面の約半分を占める「大」と、コンパクトな「小」の2つのサイズタイプがあり、それぞれ分割パターン(テンプレート)が決まっています。

  • 大サイズ(推奨):7種類のテンプレート(6分割、4分割、3分割など)
  • 小サイズ:5種類のテンプレート(3分割、2分割など)
086d62a78037f34a4ccab3df4c339241

弊社の推奨は大サイズです。掲載できる情報量が多く、反応率が高まりやすいためです。テンプレートごとに設定できるアクションの数が異なりますので、載せたい情報の数に合わせて選びましょう。

【応用】タブ切り替え型のリッチメニューを作るには?

普段LINEを使っていると、リッチメニューを切り替えられるタブ形式のリッチメニューを見たことがあるのではないでしょうか?

このようなリッチメニューを作成するには、弊社が提供するMico Engage AIのようなLINE拡張ツールによって実現可能です。詳細はこちらのページを確認してください。

関連記事 LINEリッチメニューの出し分けやタブ切り替えをする方法
LINEリッチメニューの出し分けやタブ切り替えをする方法

タップ時のアクションを決める

テンプレートで分割されているエリアそれぞれに、画像をタップした際のアクション(動作)を決めます。設定できるアクションは以下の通りです。

  • リンク:Webサイトのリンク(任意のURL)へ遷移します。
  • クーポン:LINEクーポンを表示できます。
  • テキスト:テキストメッセージを送付します。
  • ショップカード:LINEショップカードを表示します。
  • 選択しない:タップしても反応しない設定です。

例えば、飲食店や小売店ならクーポンやショップカード、予約用のリンクを設定するなど、売上や集客につながる情報がおすすめです。

リッチメニューの構成を決める

テンプレートとアクションが決まったら、リッチメニューの構成を考えます。

この時点では手書きやパワーポイントなどでまとめるだけで問題がありません。

4
リッチメニューの構成案

リッチメニューのおすすめ画像サイズ(解像度)は?

リッチメニューに設定できる画像サイズ(解像度)は、テンプレート大・小それぞれ以下の通りです。

解像度テンプレート大テンプレート小
高※おすすめW2,500px ✕ H1,686pxW2,500px ✕ H843px
W1,200px ✕ H810pxW1,200px ✕ H405px
W800px ✕ H540pxW800px ✕ H270px

おすすめのサイズは「大サイズ:横2500px × 縦1686px」「小サイズ:横2500px × 縦843px」です。

近年のスマートフォンは高解像度(Retinaディスプレイ等)が主流です。最大サイズで作成することにより、クリアに表示することができます。

リッチメニューで利用可能な画像ファイル形式

リッチメニューに利用できる画像には制限があります。以下のファイル形式、ファイルサイズとテンプレートに応じた解像度のものを作成していきます。

  • ファイル形式:JPG、JPEG、PNG
  • ファイルサイズ:10MB以下

リッチメニューの構成が決まったら、実際に画像を作成していきます。


LINE運用の教科書では、LINEマーケティングに注力すべき理由や顧客の反応率7倍を達成した施策の解説を行っています。LINE公式アカウントの運用効果を高めるためのメソッドをご覧ください。

リッチメニュー画像を作成する

リッチメニュー導入で多くの担当者がつまずくのが「画像の作成」です。状況に合わせて以下の3つの方法で作成できます。

画像を作成する方法は、以下の方法があります。

  • デザインツールで画像を作成する
  • LINE公式アカウントの編集機能で作成する
  • 社内外のデザイナーに画像作成を依頼する

それぞれ具体的な方法を説明します。

LINE公式アカウントの編集機能で作成する

LINE公式アカウントの管理画面内で簡単にリッチメニューを作成することもできます。ただし一からデザインを作成する必要があります。

次に紹介するデザインツールを使って、テンプレートを編集して作成する方法がおすすめです。

デザインツールで画像を自分で作成する

プロへの依頼が難しい、コストをかけずに自分で画像を作成する場合はリッチメニュー専用のデザインテンプレートが豊富な「LINE Creative Lab」や「Canva」「Figma」などのデザインツールを活用するのがおすすめです。

この記事では、LINE公式アカウントと連動している「LINE Creative Lab」を使った作成方法を紹介いたします。

LINE Creative Labは、LINEヤフー株式会社が提供する無料で使えるクリエイティブ作成ツールです。リッチメニュー専用のテンプレートが多数用意されており、デザインの専門知識がなくても、高品質なクリエイティブを作成できます。

image 3

まずはLINE公式アカウントの管理画面にログインします。ホーム>トークルーム管理>リッチメニューをクリックし、リッチメニューを作成を選択します。

c023f6d17e1d93acf886b723b9c3d687

画面が切り替わったら、テンプレート>「選択」をクリックします。

e91a9ba3227a17d2ada4f2183e1a99a8

構成案で決めたテンプレートを選択します。

086d62a78037f34a4ccab3df4c339241 1

テンプレートを選択したら、次は画像>設定をクリックします。

設定をクリックすると以下の画面が表示されますので「画像を編集して適用する」を選択します。

3fc1664a5c041ba0ccc26d600a8d10f0

編集画面下部の「LINE Creative Labを開く」をクリックします。(初回は登録が必要です。)

095a7c7a9e185659f35f56692cd9615c 1

LINE Creative Labにログインしたら、作成したいデザインのイメージに合っているテンプレートを探します。配置やテキスト、カラー、アイコンなどは簡単に修正ですので、先程決めたリッチメニューのテンプレート構成と全く同じでなくても問題ありません。

633f4a6722920c922ea33689a39e2016

例えば、気に入ったデザインがテンプレートの区分と異なる場合、不要な要素をクリックしてBackspaceキーなどで削除します。

c1eeeafb3556f51d86a58f84058e3de9

該当箇所を削除したら、テンプレートの形に合うように要素を伸ばします。

e4f0f90286e4e9a4260adbdce8d3e0fb

色を自社のブランドカラーに合わせたい場合は、以下のように色を変更することも可能です。

構成案と画像テンプレートの配置が異なる場合は、以下のように文字やアイコンを変更することも可能です。

61b0c5f065ce0aa75127007a305fa8ae
eac504d78ffebd7e31f405bdfe3c9ccf

画像作成が完了したら、画面右上より「Creative Labに送信」ボタンをクリックします。

b8a473c09f1486f0c29adf888fb56b27

ポップアップが表示されたら、「Creative Labに送信」ボタンをクリックします。ファイル形式やサイズを変更する場合は、有料プランに入る必要があります。

622af49720b973600bdd6f1e73957c5e

これで、リッチメニュー画像の作成が完了です。LINE公式アカウントに設定する方法はこの後ご紹介いたします。

LINE Creative Labの詳しい使い方は以下の記事で紹介しています。参考にしてみてくださいね。

関連記事 LINE Creative Labの使い方|無料で魅力的なリッチメニュー・リッチメッセージを作成する方法
LINE Creative Labの使い方|無料で魅力的なリッチメニュー・リッチメッセージを作成する方法

社内外のデザイナーに画像作成を依頼する場合

自社のブランドイメージにあったものを作りたい場合、社内外のデザイナーへ依頼するのがおすすめです。

依頼する際は、以下の情報をセットで共有すると出戻りが少なくスムーズです。

  • 構成案:パワポや紙面など
  • ファイル形式:JPG、JPEG、PNG
  • ファイルサイズ:10MB以下
  • 画像解像度:以下参照

なおアクションエリアごとの画像サイズは、LINE公式アカウント内にあるデザインガイドを参照ください。以下のように、テンプレートサイズ×解像度ごとのサンプルが用意されています。

14
参考:テンプレート大 解像度中(1200px × 810px)

その他の画像サイズは、リッチメニューの設定画面右上の「デザインガイド」をクリックしてダウンロードします。

15

LINE運用の教科書では、LINEマーケティングに注力すべき理由や顧客の反応率7倍を達成した施策の解説を行っています。LINE公式アカウントの運用効果を高めるためのメソッドをご覧ください。

リッチメニューの表示方法・設定

画像が用意できたら、LINE Official Account Manager(管理画面)で設定を行います。PC版の管理画面を例に解説しますが、スマホアプリ版でも基本的な流れは同じです。

基本設定(管理用情報の入力)

まずはユーザーには見えない管理用の情報を入力します。

16
  • タイトル:リッチメニューの管理用の名前を設定します。(例:2025年10月_通常メニュー)友だちには表示されませんのでわかりやすい名前をつけましょう。
  • 表示期間:リッチメニューが友だちに表示される期間を設定します。期限を決めずに常設したい場合は、終了日を「2030年」など遠い未来に設定しておきましょう。

コンテンツ設定(テンプレートと画像の登録)

作成した画像と同じ分割パターンのテンプレートを選び、その後、画像を選択します。

17 1

「画像をアップロードして適用する」を選択してください。

306b67dc0b4149e8684260c3455f57d0

LINE Creative Labでリッチメニューの画像を作成した場合は、以下の通りに「LINE Creative Lab」タブから設定。それ以外の方法で画像作成した場合は、「アップロード」タブよりアップロードしてください。

19183861a3445a3323746b4532e1c489

アクション設定(タップ時の動作)

A、B、C…といったエリアごとに、タップした時の動きを設定します。

  • リンク:Webサイトや予約ページのURLを入力します。
  • クーポン:LINE内で作成したクーポンを選択します。
  • ショップカード:ポイントカードを表示させます。
  • テキスト:タップ時に特定の文字を発言させます。
18
関連記事 リッチメニューのアクション設定とは?アクションラベルの使い方も徹底解説
リッチメニューのアクション設定とは?アクションラベルの使い方も徹底解説

メニューバー設定

続いてメニューバーを設定します。

  • メニューバーのテキスト:リッチメニューの表示・非表示をするために利用されます。表示されるテキストは最大14文字まで設定可能です。
  • メニューのデフォルト表示:トーク画面を開いたときに、リッチメニューをデフォルト表示するかを選択できます。基本的には、表示するのがおすすめです。
19

最後にリッチメニューが正しく表示されるかプレビューを確認します。問題なければ、保存を押して完了です。その後、自分のスマホでLINEを開き、正しく表示されているか、リンクが機能しているか必ずテストを行いましょう。

リッチメニューのデザイン作成の3つのコツ

リッチメニュー画像を「どんなデザインにするか」で成果は大きく変わります。ユーザーが思わずタップするデザインの共通点を紹介します。

スマホで見た時の文字サイズを意識する

リッチメニュー作成時に最も多い失敗が、「文字が小さすぎて読めない」ことです。 PCの大きな画面で作業していると気づきにくいですが、ユーザーの環境は「手のひらサイズのスマホ」です。

PC画面で見て「少し大きすぎるかな?」と感じるくらいが、スマホでは丁度よいサイズです。

色使いは「3色以内」に抑える

カラフルすぎるメニューは、どこが重要なのか分からず、ユーザーの認知負荷を高め離脱の原因となります。色は以下の比率で構成するのがポイントです。

  • ベースカラー(70%):ブランドカラーや白・薄いグレーなど。
  • メインカラー(25%):企業のテーマカラー。
  • アクセントカラー(5%):「予約」や「購入」ボタンにのみ使用する目立つ色(赤やオレンジなど)。

最も押してほしいボタンだけ色を変えることで、自然と視線を誘導できます。

アイコンとテキストは「セット」で使う

「アイコンだけ」や「英語だけ」の表記は避けましょう。例えば、家のマークだけ置いてあっても、それが「店舗情報」なのか「ホームへ戻る」なのか、ユーザーは一瞬考えなければなりません。

  • NG例: 🔍(アイコンのみ) / Search(英語のみ)
  • OK例: 🔍 物件検索 / 🔍 さがす

ストレスのない操作=高クリック率につながります。

LINE運用の教科書では、LINEマーケティングに注力すべき理由や顧客の反応率7倍を達成した施策の解説を行っています。LINE公式アカウントの運用効果を高めるためのメソッドをご覧ください。

リッチメニューが表示されない時のチェックリスト(FAQ)

設定したのに表示されない場合は、以下の3点を確認してください。

メニューのデフォルト表示がオフになっていないか?

設定画面下部の「メニューバー設定」で「表示する」が選ばれているか確認してください。ここが「表示しない」だと、ユーザーが「メニュー」という文字をタップするまで表示されません。

表示期間外になっていないか?

開始日時が未来になっていないか、終了日時を過ぎていないか確認しましょう。

個別のチャット設定が優先されていないか?

特定のユーザーに対して個別にリッチメニューを設定している場合(Messaging API利用時など)、そちらが優先されることがあります。

    リッチメニューに設定するべき情報とは?

    リッチメニューに設定するべき情報は、ユーザーがよく利用する機能やサービス、クーポンやキャンペーン情報など、ユーザーのニーズに基づいたものが望ましいです。

    自社の売上につながる情報

    LINE公式アカウントに登録してくれた友だちは、サービスを使ってくれる可能性のあるユーザーです。LINE公式アカウントを集客や売上につなげるためには、リッチメニューに以下の情報を設定するのがおすすめです。

    • 来店予約やお申し込み
    • クーポン、キャンペーン
    • ECサイトへの導線
    • 求人検索
    • 物件検索
    • お問い合わせ

    メッセージ配信やユーザーの環境変化によりニーズが高まったタイミングに、すぐアクションできるようにすることがポイントです。

    ユーザーが求める情報への導線

    リッチメニューのメリットは、欲しい情報を必要なときに日常的に使うLINEアプリからアクセスできる点にあります。

    例えば、以下のような情報を設定します。

    • ホームページ
    • 営業時間・アクセス方法
    • よくある質問(FAQ)
    • ショップカード
    • 特集記事

    リッチメニューから必要な情報を得られるようにすれば、利便性向上につながるだけでなく、カスタマーサポート部門における電話対応の負担を軽減することができます。

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

    リッチメニューの活用事例をご紹介いたします。

    【EC】ECサイトへの流入・購買率5割を実現した運用事例

    株式会社アクタス様はリッチメニューを「ECサイトへのブックマーク」として定着させ、LINE経由ユーザーの購買率約5割を達成した事例です。

    成功のポイントは「情報の鮮度」。毎週金曜の配信に合わせてクリエイティブを刷新し、ユーザーに常に目新しさを提供しています。また、キャンペーン時はクーポン導線を常設するなど、利便性を高めることで機会損失を防ぎ、売上最大化に成功しています。

    image 4
    顧客接点なき8割のライト層とLINEでつながる。ACTUSが描く、顧客体験向上を図るOMO戦略とコミュニケーション施策
    関連記事 顧客接点なき8割のライト層とLINEでつながる。ACTUSが描く、顧客体験向上を図るOMO戦略とコミュニケーション施策

    【インフラ業界】よくある質問に誘導しカスタマーサポートの負担を軽減

    電力会社などインフラ関係の企業の場合、カスタマーサポートの業務効率化にも活用できます。ユーザーからの問い合わせの多くは、よくある質問を見つけられなかったり、どこから手続きをしたらよいかわからないという内容です。リッチメニューにこれらを設置することで情報を見つけやすくなり、結果的にカスタマーサポートの負担を削減可能です。

    画像に alt 属性が指定されていません。ファイル名: chubu_electric.png

    【ホテル業界】リッチメッセージとリッチメニューを組み合わせ予約数アップ

    ホテル業界では、リッチメニューに予約ボタンを常設して、時間を問わず、いつでも予約を受付られるようにしています。

    また、ホテルの特集記事をメッセージ配信し、リッチメニューから興味のあるプランをすぐに予約できる導線を作ることで予約数アップを実現しています。

    line hilton

    以上、リッチメニューの活用方法をご紹介しました。

    LINE運用の教科書では、LINEマーケティングに注力すべき理由や顧客の反応率7倍を達成した施策の解説を行っています。LINE公式アカウントの運用効果を高めるためのメソッドをご覧ください。

    リッチメニューの出し分け・タブ切り替えするならMico Engage AI

    LINE公式アカウントの基本機能で設定できるリッチメニューの数は1種類です。

    ユーザーの属性に合わせて「リッチメニューを出し分け」たり、「タブ切り替え」することで成果を高められることはご存知でしょうか?

    例えば、弊社のMico Engage AIのようなLINEマーケティングツールを利用すれば、以下のような使い方ができます。

    • 「会員」「非会員」でリッチメニューの内容を出し分け
    • 店舗ごとにリッチメニューの内容を出し分け
    • 「通常メニュー」に加え「期間限定メニュー」タブへ切り替え

    また、Mico Engage AIは、戦略立案やリッチメニュー画像の作成など、LINE公式アカウント運用に欠かせない運用支援が得意です。累計5500アカウント以上の導入実績と業界最大規模のコンサルティングチームが貴社をサポートいたします。

    【無料お役立ち資料】LINE公式アカウントの​反応率・​来店率・成約率を​変える!​LINE運用の​教科書

    多くの​企業が​「LINEで​成果を​上げる​仕組みづくり」に​挑戦しています。
    本資料では、​累計1200アカウント以上の​支援実績を​持つ株式会社Micoが、​登録者が​増えない​・反応が​低いと​いった​課題を​乗り越える​ための​成功パターンを​​解説。​LINEを​“反応の​取れる​チャネル”に​変える​ヒントが​ここに​あります。​

    LINE運用の教科書

    \LINE運用の教科書を今すぐ入手/

    無料で​資料を​ダウンロードする​

    Mico Engage AIがわかる資料3点セット

    form-me

    Mico Engage AIのサービス紹介資料、LINE運用の教科書、新たなパーソナライズのマーケティング施策の3点セットをダウンロードいただけます。

    Micoブランドのプロダクト導入企業

    東京海上日動
    Pasona
    マイナビ
    三井ホーム
    セキスイハイム中四国
    WATAMI
    コジマ
    北欧、暮らしの道具展
    市進学院

    お気軽に
    お問い合わせください。

    導入に関するご相談、
    見積もりのご依頼、
    無料デモを受け付けています。

    資料ダウンロード
    機能・効果・事例がわかる資料を
    1分でダウンロードいただけます。
    資料ダウンロード
    導入のご相談
    専門スタッフがご不明点や
    お悩みに丁寧にお答えし、
    価格のお見積りも承ります。
    お問い合わせ