ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでedmを書くときに注意することは何ですか?

HTMLでedmを書くときに注意することは何ですか?

零下一度
リリース: 2017-04-22 10:04:43
オリジナル
1546 人が閲覧しました

この記事ではHTMLでEDMを書く際の注意点(一般的にメール送信時に注意すべきこと)をまとめて紹介していますので、必要な方は参考にしてください

フォーマットエンコーディング

1.幅600~800px以内、長さ1024px以内。

2. HTMLエンコードにはutf-8を使用してください。

3. HTMLコードは15KB以内にしてください。 (メールボックスごとに受信基準が異なります。15KBを超えるとゴミ箱に入る可能性があります)

4. レイアウトは表をご利用ください。同じ

には、画像を 1 つだけ配置する必要があります ( HTMLでedmを書くときに注意することは何ですか? など)。すべての画像には幅と高さが定義されている必要があります。テキストの同じ段落は同じ に配置されます。

5. メールを中央に表示する必要がある場合は、表内で align="center" を設定してください。

6. Word ファイルを HTML 形式に直接変換することはできません。そうしないと、エンコードが不規則になります。

7. テキストや画像の定義に外部リンクの CSS スタイルを使用しないでください (外部リンクの CSS スタイルはメールでは読み取られないため、送信されたメールはメールのコンテンツ スタイルを失います。 )、正しい書き方は次のとおりです:

text。

8. ページ上の画像を動的にする必要がある場合は、Flash、Java、JavaScript、フレーム、iframe、activeX、および DHTML を使用しないでください。ただし、Outlook2007 では、GIF が使用されます。 Outlook2007ではgifアニメーションが制限されているため、正常に表示されません。

9.

以外の body、meta、html などのタグは使用しないでください。一部の電子メール システムではこれらが除外されます。

10. 背景画像のコードは次のように記述されています:

ただし、Outlook は背景を認識しないことに注意してください。画像。

11. 「onmouseover」や「onmouseout」を

に設定してもメールボックスに送信された後にフィルタリングされ、マウスを設定した後に表示される内容は表示されません。

12. font-family 属性を空にすることはできません。空にしないと、QQ によってスパムとしてブロックされます。

13. 電子メール テンプレートの内側の端または上下に空白がある場合は、標準の td を使用して空白を設定する必要があります。そうしないと、各メールボックスが別々に解析されます。

14. yahooメールボックスでの行の高さの定義に関する注意: 行の高さはブロックレベルの要素で定義する必要があります。 td に p タグがある場合、p に line-height も定義する必要があります。 tdでもpでも、ハイパーリンクがある場合はaタグ内にline-heightを定義する必要があります。 line-height が td または p でのみ定義されている場合、yahoo メールボックスは a の行の高さを認識できません。

15. 背景画像がより美しく表示されるのを防ぐために、背景色を設定します。

Text

1. 文字化けを引き起こす可能性がある特殊な記号の使用は避けてください。

2. メールの件名や内容に「xxx.com 新年あけましておめでとうございます」などの Web サイトのアドレスを含む情報を含めないでください。顧客のブランド認知度が比較的高い場合は、「NIKE スポーツ ファッション」などのテーマに会社名を追加することもできます。

3. クリックスルー率を高めるために、テキストの内容とレイアウトはできるだけ簡潔にし、テーマを強調する必要があります。

4. 次のようなセンシティブな宣伝言葉を使用しないでください: 無料、割引、特別オファー、特別オファー、低価格、安い、安い、ビデオ、お金を稼ぐ、グループ送信、金持ちになる、金持ちになる、エージェント、給料、友達作り、支払い、ビジネスチャンス、魔法の武器、秘宝の書、秘密、諜報、秘密、極秘、極秘、謎、機密など。必要に応じて、デリケートな言葉を画像に変換してください。

5. 200,000 件を超えるメールを送信する場合は、テーマの内容を変更する必要があります。200 万件を超えるメールを送信する場合は、再設計を検討してください。

6. テキストは可能な限りフォント スタイルを定義する必要があります。希望する効果を実現するには、フォント スタイルを完全に定義する必要があります。

画像

1. さまざまな主流メールボックスでテキストが異なって表示されるのを避けるために、できるだけ画像を使用します。たとえば、QQ メールボックスでは、コードで設定されていない場合、メール内のテキストを自動的に折り返すことができず、Gmail メールボックスのメール内容のフォントが自動的に拡大され、元々設定されていた文字サイズと一致しません。 。

2. 全ページの画像の数は 8 枚以下に制限され、各画像は 15KB を超えてはなりません。

3. 画像アドレスをローカル パスとして記述しないでください。例: HTMLでedmを書くときに注意することは何ですか?あなたのイメージ)。

4. 画像名に広告文字を含めることはできません。そうでない場合、画像はアップロード後に「フィルターされた広告」として表示されます。

5. メール テンプレート全体に画像が 1 つしかない場合は、2 ~ 3 つの小さな画像に分割し、一部のテキストを適切に保持する必要があります。

6. Gmail および QQ メールボックスの要件が再び変更されました ( style="vertical-align:top;" ここで定義する必要があります。定義しないと、画像間に隙間、変形、その他の異常な表示が発生します。

7. alt 属性を img タグに追加します。これにより、ユーザーがメールを受信したときに、一部のメールボックスで画像が非表示になっている場合でも、alt のコンテンツが表示されます。例: HTMLでedmを書くときに注意することは何ですか?メールの内容を表示し、表示された画像をクリックして顧客を誘導します。

リンク

1. リンクの数は 10 を超えることはできません。すべての写真のリンク アドレスが同じ場合は、すべての小さな写真を 1 つの大きな写真に結合してください。

2. リンクは絶対アドレスとして記載してください。 (受信者がリンクをクリックしたときにコンテンツを適切に表示できるようにするため)。

3. リンク アドレスの長さは 255 文字を超えることはできません。これにより、追跡不能またはリンク エラーが発生する可能性があります。

4. マップ機能 (マップ) を使用して写真をリンクしないでください。この機能を使用すると、ほとんどのメールボックスでメールがスパムとして分類されます。

5. 受信したメール画像が閲覧できなくなることを防ぐため、メールと同じ内容のWebページを作成し、メールの冒頭に「メールが閲覧できない場合」と記載してください。コンテンツをご覧になりたい場合は、ここをクリックしてください」と表示されたら、同じコンテンツのリンク フレンズ Web ページにアクセスしてください。

6. テキスト内に表示される Web サイト アドレスのリンクはスパムとしてブロックされる可能性が非常に高くなります。たとえば、http://xxx.com のようなリンクについては、「XXX Company」というテキストを追加することをお勧めします。リンクを追加するか、URL を変更して画像にリンクを追加します。

7. 電子メールの解析エラーを避けるために、リンクに特殊な記号を使用しないことをお勧めします。

8. リンクコードはできるだけ短くする必要があります。コードが長すぎると、テンプレートのサイズが大きくなり、メール送信効果に影響します。

outlook ルール

1. 同じ幅の複数の td を定義したい場合は、特定の td に特定の幅を記述することができます。たとえば、

です。

2. インライン要素のパディングは認識されません。たとえば、 の場合、a タグ内のコンテンツは認識されません。左から40px離れてください。パディングはtdで定義できます。

3. インライン要素の垂直方向の配置は認識されません。たとえば、HTMLでedmを書くときに注意することは何ですか? の場合、この画像は下部に配置されません。同じ行の要素の配置は、

HTMLでedmを書くときに注意することは何ですか? と記述できます。

4. td にテーブルが含まれている場合、子テーブルで定義されたラベルのスタイルは子テーブルで定義されたスタイルのみを正しく表示し、親テーブルのスタイルは正しく表示されません。注: テーブルに a タグがある場合、a タグ内のコンテンツのカラー スタイルは、親 TD またはそれが配置されているテーブルで定義することは無効です。

5. tdとtdの間に隙間がある場合は、

のように書くと隙間がなくなります。 TDの間。 を使用する場合、スペースは入りません。 td の間にギャップがある場合は、   で区切る必要があります。ただし、テーブルの場合、
内のコンテンツの上下に空白行が含まれます。

6. p タグの幅は認識されません。たとえば、

の場合、p タグ内のコンテンツは 320px で自動的に折り返されません。 に幅が設定されている場合にのみ、コンテンツは幅制限で折り返されます。

7.

タグを使用する場合は、

タグ自体の上部行と下部行の間の行の高さを考慮する必要があります。

8.

でのマージンの設定は、margin-left、margin-right、margin-top、margin-bottom のいずれであっても無効です。

9. HTMLでedmを書くときに注意することは何ですか? または HTMLでedmを書くときに注意することは何ですか? を設定すると、親要素にマージンまたはパディングが設定されている場合、画像がドキュメント フローから外れます。 、下、左、または右に移動しても機能しません。

10. Outlook では、ネストされた画像が長すぎる場合、画像をいくつかの短い画像に切り分けてレイアウトできます。

また、メールテンプレートを送信するときは、ソースコードをその形式に貼り付けて送信するようにしてください。何度も転送すると、スタイルが失われる可能性があります。

以上がHTMLでedmを書くときに注意することは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート