リッチメニュー画像の作り方から設定方法まで徹底解説

この記事では、LINE公式アカウントのリッチメニュー画像の作成方法や設定方法を丁寧にお伝えします。この記事を読んで、リッチメニューの疑問を解消して下さい。

リッチメニューをうまく活用して、LINE公式アカウントを効果的に運用していきましょう！

リッチメニューとは？

LINE公式アカウントのリッチメニューとは、トーク画面の下部に固定表示されるメニュー画像です。

画面最下部に固定されるため、メッセージの配信に埋もらせず、見てもらうことが出来る

この画像をタップすると、クーポンの送付や、自社サイトへの遷移といったアクションが設定できます。

リッチメニューの大切さ

リッチメニューはLINE公式アカウントの言わば、「顔」です。画面の大きな部分を占める画像なので目立ちやすく、各種コンテンツへの誘導が期待できます。そのため、多くのLINE公式アカウントがリッチメニューを設定しています。

大事な機能なので、以下の点に注意して設計を行いましょう。

リッチメニューは期間によって切り替えることができます。反応率が芳しくない場合には、新しいデザインに変更してテストを行い、反応率が高いリッチメニューに改善していくことをおすすめします。

どのプランで利用出来るの？

LINE公式アカウントには複数の料金プランが用意されていますが、どのプランでもリッチメニューを利用することが出来ます。

リッチメニュー画像の作成の流れ【3ステップ】

リッチメニューは以下の流れで作成すると良いでしょう。

詳しく説明していきます。

1. リッチメニュー画像の構成（要件）を決める

リッチメニューでは、テンプレートとアクションが決まっています。まずは、どのテンプレート、どのアクションを使うのかを決め、リッチメニューの構成を考えましょう。

リッチメニュー画像の構成を、3つのポイントで解説していきます。

• テンプレートを選ぶ
• アクションを選ぶ
• リッチメニューの構成（要件）を決める

順番に見ていきましょう。

テンプレート選ぶ

テンプレートは「大」と「小」の2つの種類が用意されています。

• 大サイズ：7種類（分割なし〜6分割まで）
• 小サイズ：5種類（分割なし〜3分割まで）

テンプレートの種類

大サイズは、トーク画面の1/2弱を締めます。小サイズはその半分です。一般的には、大サイズが用いられています。特に理由がない場合は、大サイズのテンプレートを用いることをおすすめします。

サイズ「大・小」の比較

＼豊富なデザインテンプレが使える／
Liny資料ダウンロードはこちら

「タブ形式」や「複数枚」のリッチメニューを作る方法

linyの契約者専用リッチメニュー

昨今、タブ形式や、複数の画像をタップで切り替えることができるリッチメニューが増えてきました。このようなリッチメニューは、LINE公式アカウントだけでは作成することはできず、当社が提供するLinyのような、LINE公式アカウントの拡張ツールを利用することで、実現ができます。

詳細は、以下のページでご確認ください。

LINEリッチメニューを出し分け・タブ切り替えする方法

LINE公式アカウントだけでは、リッチメニューの出し分けやタブ切り替えはできません。 ですが、LINEのマーケティングツール「Liny」を使えば、一つのアカウントで「ユーザーに合わせてリッチメニューを ...

【補足】リッチメニューのサイズはいくつ？

リッチメニューに使用する画像のサイズは、テンプレート（大・小）と解像度により異なります。以下に、解像度別の3種類の代表的な画像サイズをご紹介します。

表示速度の観点から、解像度【中】のサイズで作成することもありますが、高画質な画像を用いる場合は【大】の利用がおすすめです。

アクションを選ぶ

テンプレートで分割されている区分ごとに、タップされた際の「アクション」を設定することができます。

アクションというのはユーザーがメニューをタップした場合の動作のことです。アクションには以下の種類があります。

リッチメニューの構成（要件）を決める

テンプレートとアクションの種類を把握したら、リッチメニューの要件をまとめて、構成を考えましょう。

リッチメニュー 画像の構成例

2. リッチメニューの画像を作る

2つ目のステップでは、リッチメニューの画像を作成していきます。以下の方法があります。

• LINE公式アカウントの機能を使って画像を作る
• デザインツールを使って画像を作る
• デザイナーに依頼する

それぞれの方法について説明していきます。

＼テンプレを選択してサクッと作成／
Liny紹介資料をダウンロード

LINE公式アカウントの機能を使って画像を作る

デザインに詳しくない方でも、LINE公式アカウントの機能を利用すれば、リッチメニューを簡単に作成する事ができます。

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

リッチメニューを選択

「テンプレートを選択」をクリックして下さい。

テンプレートを選択する

利用するテンプレートを選択します。

例：四分割のテンプレートを選択

画像の「設定」をクリックし、「エリアごとに画像を作成」を選択します。

画像の設定をクリック

エリアごとに画像を作成を選択

ここから、画像の作成が始まります。今回は四分割しているテンプレートを選んだため、4つ分の範囲を設定していくことになります。

左に、プレビュー画面が表示されています。色が濃くなっている箇所が、現在選択されている範囲です。右側のキャンバスで、画像を作成していきます。まずは、あらかじめ用意した画像を追加しましょう。右下の画像追加アイコンをクリックします。

画像をアップロードを選択する

追加する画像を選択して配置します。

テキストを入れる場合は、「T」のマークをクリックして、入力を行います。

テキスト追加

枠線も付けてみましょう。右から3つ目の「枠線を追加」マークをクリックして設定します。

枠線の太さと場所を選ぶ

1つ目の画像が完成しました。

左のプレビューから次のメニュー部分を選択し、他のメニュー部分の画像も同様に設定していきます。

次は、LINE公式アカウントがあらかじめ用意しているアイコンを追加してみましょう。右下のメニューから「アイコン追加」マークをクリックして、使いたいアイコンを選びます。アイコンを選択すると「アイコンの色の変更」「枠線」「塗りつぶし」メニューが出てきます。テキストも変更できます。

アイコンの追加

全ての画像が完成したら、画面右上の「適用」をクリックします。リッチメニューを画像ファイルとして保存したい場合は「ファイルに保存」をクリックします。

画像の設定が完了

これで、LINE公式アカウントの機能を利用した、画像の作成が完了です。

デザインツールを使って画像を作る

CanvaやLINE Creative Lab といったデザインツールを利用すると、テンプレートを選択して簡単にリッチメニューを作成することができます。

また、当社が提供するLINEのマーケティングツール「Liny」でも、管理画面内でデザインテンプレートを選択して、おしゃれで効果的なリッチメニューを簡単に作成することができます。

デザインテンプレート例

タブ形式の複数ページのリッチメニューの設定も容易です。詳しくは、以下の記事でご紹介しています。

参考：Linyにリッチメニューのデザインテンプレートが登場！タブ形式も簡単作成　

デザイナーに依頼する

社内にデザイナーがいる場合は、デザイナーに依頼をして効果的な画像を作ってもらうと良いでしょう。

デザイナーが社内にいない場合は、外部に依頼することも出来ます。例えば、ココナラやクラウドワークスなどの、クラウドソーシングサービスを利用して発注することで、比較的安価に作成できる場合もあります。

3. リッチメニューを設定する

最後はリッチメニューの設定です。設定項目は以下です。

• タイトル
• 表示期間
• メニューを最初から出しておくか／非表示にしておくか
• テンプレートの選択
• アクションの設定

これらの設定で注意が必要な点を説明していきます。

表示期間

表示期間の設定は必須となります。開始も終了も必要になるため、任意の期間を設定してください。

アクションの設定

先述しましたが、アクションの設定項目は以下です。

アクション設定については、以下のページで詳しく紹介していますので、不明点が出てきた場合はご確認ください。

参考：リッチメニューのアクション設定とは？アクションラベルも解説

リッチメニューにはどんな情報を掲載すればいい？

リッチメニューに掲載する内容は、以下の情報を組み合わせると良いでしょう。

売り上げにつなげるための情報

例えば以下の情報が挙げられます。

• キャンペーンや新サービスの案内
• クーポンへの誘導
• オンラインショップへの誘導
• 申し込みを促す
• 予約ボタン
• 問い合わせボタン

ユーザーが知りたい情報

例えば以下の情報が挙げられます。

• ホームページへのリンク
• ブログへのリンク
• ショップカードへの誘導
• 営業時間やアクセスの案内

応用：さらにリッチメニューを活用する場合

LINE公式アカウントのマーケティングツール「Liny」を併用すると、リッチメニュー内に以下のような情報を掲載することも可能です。

• アンケートへの誘導
• 診断ゲームの開始
• 会員登録フォームへの誘導
• 予約フォームへの誘導

Linyを使えば、より多くのアクションが設定できるようになります。

リッチメニューのデザインのポイント

ここからは、リッチメニューを作成する際のデザインのポイントをお伝えします。当社デザイナーのノウハウをもとに解説しますので、ぜひ参考にしてください。

それぞれ順番に解説します。

シンプルで使いやすいデザインにする

リッチメニューは直感的に操作できるシンプルなデザインが重要です。複雑すぎるデザインはユーザーを混乱させる原因になるため、情報を整理し、見やすく・分かりやすく作成することを心がけましょう。

ブランドイメージを統一する

企業のロゴやWebサイトと一貫性のあるカラーやフォントを使用することで、ユーザーに安心感を与えられます。特に自社サイトへ遷移させる場合、リッチメニューとの印象が大きく異なると不信感につながり、離脱の原因になるため注意が必要です。

情報の優先度を決める

情報の優先順位を視覚的に明確にすることで、ユーザーが重要な情報にすぐ気づけるデザインになります。特に「デザイン」と「レイアウト」によって、優先度を効果的にコントロールできます。

例えば、「申し込み」や「問い合わせ」など、ユーザーに特定の行動を促したい場合は、以下のポイントを意識しましょう。

リッチメニューのデザイン例・活用事例

ここからは、リッチメニューのデザイン例と活用事例をご紹介します。いずれも、Linyを活用した実際の事例です。

【カルビー】アンケート回答数に合わせて変化する参加型コンテンツ

カルビーのアカウントでは、アンケートの回答率を高めるための工夫が施されています。

ユーザーが楽しみながら参加できるように、「回答数に応じてリッチメニュー内のキャラクターや特典が変化する」仕組みを導入。ゲーム感覚の参加型コンテンツとなっています。

アンケートの回答数に合わせてリッチメニューや特典が変化する参加型コンテンツを実施

参考：カルビー、お客様との関係を育み、開封率1.8倍・回答数2.8倍

【留学サービス】タブ切り替えで必要な情報にスムーズにアクセス

留学サービス「スマ留」のアカウントでは、タブ形式のリッチメニューを採用しています。タブを切り替えることで、ユーザーが自分に必要な情報へスムーズにアクセスできる導線を設計しています。

「カウンセリング予約」「留学先診断」「資料請求」などのボタンを設置し、タップすると自動でフォームが送信される仕組みを構築。フォーム送信後は、資料やコンテンツが自動で提供されます。

タブ形式のリッチメニューを切り替えて、必要な情報にアクセスできる

参考：リアブロード、回答フォームとセグメント配信で密なコミュニケーションを実現

【食品卸売】フォーム入力を条件にリッチメニューを解放し回答率アップ

業務用食品の卸売を行う株式会社久世では、営業支援のDX施策としてLINE公式アカウントを活用しています。

友だち追加後、サービス利用には登録が必要となるため、登録率向上の工夫として「フォーム送信者のみリッチメニューを利用できる設計」を採用しています。

フォーム送信後は、自動でリッチメニューが切り替わる仕組みとなっており、スムーズな導線を実現しています。

フォーム送信後にリッチメニューが使えるようになる

参考：株式会社久世の導入事例ー営業支援のDX化で受注が15倍に！

リッチメニューをもっと自由に使いたい

LINE公式アカウントの機能では、リッチメニューは1つしか表示させることが出来ません。

しかし、リッチメニューは公式アカウントの「顔」となる部分。「もっと効果的にリッチメニューを活用できないか...」とお悩みの方もいらっしゃるのではないでしょうか？

Linyには、セグメントリッチメニューという機能があります。この機能は、タブ式のリッチメニューや、リッチメニューをユーザーの属性ごとに出し分けて表示させることができるものです。

例えば、以下のような使い方も可能です。

セグメントリッチメニュー機能は、Linyの中でも特にオススメの機能で、この機能を使うためにLinyをご利用になる方もいるほど。

「Linyのセグメントリッチメニューにご興味がある方」「自社で使うとしたらどのような活用方法が考えられるのかを相談したい方」は、お気軽にお問い合わせください。