受信トレイプレビュー

受信トレイの1行を作る三つの要素

受信トレイは行の一覧で、どの行もメッセージの同じ三つの要素から作られます。

差出人名

Fromヘッダーの表示名で、アドレスの前の部分です：From: Harbor Books <orders@harborbooks.example>。たいてい先頭か太字で表示され、知っている相手かどうかを判断する手がかりになります。

件名

Subjectヘッダーです。どのレイアウトでも1行で、収まらなくなると省略記号で切られます。

プレビューテキスト

これはヘッダーではありません。メールソフトがメッセージ本文の冒頭を読み、最初に見つけた言葉を表示します。マーケターが意図的にそこへ一文を置くとき、それをプリヘッダーと呼びます。

最初の二つは直接決められます。三つ目は、HTMLの最初のテキストを何にするかで間接的に決めるしかありません。

切れる位置を決めるのは文字数ではなく幅

件名は50文字以内に、と読んだことがあるかもしれません。それは目安にすぎません。文字数を数えるメールソフトはないからです。どのソフトも件名に一定の幅の枠を与え、はみ出した分を切ります。細い文字の並びは、大文字の並びより多く収まります。「illicit little fib」は「WWW MMM SUMMER」よりも画面上ではるかに短く、それでいて文字数はほぼ同じです。

このページも同じ仕組みで動きます。各見本は典型的な幅の実際のHTMLレイアウトで、そのソフトが指定するフォントを使い、ブラウザがソフトと同じようにテキストを切ります。その後スクリプトが、あなたの文字が何文字残ったかを計測します。数値は「おおよそ」として受け取ってください。読み手のフォントサイズが大きかったり、ウィンドウが狭かったり、端末にそのフォントがなかったりするからです。

プレビューテキストを設定し、埋める

プレビューテキストを選ぶには、その一文を本文の最初のテキストにし、開いたメッセージでは見えないようにします。このページが生成するブロックは、場所を取らず色も見えないdivでそれを行います。

落とし穴があります。一文が60文字で、ソフトに110文字分の余裕があると、ソフトは読み進めて次に来るものを付け足します。「ブラウザでこのメールを見る」、ロゴの代替テキスト、「ホーム | ショップ | お問い合わせ」などです。これを止めるには、一文のあとに、プレビュー内で場所を取るのに何も描画しない文字、つまりゼロ幅非接合子とノーブレークスペースを長く繰り返して続けます（‌ ）。ソフトはプレビュー領域をそれで埋めて止まります。

指摘の根拠

見本の下の一覧は、入力された内容を簡単に計測した結果です。

• 件名と差出人名の切れる位置：見本の描画から取り、最も短いスマホのレイアウトの結果を示します。
• プレビューテキスト：ない、件名の繰り返しになっている（書き出しが同じ、または80%以上が同じ単語）、あるいは領域より短く本文のテキストが後に続いてしまう。
• 形式：大文字が70%を超える、感嘆符が二つ以上、絵文字の数、返信でないメッセージの「Re:」や「Fwd:」。
• 迷惑メールにありがちな語句：英語の短いリスト（「free」「act now」「guaranteed」…）で、参考情報として表示します。

このどれも、メッセージがどこに届くかを決めはしません。メールボックスのプロバイダーが主に見るのは送信者、つまりドメインがSPF、DKIM、DMARCに通るか、受信者がそのドメインのメールを以前どう扱ったかです。その面はメール認証チェックで確認できます。言葉が効いてくるのは配信のあと、人がメッセージを開くかどうかを決めるときです。