メールのプリヘッダー(プレビューテキスト)チェック
件名とプリヘッダーを入力すると、Gmail、Apple Mail、Outlookでそれぞれどこで切れるかと、直すべき点が分かります。非表示のプリヘッダー用コードもコピーできます。無料、登録不要です。入力内容はブラウザの外に送信されません。
このチェックツールにはJavaScriptが必要です。ルールは下に記載しています。
プリヘッダーとは
プリヘッダー(プレビューテキスト)は、受信トレイで件名の後ろや下に表示される1行です。設定していない場合、受信トレイはメール内の最初のテキストを表示します。多くの場合、「ブラウザで表示」リンクやロゴのaltテキストです。
HTMLの一番上に、非表示のテキストとして置かれます。読み手が目にするのは受信トレイの中だけで、開いたメールには表示されません。
良いプリヘッダー
- 件名にない情報を足す(日付、詳細、理由)
- 要点を先頭に置き、最初の40文字で伝える
- 最後をフィラー文字で埋め、本文が入り込まないようにする
- 件名の繰り返しや「ブラウザで表示」になっている
サンプルで試す
どのサンプルも、選ぶと上のチェックツールに読み込まれます。
- サンプル
ウェビナー:Pardotスコアリングの実践
木曜14時(CET)、45分。見直してほしいスコアリングルールを1つお持ちください。
- メルマガ
10月のマーケティングチーム通信
Marketing Cloud Nextの3つの変更点と、最初に確認すべき設定1つ。
- 短すぎる
ガイドの準備ができました
これだけ短いと余白が残り、受信トレイはそこをメールの冒頭で埋めます。
- 件名の繰り返し
無料Pardotチェックリスト
読み手は同じ言葉を2回見るだけで、新しい情報は何も得られません。
- 「ブラウザで表示」リンクが先頭
プリヘッダー未設定
テンプレートがブラウザ表示リンクから始まる場合に、多くの受信トレイで表示される内容です。
メールテンプレートに追加する
手順は3つです。Account Engagement(旧Pardot)、Marketing Cloud Next、またはHTMLを編集できるメール作成ツールならどれでも行えます。
- 1
このツールで作成
最初の40文字だけで内容が伝わるまで、モックアップで確認します。
- 2
bodyタグの直後にコードを貼る
非表示のテキストは、ブラウザ表示リンクやロゴより前に置き、メール内で最初のテキストにする必要があります。
- 3
自分宛てにテスト送信
スマートフォンとノートPCの受信トレイで確認します。受信トレイのレイアウトは随時変わるため、今どう表示されるかは実際に送ってみないと分かりません。
受信トレイごとの表示位置
決まった文字数の上限はありません。表示される幅はレイアウトによって決まります。
| 受信トレイ | 表示位置 | 長さを決める要素 |
|---|---|---|
| Gmail(Web版) | 件名と同じ行、ダッシュの後 | ウィンドウ幅。件名が長いほど表示できる幅が減る |
| Gmailアプリ | 件名の下に1行 | 画面の幅 |
| iPhoneのApple Mail | 件名の下に最大2行(初期設定) | 画面の幅と、読み手のプレビュー設定 |
| 新しいOutlook | 件名の下に1行 | メッセージ一覧の幅 |
4つのプリヘッダーのミス
どのミスも、開封されるかどうかを左右する1行を無駄にしてしまいます。
- フィラーがない。短いプレビューテキストの後に、メール本文の冒頭が続けて表示されます(例:「今すぐダウンロード ブラウザで表示 Lea様」)。コードにフィラー文字を入れておけば、その部分は空白になります。
- プリヘッダーが見えてしまう。display:noneとmso-hide:allがないと、一部のメールソフトではメールの上部にこのテキストが表示されます。
- どのメールも同じテキスト。テンプレートで一度だけ設定したプレビューテキストは、毎回の配信で繰り返されます。件名と一緒に変えてください。
- デフォルト値のないパーソナライズ。一部の受信者で空になる差し込みフィールドがあると、プレビューに「 様、」のような表示が残ります。デフォルト値を設定してください。
プリヘッダーチェックのよくある質問
プレビューテキストとプリヘッダーについて、よく寄せられる質問に短くお答えします。
メールのプレビューテキストはどのくらいの長さにすべきですか?
伝えたいことは最初の40文字に入れてください。幅の狭いスマートフォンのレイアウトでは、それ以上はほとんど表示されません。チェックツールでは、受信トレイごとのモックアップでどこまで表示されるかが分かります。約140文字を超えた部分は、どの受信トレイでも表示されません。
プリヘッダーとプレビューテキストの違いは何ですか?
通常は違いはありません。どちらも、受信トレイで件名の横に表示される1行を指します。メール作成ツールによっては、メール上部に表示される1行もプリヘッダーと呼びます。
プレビューに「ブラウザで表示」と出るのはなぜですか?
HTMLの中で最初に出てくるテキストだからです。非表示のプレビューテキストを、bodyタグの直後、ブラウザ表示リンクより前の最初の要素として追加してください。
͏や‌という文字は何のためにあるのですか?
目に見えないフィラー(埋め草)です。短いプレビューテキストの後でプレビュー行の残りを埋めるため、受信トレイがメール本文からテキストを拾ってこなくなります。
プレビューテキストは到達率に影響しますか?
テキスト単体から測れる形での影響はありません。プレビューテキストが左右するのは開封されるかどうかで、開封などのエンゲージメントはメールサービス事業者が使うシグナルの1つです。
入力したテキストは保存・送信されますか?
いいえ。チェックはブラウザ内で実行され、入力した内容が私たちやほかの誰かに送信されることはありません。