Heim  >  Artikel  >  Web-Frontend  >  Worauf sollten Sie beim Schreiben von EDM in HTML achten?

Worauf sollten Sie beim Schreiben von EDM in HTML achten?

零下一度
零下一度Original
2017-04-22 10:04:431458Durchsuche

Dieser Artikel stellt hauptsächlich eine Zusammenfassung der Dinge vor, die beim Schreiben von EDM in HTML zu beachten sind (im Allgemeinen können Freunde in Not darauf achten, was sie beachten müssen

Formatkodierung

1. Stellen Sie die Seitenbreite bitte auf 600 bis 800 Pixel und die Länge auf 1024 Pixel ein.

2. Bitte verwenden Sie utf-8 für die HTML-Kodierung.

3. Der HTML-Code sollte maximal 15 KB groß sein. (Jedes Postfach hat unterschiedliche Akzeptanzstandards. Wenn es 15 KB überschreitet, landet Ihre E-Mail wahrscheinlich im Papierkorb)

4. Bitte verwenden Sie eine Tabelle für das Layout. Platzieren Sie nur ein Bild im selben , beispielsweise . Alle Bilder müssen eine definierte Breite und Höhe haben. Derselbe Textabsatz wird im selben platziert.

5. Wenn die E-Mail in der Mitte angezeigt werden soll, setzen Sie bitte align="center" in der Tabelle.

6. Word-Dateien können nicht direkt in das HTML-Format konvertiert werden, da sonst die Kodierung unregelmäßig ist.

7. Verwenden Sie nicht den CSS-Stil externer Links, um Text und Bilder zu definieren (der CSS-Stil externer Links wird nicht in E-Mails gelesen, daher wird der Stil des E-Mail-Inhalts durch gesendete E-Mails beeinträchtigt). verloren gegangen ist), lautet die korrekte Schreibweise: Text.

8. Verwenden Sie kein Flash, Java, JavaScript, Frames, Iframe, ActiveX und DHTML. Wenn die Bilder auf der Seite dynamisch sein müssen, konvertieren Sie die Flash-Datei in eine GIF-Animation Es wird nicht normal angezeigt, da Outlook 2007 die GIF-Animation einschränkt.

9. Verwenden Sie keine anderen Tags wie Body, Meta und HTML als
. Einige E-Mail-Systeme filtern diese heraus.

10. Der Hintergrundbildcode ist wie folgt geschrieben:
, aber bitte beachten Sie, dass Outlook unterstützt keine Hintergrundbilder. Nicht erkannt.

11. Es gibt kein „onmouseover“ oder „onmouseout“. Auch wenn es in eingestellt ist, wird es nach dem Senden an die Mailbox gefiltert und der Inhalt angezeigt, nachdem die Maus eingestellt wurde kann nicht angezeigt werden.

12. Das Attribut „font-family“ darf nicht leer sein, da es sonst von QQ als Spam blockiert wird.

13. Wenn am Innenrand oder oben und unten in der E-Mail-Vorlage Leerzeichen vorhanden sind, verwenden Sie keine Auffüllung. Sie müssen das Standard-TD verwenden, um das Leerzeichen festzulegen. Andernfalls wird jedes Postfach anders analysiert .

14. Hinweise zur Definition der Zeilenhöhe im Yahoo-Postfach: Die Zeilenhöhe muss in Elementen auf Blockebene definiert werden. Wenn in td ein p-Tag vorhanden ist, muss auch die Zeilenhöhe in p definiert werden. Unabhängig davon, ob es sich um td oder p handelt, muss bei einem Hyperlink die Zeilenhöhe im a-Tag definiert werden. Wenn die Zeilenhöhe nur in td oder p definiert ist, kann Yahoo Mailbox die Zeilenhöhe in a nicht erkennen.

15. Legen Sie die Hintergrundfarbe dort fest, wo ein Hintergrundbild vorhanden ist, um zu verhindern, dass es schöner angezeigt wird, wenn das Hintergrundbild nicht angezeigt wird.

16 . Absolute Positionierung kann nicht verwendet werden. Verwenden Sie

text

, um schwebende Wörter zu löschen sollte auf 18 Wörter beschränkt sein und die Verwendung spezieller Symbole vermeiden. Es kann leicht zu verstümmelten Zeichen kommen.

2. Geben Sie im Betreff und Inhalt der E-Mail keine Informationen zur Website-Adresse an, wie zum Beispiel „xxx.com wünscht Ihnen ein frohes neues Jahr“. Wenn die Markenbekanntheit des Kunden relativ hoch ist, kann das Thema um den Namen des Unternehmens erweitert werden, beispielsweise: „NIKE Sports Fashion“.

3. Der Textinhalt und das Layout sollten möglichst prägnant sein und das Thema hervorheben, um eine höhere Klickrate zu erzielen.

4. Verwenden Sie keine sensiblen und werblichen Wörter wie die folgenden: kostenlos, Rabatt, Sonderangebot, Sonderpreis, niedriger Preis, billig, billig, Video, Geld verdienen, Haare gruppieren, ein Vermögen machen, reich werden , Agent, Gehalt, Dating, Bezahlung, Geschäftsmöglichkeiten, magische Waffen, Schatzbücher, Geheimnisse, Intelligenz, Geheimnisse, Geheimhaltung, strengste Geheimnisse, Mysterien, Geheimnisse usw. Bitte wandeln Sie bei Bedarf sensible Worte in Bilder um.

5. Wenn Sie mehr als 200.000 E-Mails versenden, muss der Themeninhalt geändert werden. Wenn Sie mehr als 2 Millionen E-Mails versenden, denken Sie über eine Neugestaltung nach.

6. Der Text sollte den Schriftstil so weit wie möglich definieren. Der Standardschriftstil jedes Postfachs ist unterschiedlich. Um den gewünschten Effekt zu erzielen, muss der Schriftstil vollständig definiert sein.

Bilder

1. Verwenden Sie so oft wie möglich Bilder, um zu vermeiden, dass Texte in verschiedenen Mainstream-Postfächern unterschiedlich angezeigt werden. Wenn dies beispielsweise im QQ-Postfach nicht im Code festgelegt ist, kann der Text in der E-Mail nicht automatisch umgebrochen werden, und die Schriftart des E-Mail-Inhalts im Google Mail-Postfach wird automatisch vergrößert, was nicht mit der ursprünglich festgelegten Zeichengröße übereinstimmt .

2. Die gesamte Bilderseite sollte auf 8 oder weniger begrenzt sein und jedes Bild sollte 15 KB nicht überschreiten.

3. Bitte schreiben Sie die Bildadresse nicht als lokalen Pfad, zum Beispiel: , (wenn Sie eine E-Mail auf diese Weise senden, wird die Der Empfänger kann Ihr Bild nicht sehen.

4. Der Bildname darf keine Werbezeichen enthalten, da das Bild sonst nach dem Hochladen als „gefilterte Werbung“ angezeigt wird.

5. Wenn die gesamte E-Mail-Vorlage nur ein Bild enthält, schneiden Sie es unbedingt in 2-3 kleine Bilder und behalten Sie den Text entsprechend bei.

6. Die Anforderungen für Gmail- und QQ-Postfächer haben sich erneut geändert. Die Attribute von Bildern müssen vollständig definiert sein, z. B. style="vertical-align:top;" muss hier definiert werden, sonst kommt es zu Lücken, Verformungen und anderen abnormalen Darstellungen zwischen den Bildern.

7. Fügen Sie dem img-Tag das Alt-Attribut hinzu, damit der Benutzer beim Empfang der E-Mail den Inhalt im Alt-Tag auch dann sehen kann, wenn in einigen Postfächern das Bild ausgeblendet ist. Beispiel: Display content der E-Mail und locken Sie Kunden dazu, auf das angezeigte Bild zu klicken.

Links

1. Die Anzahl der Links darf 10 nicht überschreiten. Wenn die Linkadressen aller Bilder gleich sind, fügen Sie bitte alle kleinen Bilder zu einem großen Bild zusammen.

2. Bitte geben Sie den Link als absolute Adresse an. (Um sicherzustellen, dass Empfänger Ihre Inhalte richtig sehen können, wenn sie auf den Link klicken).

3. Die Länge der Linkadresse darf 255 Zeichen nicht überschreiten, was zu Unauffindbarkeit oder Linkfehlern führen kann.

4. Verwenden Sie nicht die Kartenfunktion (Karte), um Bilder zu verknüpfen. Diese Funktion führt dazu, dass die E-Mail von den meisten Postfächern als Spam eingestuft wird.

5. Um zu verhindern, dass Benutzer die E-Mail-Bilder, die sie erhalten, nicht sehen können, erstellen Sie bitte eine Webseite mit demselben Inhalt wie die E-Mail und geben Sie dann oben in der E-Mail an: „Wenn Sie sie nicht sehen können.“ Klicken Sie hier, um den E-Mail-Inhalt anzuzeigen. , der auf eine Webseite mit demselben Inhalt verweist.

6. Das Risiko, dass Website-Adresslinks im Text als Spam angezeigt werden, ist extrem hoch. Für solche Links wird beispielsweise empfohlen, „XXX Company“ zu schreiben Fügen Sie den Link hinzu oder verwandeln Sie die URL in ein Bild und fügen Sie einen Link hinzu.

7. Es ist am besten, in Links keine speziellen Symbole zu verwenden, um Fehler beim Parsen von E-Mails zu vermeiden.

8. Der Linkcode sollte so kurz wie möglich sein. Wenn der Code zu lang ist, erhöht sich die Vorlagengröße, was sich auf den E-Mail-Versandeffekt auswirkt.

Outlook-Regeln

1. Das Tag kann nicht erkannt werden. Zum Beispiel.

2. Das Auffüllen von Inline-Elementen kann beispielsweise nicht erkannt werden: Ein Tag wird nicht erkannt. Er ist nicht 40 Pixel von links entfernt. Die Polsterung kann in td definiert werden.

3. Die vertikale Ausrichtung von Inline-Elementen kann beispielsweise nicht erkannt werden: das Gleiche wie Um die Zeilenelemente unten auszurichten, können Sie schreiben.

4. Wenn td eine Tabelle enthält, werden in den in der untergeordneten Tabelle definierten Beschriftungsstilen nur die in der untergeordneten Tabelle definierten Stile korrekt angezeigt, während die Stile in der übergeordneten Tabelle nicht korrekt angezeigt werden. Hinweis: Wenn die Tabelle ein a-Tag enthält, muss der Farbstil des Inhalts im a-Tag definiert werden. Die Definition im übergeordneten td oder in der Tabelle, in der es sich befindet, ist ungültig.

5. Wenn zwischen td und td eine Lücke besteht, verwenden Sie Zwischen td und td gibt es keine Lücke. Wenn Sie verwenden, sind keine Leerzeichen vorhanden. Wenn zwischen td eine Lücke besteht, müssen sie durch   getrennt werden. Wenn es sich jedoch um eine Tabelle handelt, enthält der Inhalt in

Leerzeilen oben und unten.

6. Die Breite des p-Tags wird beispielsweise nicht erkannt:

, der Inhalt im p-Tag wird nicht automatisch umbrochen 320px. Der Inhalt wird nur dann an der Breitenbegrenzung umbrochen, wenn für eine Breite festgelegt ist.

7. Wenn Sie das

-Tag verwenden möchten, müssen Sie die Zeilenhöhe zwischen der oberen und unteren Zeile des

-Tags berücksichtigen.

8. Die Einstellung des Randes in ist ungültig, unabhängig davon, ob es sich um Margin-Left, Margin-Right, Margin-Top oder Margin-Boottom handelt.

9. Wenn Sie oder festlegen, wird das Bild vom Dokumentfluss getrennt und der Rand oder die Polsterung ist aktiviert Es kann nicht nach unten, links oder rechts verschoben werden.

10. Wenn das verschachtelte Bild in Outlook zu lang ist, führt dies zu einer abnormalen Anzeige. Sie können das Bild in mehrere kürzere Bilder schneiden und es dann anordnen.

Versuchen Sie beim Versenden einer E-Mail-Vorlage außerdem, den Quellcode im Format einzufügen und zu senden. Wenn Sie ihn zu oft weiterleiten, geht möglicherweise der Stil verloren!

Das obige ist der detaillierte Inhalt vonWorauf sollten Sie beim Schreiben von EDM in HTML achten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn