Empfehlungen für das Design von HTML-Email

June 2

Empfehlungen für das Design von HTML-Email

HyperText Markup Language (HTML) e-Mail ist eine effektive Möglichkeit, personalisierte Nachrichten, wie Newsletter, an die Empfänger zu senden. Wie Sie Ihre e-Mail schreiben, achten Sie darauf, dass Zuschauer alle Funktionen zugreifen können, die Sie einschließen. Wenn Bilddateien zu groß sind, kann beispielsweise e-Mail-Programm des Empfängers fixieren oder nicht die Nachricht überhaupt geladen. Verwenden Sie bewährten Methoden, um sicherzustellen, dass Ihr Hinweis gut zeigt.

Codierung des Layouts

Obwohl Tabellen nicht für die Erstellung von Webseiten, im Falle von HTML-e-Mails erwünscht sind, ist dies die beste Lösung. Der Grund ist, dass die meisten Cascading Style Sheets (CSS) Regeln--die traditionelle Art der Gestaltung einer Seite Layout--in einer e-Mail-Nachricht werden nicht richtig angezeigt. Einer HTML-Tabelle Zeilen und Spalten unterbringen stattdessen effektiv die Bedürfnissen Ihrer Präsentation.

Formatieren des Inhalts

Während keine CSS das Layout Ihrer HTML-Email erstellen, können Sie, was wurde bekannt als "Inline" CSS-Stile den Inhalt der Notiz formatieren. Die Inline-Regeln werden direkt in das HTML-Tag und grundlegende Funktionen einschließlich der Schriftart, Schriftgrad und Farbe steuern. Stellen Sie nicht CSS Code überall außer dem HTML-Tag, wie im Dokument "Kopf," weil die Stile in einer e-Mail-Nachricht nicht erzwungen werden.

Einschließlich Hyperlinks

Wie bei Webseiten, können Hyperlinks (Verknüpfungen) Ihre Empfänger auf den benannten Text klicken und auf das Ziel im Web, dem Sie ihnen zu zeigen. Der Hauptunterschied mit e-Mail ist, dass Sie immer eine "absolute" Webadresse verwenden müssen, die die vollständige URL, anstatt eine Verknüpfung ist. Z. B. zwar einen Eintrag wie ".. / index.html "arbeiten auf einer Webseite, Ihre HTML-Email erfordert die vollständige URL, um richtig zu arbeiten.

Einfügen von Bildern

Ein Bild erhöht effektiv eine HTML e-Mail, sofern sie ordnungsgemäß verwendet wird. Denken Sie daran, dass die Person in Ihr Adressfeld "Bis" möglicherweise nicht über ein e-Mail-Programm, das ihm ermöglicht, eine große Bilddatei anzuzeigen. Noch mehr betrachtet Ihre Empfänger Ihre Notiz auf einem kleineren Bildschirm weil sie es eine e-Mail-Nachricht, sondern in einem Browser-Fenster sucht. Um sicherzustellen, dass Ihre Grafik zugänglich ist, halten Sie Ihr Bild Abmessung zwischen 400 Pixel breit und 300 Pixel hoch und halten Sie die Gesamtgröße bis zu 50 Kilobytes (KB) oder weniger.

Bestimmte Features zu vermeiden

Unterlassen Sie, einschließlich der Features wie Flash und JavaScript, die in e-Mail-Programmen nicht unterstützt werden. Zusätzlich während Videos können mit HTML 5 hinzugefügt werden und in einigen e-Mail-Programmen unterstützt wird, dieses Medium ist von den meisten Programmen noch nicht allgemein anerkannt und Ihre Nachrichtengröße größer macht.

Vorbereitung auf die HTML-Email

Es ist am besten Kopie Ihrer fertigen e-Mail an sich selbst und eine andere Person, die ein anderes e-Mail-Programm hat, als Sie es tun. So überprüfen Sie, ob die Note sich wie gewünscht zeigt und Sie die Fähigkeit haben, unvorhergesehene Probleme zu identifizieren, bevor sie an den beabsichtigten Empfänger.