← すべての記事メールデザイン

メールのCTAボタン:次の操作を明確に伝える

5分で読めます

メールのCTA(行動喚起)は、クリックした後に何が起こるかを読者に伝えます。「サイズを比べる」「詰め替えを選ぶ」は、メールの内容の続きを示すため、一般的な「詳しく見る」より役立つ場合があります。主な行動を一つ選び、タップしやすくし、リンク先でメールの約束どおりの内容を確認できるようにしましょう。

主な行動を一つ選ぶ

メールの内容を理解した読者に何をしてほしいか決めます。その行動を最も目立たせましょう。補助リンクは利用できるままでもかまいませんが、同じくらい目立つボタンが並ぶと、優先すべき行動を探す手間が増えます。

Sendvioではテンプレートに合わせてボタンのスタイルを一貫させます。十分なコントラストと押しやすい余白を確保し、近くのリンクとは間隔を空けてください。長い言語版でラベルが折り返しても、高さ固定の枠で切らずに読めるようにします。

メールが始めた文をボタンで仕上げる

メールでサイズを2種類説明するなら、ボタンは「サイズを比べる」とできます。互換性のある詰め替えを紹介するなら、「詰め替えを選ぶ」と続けられます。役立つ情報を約束するなら、「お手入れガイドを読む」で次の内容がわかります。行き先を決めてから、ラベルを逆算して考えましょう。

「もっと見る」と「カバーの3サイズを確認する」を比べます。リンク先で実際にサイズを比較できるなら、後者は具体的です。具体的でも長すぎたり、ページにない機能を約束したりするなら適切ではありません。役立つラベルとは、次の操作を正確に説明する最短の表現です。

意味のあるセクションごとに、一つの行動を優先します。商品比較では各選択肢へリンクが必要かもしれませんが、細かな情報すべてに大きなボタンを置く必要はありません。すべてのリンクを同じ強さで競わせず、視覚的な階層で選択を説明しましょう。

リンク先をラベルと正確に一致させる

「リネンコレクションを見る」というボタンを、関係のないホームページへリンクしないでください。リンク先の商品、バリエーション、言語、在庫、オファー条件を確認します。メールで割引が自動適用されると約束するなら、URLがそれを行うと思い込まず実際の挙動を確かめましょう。

クリック後に起こることをラベルで正確に伝えます。「選択肢を見る」と案内しておき、思いがけず購入や購読を確定させるのは避けてください。期待を明確にすると迷いが減り、クリックも意味のあるものになります。

タップされる部品としてボタン全体を確認する

見える形と実際にクリックできる範囲を一致させます。横幅が広いのにテキスト部分しか反応しないボタンは使いづらくなります。配信後のメールでラベルだけでなく端もタップし、指で正しい操作を選べるよう近くのリンクと間隔を空けましょう。

必要ならラベルを折り返すか、ボタンの高さを伸ばせるようにします。長い翻訳を固定高で切ったり、極端に小さな文字へ縮めたりしないでください。文字のコントラスト、メール環境が対応する場合はフォーカスの表示、画像が表示されない場合や色が変わった場合も行動が認識できるか確認します。

メール全体の中で行動をテストする

スマートフォンでメールをプレビューし、自分でボタンをタップしてみます。クリック範囲が押しやすく、ページが役立つ状態で開くか確認してください。画像が表示されない状態でも、画像と一緒に行動ボタンが消えないか調べましょう。

ラベルを比較する場合は、対象者とオファーを揃えます。クリックと一緒に注文や完了した操作を確認してください。刺激的な文言で訪問が増えても、リンク先で混乱を招くことがあります。必要なのは目標とつながらない数値の増加ではなく、次の操作を無理なく進められる改善です。

新しいラベルでクリックが増えても完了した操作が増えないなら、どんな期待を作ったか調べます。「無料ガイドを受け取る」で有料商品へ案内したり、「在庫を確認する」で取り置きができると思わせたりしてはいけません。誤解から発生したクリックと、自信を持って次の手順へ進めた顧客を同じ成果として扱わないようにします。

ラベル、リンク先、意図する行動、結果を短く記録します。ボタンのデザインを再利用しても、商品、特典、言語が変わったときはリンク先を再確認してください。信頼できるCTAは、メールでの約束と、タップ後に顧客が実際に完了できることをつなぎます。