Wie HTML-Mailings codieren?

Question

Ich bereite Masse E-Mail an Kunden zu senden, die in html + Bilder. Was sind die allgemeinen Regeln zu tun, es in den meisten populären Mail-Clients richtig machen angezeigt werden?

EDIT:

Nun, es ist für meine Kunden - über wenige k Kunden

.

Meine Frage ist - wie diese E-Mail codieren, dass sie richtig in Kundenmailclient (Thunderbird, Outlook, gmail) angezeigt werden. Welche CSS-Tags kann ich verwenden?

Answer 1

Diese beiden Referenzen sind die großen Plätze zu starten

• http://www.alistapart.com/articles/cssemail/
• http://www.campaignmonitor.com/css/

Offenbar mit HTML 3.0 kompatiblen Tags und Formatierung funktioniert am besten für alle E-Mail-Leser und Anbieter.

Ich fragte eine ähnliche Frage Was ist die beste Methode für E-Mail-Formatierung, wenn System.Net.Mail mit

Answer 2

Hier finden Sie aktuelle email-standards.org , sie haben eine ACID-Test , die sie auf beliebtestene Kunden , und Sie können eine Liste der verschiedenen CSS-Selektoren und hTML-Tags sie getestet und Screenshots der eigentlichen Ergebnisse , mit dem, was funktioniert und was tut.

Hope, das hilft!

Answer 3

Allgemeine Regeln für HTML-E-Mails:

• Kein Javascript ... ever!
• Verwenden Sie tabellenbasierten Layout (keine Floats)
• Keine <style> oder <link> für CSS - Einsatz das style="" Attribut nur

Dies sollte Ihre E-Mails suchen anständig halten in den meisten Mail-Clients, einschließlich der Web-basiert sind (hotmail, yahoo, gmail).

Answer 4

Sie können die Inline-Bilder aufnehmen, wenn Sie als Alternative wollen, dass sie irgendwo Hosting.

Die img src in Ihrem HTML ist cid: mime-Teilname

Und schließen Sie das Bild als Mime Teil.

Aber abgesehen davon, stellen Sie sicher, dass Sie halten Ihre HTML und CSS einfach - E-Mail-Programme sind schlechter Renderer als Browser -. Und testen Sie es in mehreren E-Mail-Programme und auf hotmail und gmail

Answer 5

Sie müssen die Tatsache berücksichtigen, dass einige E-Mail-Clients machen keine HTML. Der MIME-Standard unterstützt Multipart-E-Mails. Sie definieren unterschiedliche Grenzen für die verschiedenen Teile der Nachricht.

http://en.wikipedia.org/wiki/MIME

Answer 6

Wenn Sie Bilder verwenden müssen, halten sie sehr klein und halten sie in-line. Viele Mail-Clients verweigern Links zu externen Bildern zu machen, weil die Spammer sie benutzt, um zu verfolgen, die dumm genug war, ihre E-Mail zu lesen.

Answer 7

Einige davon sind sehr gut. Ich werde einfach zusammenfassen und ein paar andere Tipps hinzufügen.

• Verwenden Sie eine Tabelle basiert Layout
• No javascript
• Minimal CSS - viele Dinge nicht funktionieren
• sollte Jede CSS sein inline
• Keine Hintergrundbilder aller Art, machen wird nicht in Outlook 2007
• Link zu gehosteten Bildern. Inline-Bilder arbeiten können, aber wenn man nicht sehr vorsichtig Größenbeschränkungen auf Mail-Server ist, werden sie abprallen.
• Achten Sie darauf, Alt-Tags auf die Bilder zu verwenden, so etwas angezeigt wird, wenn Mail-Clients Bilder sperren
• umfasst eine Textversion der E-Mail-Clients, die für Bilder
blockieren
• Test in so viele Kunden wie möglich. Insbesondere Outlook 2007 und Gmail. Gmail neigt dazu, seltsame Dinge mit Textausrichtung zu tun

Answer 8

HTML-E-Mail-Typ. Ihre Bilder müssen im Internet gehostet irgendwo werden, und dann in der HTML als Links enthalten.

Sie erzeugen Ihren HTML-Code, und das ist der Nachrichtentext. Die Art der Mail-Nachricht HTML!

Jeder tut dies, gibt es eine Million Beispiele gibt.

Answer 9

Ich weiß, das ist nicht das, was Sie gefragt haben, aber haben Sie versucht, MailChimp ? Sie haben einen großen Dienst.

Answer 10

Ich würde auch eine dritte Partei wie MailChimp oder CampainMonitor, empfehlen sie mit viel Extramaterial beschäftigen wie Abonnements mangaging und Überprüfung für Prellen, und sie bieten Statistiken über die Eröffnung etc.

Answer 11

Vermeiden Sie Hintergrundbilder, wie Outlook 2007 werden sie nicht angezeigt. (Die 2007-Version von Outlook verwendet die HTML aus Word-Rendering-Engine ...)

Answer 12

Ich neige dazu, ein Tabellen-Layout zu verwenden, mit Tags für die Darstellung von Text in dem richtigen Gesicht und Farbe und in etwa die richtigen Größe zu ermöglichen, dann Stil verwenden = „“ es zu machen, richtig in E-Mail-Clients, die CSS unterstützen.

Nur nicht zu kompliziert mit CSS ...