メールプリヘッダーを追加すると、受信トレイの配置率が15%増加しました
メール配信はバカバカしい。 冗談じゃないよ。 この機能は 20 年以上前から存在していますが、依然として 50 を超える電子メール クライアントが同じコードを異なる方法で表示しています。 そして、何万ものインターネット サービス プロバイダーがいます (ISP) 全員が管理に関して独自のルールを持っています SPAM。 当社には電子メール サービス プロバイダーがあります (ESP)には、単一のサブスクライバーを追加するときに企業が従わなければならない厳しい規則があります…そして、それらの規則は実際にISPに伝達されることはありません.
私はアナロジーが大好きなので、これについて考えてみましょう。
- 印象的なスポーツカーを製造している Doug です。 私のメール.
- あなたは素晴らしいスポーツカーを購入したいクライアントのボブです– あなたは私のメールにサインアップします.
- 私はあなたに車を出荷しなければならないので、私が見つけることができる最高のキャリアを手に入れます– 私のメールプロバイダー.
- 私はあなたを受取人として追加しますが、私の荷送人は私を信じていません。 サインアップしたことを証明する必要があります– ダブルオプトイン.
- 運送業者は大丈夫と言って、素晴らしいスポーツカーを目的の倉庫に運びます– ESPで[送信]をクリックします.
- 倉庫はそれを受け取ったことに署名します – a ISPで受信したメッセージ.
これはそれが楽しくなるときです。
- あなたは倉庫に行きます– あなたの電子メールクライアント.
- 倉庫には素晴らしいスポーツカーの記録がありません– 受信トレイにはありません.
- あなたはいたるところを見て、最終的に誰も見ていない後ろにそれを見つけます– それはあなたのSPAMフォルダにあります.
- 私からの配達物を決して後ろに置かないように倉庫に伝えなければなりません – スパムではないとマークされた.
- 車はボロボロで、タイヤが XNUMX 本なく、始動しません。 メールクライアントがHTMLを読み取れません.
スポーツカー業界は私に何を教えていますか?
- 輸送中の損傷からはるかに保護された途方もなく高価なスポーツカーを作るには、5倍の時間がかかります– メールをテストする.
- サードパーティを雇って、すべてのクライアントにすばらしいスポーツカーを届けるベビーシッターと監視を行います。
これは狂気です。
受信トレイの配置を監視していただきありがとうございます。
受信トレイの配置率をどのように向上させたか
その好例として、私たちはいくつかの設計変更を行いました Martech Zone ニュースレター。 コードのクリーンアップに加えて、最新のポッドキャストを追加し、ニュースレターに関する段落を追加してメールを開きました。
悪いアイデア。 同じ購読者と同じメールに対するメール到達率は 15% 低下しました。 私たちにとって、これは膨大な数です。以前よりも 15,000 件多くの電子メールが SPAM フォルダーに流入する可能性があります。 したがって、それを修正する必要がありました。 問題は、すべての電子メールに静的テキストが含まれていることだったはずです。 ニュースレターには毎日または毎週の最新の投稿が含まれているため、電子メールの上部に投稿のタイトルをリストするテキストを追加できないか考えました。 その場合、各キャンペーンのメールの先頭に異なる段落が表示されます。
テキストを非表示にするために、CSS スタイル タグとインライン CSS を使用し、テキストを非表示にしないとんでもない電子メール クライアント用にテキスト サイズを 1px に設定しました。 結果? これで、電子メール クライアントのプレビュー ペインに表示される投稿の動的なリストと、以前の受信箱のレートで配信された電子メールが得られました。
こちらは受信箱の配送料のグラフです。 年初に大幅に下落しましたが、XNUMX日以降は反発しています。
そうです、そのばかげた変更により、受信トレイ率が 15% 向上しました! 考えてみてください。同じ電子メールで、数行のテキストが調整されているだけで、ユーザーが見ることさえできません。
電子メールの配信は愚かです。
隠しプリヘッダーをどのように作成しましたか?
メール内の動的コンテンツをどのように作成したかについて、何人かの方から質問を受けました。 まず、メールのヘッダーにあるスタイル タグ内に次の CSS 参照を追加しました。
.preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; }
次に、コンテンツの body タグの下の XNUMX 行目に、最初の XNUMX つの投稿タイトルを取得し、それらをカンマで連結して、次のスパン内に配置するコードを記述しました。
<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;"><?php echo $preheader; ?> in today's Martech Zone Weekly!</span>
結果は次のようになります。
<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">The Stupid Way I Increased Our Inbox Placement Rate by 15%, What Strategies, Tactics, and Channels Should Marketers Focus on in 2017, What is a Demand-Side Platform (DSP)? in today's Martech Weekly!</span>
フォントの色を白にするスタイルを追加したので、表示されても見えません。また、色を無視するクライアントの場合、小さすぎて見えないことを願って、1px です。
PS: 私は何年も前から言ってきましたが、ESP ではなく、ISP がサブスクリプションを管理する必要があります。 ニュースレターを登録できるはずです でログイン Gmail ユーザーにオプトインしてもらい、私のメールは常に受信トレイに送信されるようにします。 流石に難しいですよね? 確かに…しかし、それはこの災害を解決するでしょう. また、電子メール クライアントが最新の HTML および CSS 標準をサポートしていない場合、市場から追い出されるはずです。