Gmail受信トレイで目を引く画像を表示させたい！アノテーションの使用方法と注意点

受信トレイでの画像表示には2つのパターンがあり、①Gmailが自動で選んで表示させる場合、②送る側が表示される画像を指定する場合があります。どちらもメールを視覚的に目立たせて開封率やクリック率の向上を狙うことができるものの、①は意図しない画像が表示されてしまうというデメリットがあります。そこでおすすめなのが②の方法で、これが「Gmailアノテーション」という機能です。Gmailのプロモーションタブに届いたメールに対し、一覧画面上（メールを開封される前の受信トレイ）で指定した画像、セール期間、割引コードなどの情報をリッチに表示させることができます。

この記事では、Gmailアノテーションの仕組みや実装方法、そして実装前に必ず知っておくべき注意点までをわかりやすく解説します。自社のメールマーケティングの効果をさらに高めたいとお考えのご担当者様は、ぜひ参考にしてください。

メール配信システム「WEBCAS e-mail」とは？知りたい方はこちら
WEBCASの製品ラインナップを見る

Gmailアノテーションとは、Gmailの「プロモーション」タブに届いたメールに対して、特別な画像、割引コード、有効期限などの情報をハイライト表示させるための機能です。埋もれがちなプロモーションメールを際立たせ、読者の興味を強く惹きつける有効な仕組みとして、今注目が集まっています。通常、受信トレイに並ぶメールは「送信者名」「件名」「プレテキスト（本文の冒頭／プリヘッダー）」のみがテキストで表示されますが、Gmailアノテーションを実装することで、メールを開封する前の段階から視覚的にリッチな情報をユーザーに届けることが可能になります。

なお、Gmailアノテーションは以下の条件を満たした際に表示されます。

Gmailアノテーションを活用する最大のメリットは、前述した通り、受信トレイの一覧画面において自社のメールを視覚的に目立たせることができる点です。通常のメールであれば文字だけの羅列になってしまうところを、アノテーションを実装すれば、キャンペーンのバナー画像や商品の写真、割引率を表すバッジ、クーポンの有効期限といった重要な情報を、メールを開封される前に読者の視界へ直接届けることができます。

日々大量のメルマガが届く中で、読者は「自分には無関係だ」と思うメールを読み飛ばしてしまいます。しかし、視覚的なインパクトを与えるアノテーションを活用すれば、スクロールする指を止めさせ、目に留まる確率を飛躍的に高めることが期待できます。結果として、キャンペーンの認知度向上やブランドイメージの視覚的な訴求に大きく貢献します。

メールマーケティングの成否を分ける重要な指標に「開封率」や「クリック率」、「コンバージョン（CV）率」があります。Gmailアノテーションの導入は、上手くいけばこれらの数値改善に直接的な好影響を与える強力な施策となり得ます。魅力的な画像や限定クーポンの情報が一覧画面に表示されることで、読者の「メールを開いて中身を詳しく見たい」というモチベーションを強く刺激できるためです。

従来のテキストだけの件名では、どれほど工夫を凝らしても、他のメールに埋もれてしまうリスクがありました。しかし、アノテーションによって「30%OFF」といった割引コードや「本日終了」といった有効期限が視覚的に提示されれば、読者の緊急性やお得感がダイレクトに喚起されます。これにより、単なるメルマガの配信から、より効果的な販促ツールへと進化させることができるのです。実際にアノテーションを導入した当社クライアント様の事例では、メールの訴求力が上がりメール経由でのCVRが向上したというデータもあり、投資対効果（ROI）を高めるための有効な手段と考えられています。

Gmailアノテーションを実装し、意図した通りに表示させるためには、いくつかの前提条件をクリアしておく必要があります。実装の前に、まずは自社の配信環境が次の条件を満たしているかを必ず確認しておきましょう。

第一に、送信者のDMARCポリシーがp=rejectまたはquarantineである必要があります。

>>DMARCについてはこちらのコラムで詳しく解説しています

第二に、送信するメールはHTML形式である必要があります。テキスト形式のメールにはそもそもアノテーションのコードを埋め込むことができません。

>>HTMLメールについてはこちらのコラムで詳しく解説しています

第三に、送るメールの内容がプロモーションタブに振り分けられる性質のメール（マーケティングメールやセールスメール）であることを確認しましょう。これらの技術的・運用的な前提条件をしっかりと整えることが、アノテーション成功の第一歩となります。

>>メールマーケティングの基本についてはこちらのコラムで詳しく解説しています

前提条件をクリアしたら、実際のコードをHTMLメールのソース内に記述していきます。Gmailアノテーションの実装には、主に「JSON-LD」と「Microdata」という2つの記述方法がありますが、Googleが公式に推奨しており、かつ実務においても容易なのが「JSON-LD」です。

Gmailアノテーションの記載は、HTMLのheadタグ内にスクリプトとしてまとめて記述する方式です。メールのレイアウトを構成するbodyタグ内のHTML構造に干渉しないため、既存のデザインやレイアウトを崩すリスクが非常に低く、安全に実装できるのが最大のメリットです。マーケターとエンジニアの間で安全かつスムーズに実装を進めるためにも、独立して記述できるJSON-LDを選択し、必要な画像URLや割引情報などのパラメータを正確に指定するようにしましょう。

以下はJSON-LDでのサンプルコードです。

コードの実装が完了しても、すぐに本番配信を行うのは避けましょう。記述したJSON-LDのコードが正しく動作し、想定通りのデザインで表示されるかどうかを事前にテストすることが大切です。テストの際には、Googleが公式に提供している検証ツールや、プレビュー確認用の機能が非常に役立ちます。

プレビューツールを使用することで、自社が設定した画像、割引バッジ、プロモコード、有効期限などが、スマートフォンの画面上でどのようにハイライト表示されるのかを視覚的にシミュレーションできます。もしコードに文法エラーや必須項目の抜け漏れがあれば、この段階で発見して修正することが可能です。

Gmailアノテーションを導入する際、必ず知っておくべき重要な注意点があります。それは、コードを正しく実装したからといって、すべてのアカウントですぐにアノテーションが表示されるわけではないということです。Googleはスパムメールを排除し、ユーザーに有益な情報のみをハイライトさせるため、送信者の「レピュテーション（信頼度）」を重視しています。

そのため、アノテーションが有効に機能するためには、ある程度の「配信規模」と「優良な送信実績」が必要です。具体的には、過去に一定数のメールを定期的にGmailユーザー宛に配信しており、それらが迷惑メールとして報告されることなく、適切な開封率やクリック率を維持しているドメインであることが求められます。そのため、仮に普段からプロモーションメールを配信している事業者がアノテーションを実装したとしても、そういった条件を満たしていなければ、必ず表示されるという保証はありません。

アノテーション実装後に表示されるようにするためにも、日頃から健全なメール運用を行い、読者との良好な関係を築いている送信者であることを心がけましょう。

もう一つの大きな注意点は、先述の要件を満たした優良な送信者であっても「100%確実に表示される保証はない」という事実です。Gmailのプロモーションタブにおけるトップピック（ハイライト表示）は、Gmail独自のアルゴリズムによって動的に決定されています。

このアルゴリズムは、受信者個人の過去のメール閲覧履歴、ブランドとのエンゲージメント（よく開封する送信者かどうか）、その日のメールの受信状況などを総合的に判断しています。つまり、同じキャンペーンメールを一斉送信しても、読者によって画像付きで大きくアノテーション表示されたり、通常のテキスト表示になったりすることがあります。あくまで「Googleがユーザーにとって価値があると判断したタイミングと相手」にのみ表示される仕組みであるため、表示回数などを完全にコントロールすることはできません。したがって、アノテーションだけに頼るのではなく、基本となる魅力的な件名・プリヘッダーの作成や、メール本文のコンテンツの質を高める取り組みを並行して行うことが重要です。

技術的なハードルやリソースの問題で、現時点では自社でGmailアノテーションを実装できないケースもあるでしょう。その場合、「プロモーションタブで画像が一切表示されなくなるのか？」というと、実はそうではありません。Gmailの仕様により、アノテーションを実装していなくても、HTMLメール内に含まれるメインの画像が自動的に抽出され、プロモーションタブの一覧に小さなサムネイル画像として表示されることがあります。

しかし、ここで注意しなければならないのが「画像の比率」です。Google側が自動で画像を抽出しリサイズして表示するため、思った通りのサイズや比率で表示されないというケースが起こります。Googleから仕様は公開されていないものの、当社で「どのような画像が使用されやすいか」を調査した結果は以下の通りです。

とはいえ上記はあくまで推測であり、ファーストビュー以外の画像などが意図せず表示されるケースもあります。Gmailアノテーションであれば、この“Gmailの自動画像表示”とは異なり一覧画面で表示される内容について明確な指定ができるというメリットがあります。メールマーケティングの効果向上を図るには、やはりDMARCポリシーの変更を経てGmailアノテーションを使用するのがよいでしょう。

本記事では、Gmailのプロモーションタブで自社のメールを際立たせる「Gmailアノテーション」の仕組みやメリット、そして具体的な実装方法について解説しました。
Gmailアノテーションを正しく実装し、魅力的な画像やクーポン情報を一覧画面でハイライト表示させることができれば、埋もれがちなメルマガの開封率やコンバージョン率を改善できる可能性があります。

しかしながら、実際にHTMLメールのソースコードを改修してJSON-LDを正しく実装したり、自社の配信システム環境で対応できるかを検証したりする作業には、専門的な知識が求められます。「自社での実装が不安」「リソースが足りない」「まずは現状のメルマガの課題から相談したい」といった場合は、ぜひお気軽に弊社までご相談ください。Gmailアノテーションのスムーズな導入はもちろん、貴社のメールマーケティングを成功に導くための最適なサポートをご提案いたします。

●こんなコラムも読まれています