Inhaltsverzeichnis
Diejenigen, die sich dem E-Mail-Marketing widmen, sollten wissen, wie man E-Mails in HTML erstellt.
Wir werden einige Empfehlungen für das Design, die Codierung und den Versand von E-Mails im HTML-Format und für das gute Aussehen Ihres Newsletters in den meisten E-Mail-Clients sehen.Das Versenden von E-Mails aus Newslettern ist eine gute Form der Kommunikation zwischen Redakteuren und Lesern, aber wenn wir dies auch im HTML-Format tun, können wir das Dokument mit visuellen Elementen anreichern, die die E-Mail attraktiver machen, direkten Zugriff auf andere Orte und wir Es ermöglicht uns, E-Mail-Öffnungen zu messen, die von Ihnen besuchten Links zu verfolgen und zu zählen, die Interessen des Lesers zu messen usw.
Durch das Versenden einer E-Mail im Klartext können wir nicht alle diese Funktionalitäten nutzen, sondern erhalten im Gegenteil andere Vorteile wie z der E-Mail in allen Kunden.
Das Codieren von HTML für E-Mails kann Ihnen viele Kopfschmerzen bereiten, da sowohl Desktop- als auch Web-basierte Mail-Clients keinem Webstandard entsprechen, HTML-Code und Stylesheets nicht gut interpretieren oder auf ihre eigene Weise interpretieren auf die empfangene E-Mail, so dass sich das Design der E-Mail, die der Empfänger erhält, stark vom Design des Redakteurs unterscheiden kann, der diese E-Mail gesendet hat.
HTML über CSSVersuchen Sie, möglichst HTML-Tags und ihre Eigenschaften anstelle von Stylesheets zu verwenden, da viele der CSS-Eigenschaften und -Selektoren von Web-Clients eingeschränkt werden.
Verwenden von Tabellen für das LayoutJa, wir kehren zu den Tischen zurück. Die Webstandards besagen, dass Tabellen nicht zum Layout einer Webseite verwendet werden sollten, aber dies ist keine Webseite, sondern eine E-Mail und es ist ratsam, sie stattdessen zu verwendenwenn wir möchten, dass unser Newsletter bei den meisten Mail-Lesern gut angezeigt wird. Und es ist so, dass E-Mail-Clients viele der Eigenschaften nicht unterstützen, die zum Entwerfen mit Abteilungen erforderlich sind.
Verwenden Sie Tabellen- und Zellenattribute, um die Tabelle anzuzeigen, anstatt CSS-Eigenschaften zu verwenden. Weisen Sie beispielsweise border = "0", valign = "top", align = "left" (oder center), cellpadding = "0", Cellspacing = "0" usw. zu. Dadurch sieht die Tabelle in alten E-Mail-Clients gut aus.
Verwenden Sie eine Tabelle als Container für alle Tabellen und internen Elemente (zB für Kopf-, Inhalts- und Fußzeile).
Versuchen Sie, nicht zu viele Tabellen zu verschachteln, und vermeiden Sie die Verwendung der Eigenschaft "colspan", da diese Eigenschaft von einigen Desktop-Clients nicht richtig verstanden wird.
Größe und Auflösung. Sicherlich sind Sie es gewohnt, Webseiten in 800 × 600 oder in ungefähr 1024 × 768 zu codieren, aber für die Gestaltung von E-Mails in HTML funktioniert es möglicherweise nicht sehr gut, da die meisten Clients die E-Mail in einer Art "Vorschaufenster" anzeigen, das ist normalerweise ein Teil des insgesamt verfügbaren Speicherplatzes.
Das Beste, was Sie tun können, ist, die Breite auf etwa 500-600px einzustellen oder eine Größe in Prozent anzugeben, so wie ich es normalerweise mache, damit sie sich an den verfügbaren Platz anpasst.
Verwenden von Cascading Style Sheets (CSS)Die Verwendung von Stylesheets in HTML-Dokumenten für E-Mail ist begrenzt und erlaubt je nach Client mehr oder weniger Eigenschaften. Idealerweise sollten Stile auf das Tag selbst angewendet werden (Inline-Stile), anstatt die Klassen innerhalb des Head-Tags zu deklarieren, wie Sie es auf einer Webseite tun würden …
Es wird beispielsweise empfohlen, zu verwenden
anstatt
.
Wenn wir Bilder verwenden, ist es besser, den vollständigen Pfad zu der Domäne zu verwenden, in der das Bild gehostet wird.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
