Tipps zum Versenden von HTML-Newslettern
26. Januar 2016
newsletter html mail e-mail mail-client outlook thunderbird thebat
Was Sie beim Versand von gestalteten HTML E-Mail Newslettern beachten sollten.
Zur ansprechenden Gestaltung Ihrer in HTML gestalteten E-Mail Newsletter finden Sie nachfolgend eine Auswahl an nützlichen Tipps.
HTML Newsletter im Tabellenlayout
Allgemein gilt der Grundsatz, Newsletter über Tabellen (mit festen
Breiten) zu erstellen. Gerade der meist gebrauchte E-Mail Client Microsoft Outlook setzt ab Version 2007 zum Lesen von HTML E-Mails auf die Rendering-Engine von Word. Microsoft begründet das hauptsächlich damit, daß dies aus Sicherheitsgründen entsprechend umgestellt wurde. Dies reduziert allerdings den CSS-Support und bietet keine bzw. nur noch eine eingeschränkte Nutzung von z.B. floating, margin und padding.
Der Einsatz von Div-Containern sollte daher nach Möglichkeit minimiert werden, bzw. nur für innere Bereiche (Tabellenzellen) eingesetzt werden.
Notieren Sie Styles zudem inline, da CSS im Head Bereich meist
gelöscht wird.
Korrekte HTML-Syntax
Achten Sie beim Versand von HTML Newslettern auf korrekte HTML-Syntax!
Um Fehler weitestgehend ausschliessen zu können, sollte dem Benutzer die Erstellung des Newsletterinhaltes so gut wie möglich vorgegeben werden. Am besten realisieren Sie dies durch den Einsatz des Struktureditors. Dadurch ist gewährleistet, dass die von Ihnen vordefinierte HTML-Struktur beim Aufbau der Seite nicht beeinflusst werden kann (valides XHTML als Basis vorausgesetzt).
Zur Bearbeitung von Textfeldern bietet Weblication® CMS entsprechende Filter beim Einfügen von kopierten Texten aus anderen Anwendungen (Office-Dokumente, Webseiten, etc.). Auf diese Weise stellen Sie sicher, dass auch in WYSIWYG-Felder kein fehlerhafter HTML-Code eingeschleust werden kann.
Standardmässig sind in Weblication® CMS die Filtermöglichkeiten für Textelemente aktiviert. Prüfen Sie vor dem Versand eines Newsletters sicherheitshalber, ob die Einstellungen so gesetzt sind, dass eine Bearbeitung validen HTML-Quelltext erzeugt.
Sorgen Sie auch bei anderen Seitenelementen (Bilder, Links, Tabellen, etc.) dafür, dass die generierte Seite valides HTML erzeugt. Auch wenn Sie dem Benutzer nicht alle Verantwortung abnehmen können, sollten Sie mögliche Fehlerquellen so gering wie möglich halten.
Testlauf des Newsletter-Versandes
Versenden Sie einen Newsletter nicht ohne vorherigen Testlauf!
Weblication® CMS bietet Ihnen die Möglichkeit, den Versand eines Newsletters an einen Testempfänger zu richten. Zudem können Sie durch den Einsatz eines Newsletter-Verteilers (z.B. receivers_test.csv) mit eigenen E-Mail Adressen den Empfang der HTML E-Mail in diversen Mailprogrammen und Webmailer-Portalen vorab prüfen. Die unterschiedlichen E-Mail Clients (z.B. Outlook, Outlook Express, Mozilla Thunderbird, TheBat!, Lotus Notes, etc.) und Webmailer (GMX, Hotmail, Web.DE, etc.) stellen eine HTML E-Mail meist unterschiedlich dar.
In den weiterführenden Links gibt es hierzu interessante Artikel.
Ein Testlauf kann weiterhin dafür nützlich sein, um eventuellem Spamverdacht der generierten E-Mails vorzubeugen. Es empfiehlt sich zudem, die Newsletter E-Mails über entsprechende Tools oder Dienstleister auf Spammerkmale überprüfen zu lassen. Nutzen Sie hierfür unbedingt die original Umgebung und Newslettereinstellung der regulär an die Empfänger versendeten Newsletter!
Weitere Hinweise
Im Internet finden Sie über entsprechende Suchabfragen einiges an Informationen zum Thema E-Mail, Newsletter, HTML, etc.
Informieren
Sie sich vor Versand eines Newsletters genau und berücksichtigen Sie Ihre individuellen Umstände, Absichten und Ziele. In den
weiterführenden Links finden Sie eine Sammlung an Links, die Ihnen nützlich sein können. Als Beispiel sei hier kurz erwähnt,
dass z.B. Microsoft Outlook™ 2007 zur Anzeige von HTML E-Mails als
Rendering Engine Word 2007 nutzt. Word 2007 befindet sich wiederum
hinsichtlich CSS-Support auf dem Niveau des Internet Explorers 5, was
einige Fragen zu Problemen bei der Darstellung von Formularen,
Hintergrundbildern, Positionierung, Textumfluss, etc. unter CSS
beantwortet.
Grundsätzlich sollte darauf geachtet werden, welche Grösse die zu versendende Newsletter E-Mail hat bzw. welche Schlüsselwörter im Newsletter vorkommen. Aktuelle Spamfilter können schnell dafür sorgen, dass die Nachricht beim Empfänger überhaupt nicht ankommt oder direkt im Spam-Filter hängenbleibt.
- Wie sollte ein HTML-Newsletter möglichst aufgebaut sein, damit er in gängigen E-Mail-Clients gut dargestellt wird?
- Erstellen Sie HTML-Newsletter nach Möglichkeit im Tabellenlayout mit festen Breiten. Gerade Microsoft Outlook nutzt ab Version 2007 die Word-Rendering-Engine und bietet dadurch oft nur eingeschränkten CSS-Support (z. B. weniger Unterstützung für floating, margin und padding). Deshalb sollten Div-Container nach Möglichkeit minimiert und Styles möglichst inline notiert werden (CSS im Head-Bereich wird häufig gelöscht).
- Warum sollte man Div-Container in HTML-Newslettern eher vermeiden?
- Da viele E-Mail-Clients (z. B. Outlook) die Darstellung von HTML und CSS unterschiedlich umsetzen, kann der Einsatz von Div-Containern die Layoutdarstellung erschweren. Empfehlung ist daher, Div-Container möglichst zu minimieren und stattdessen Tabellenzellen/konforme Strukturen zu nutzen. Divs sollten höchstens für innere Bereiche innerhalb von Tabellenzellen verwendet werden.
- Sollte CSS im Head-Bereich für Newsletter verwendet werden?
- Eher nicht. Im Newsletter-Kontext werden Styles im Head-Bereich häufig gelöscht. Besser ist, Styles inline zu setzen, damit die Formatierung für den E-Mail-Client zuverlässiger erhalten bleibt.
- Worauf sollte man bei der korrekten HTML-Syntax achten?
- Achten Sie darauf, dass der Newsletter in korrekter HTML-Syntax erstellt wird. Ziel ist, Fehler weitestgehend auszuschließen. Zudem sollte sichergestellt werden, dass die generierte Seite für alle Seitenelemente (Bilder, Links, Tabellen usw.) valides HTML erzeugt.
- Wie kann man verhindern, dass beim Erstellen des Newsletterinhalts fehlerhaftes HTML in WYSIWYG-Felder gelangt?
- Nutzen Sie beim Einfügen von kopiertem Text aus anderen Anwendungen (z. B. Office-Dokumente, Webseiten) entsprechende Filter im Content-Management-System. So wird verhindert, dass fehlerhafter HTML-Code in WYSIWYG-Felder eingeschleust wird. Prüfen Sie zusätzlich, ob die Standard-Einstellungen auf die Erzeugung von validem HTML-Quelltext ausgerichtet sind.
- Warum ist ein Testlauf vor dem Versand eines HTML-Newsletters wichtig?
- Versenden Sie einen Newsletter nicht ohne vorherigen Testlauf. Ein Testlauf hilft, die Darstellung in verschiedenen Mailprogrammen und Webmailern vorab zu prüfen, da HTML-E-Mails je nach Client unterschiedlich gerendert werden (z. B. Outlook, Thunderbird, TheBat!, Lotus Notes sowie Webmailer wie GMX, Hotmail, Web.DE).
- Wie kann man einen Testlauf technisch vorbereiten?
- Richten Sie den Versand zunächst an einen Testempfänger. Zusätzlich können Sie mit einem Newsletter-Verteiler (z. B. receivers_test.csv) Ihre eigenen E-Mail-Adressen verwenden, um zu prüfen, wie die HTML-E-Mail in unterschiedlichen Umgebungen ankommt und dargestellt wird.
- Kann ein Testlauf auch dabei helfen, Spamverdacht zu vermeiden?
- Ja. Ein Testlauf kann nützlich sein, um eventuellen Spamverdacht der generierten E-Mails vorzubeugen. Darüber hinaus wird empfohlen, die Newsletter-E-Mails mit entsprechenden Tools oder Dienstleistern auf Spammerkmale prüfen zu lassen.
- Warum ist es wichtig, Spam-Checks in der originalen Umgebung und mit den echten Einstellungen durchzuführen?
- Weil Spammerkennung von Faktoren wie Inhalt und Konfiguration abhängen kann. Daher sollten die Tools/Dienstleister mit der originalen Umgebung und den Newslettereinstellungen arbeiten, die auch beim regulären Versand an Empfänger verwendet werden, damit die Ergebnisse realistisch sind.
- Welche allgemeinen Punkte sollte man vor dem Versand eines Newsletters beachten?
- Informieren Sie sich vorab gründlich und berücksichtigen Sie Ihre individuellen Umstände, Absichten und Ziele. Zusätzlich sollten Sie beachten, welche Größe die Newsletter-E-Mail hat und welche Schlüsselwörter im Newsletter vorkommen, da moderne Spamfilter die Nachricht andernfalls nicht zustellen oder direkt im Spam-Filter ablegen können.
- Wie kann Outlook 2007 die Darstellung von HTML-Newsletter beeinflussen?
- Outlook 2007 nutzt zur Anzeige von HTML-E-Mails die Word-Rendering-Engine. Diese basiert hinsichtlich CSS-Support auf dem Niveau von Internet Explorer 5 (Word 2007). Dadurch können je nach CSS-Einsatz Probleme bei der Darstellung auftreten, z. B. bei Formularen, Hintergrundbildern, Positionierung und Textumfluss.
- Woran kann es liegen, dass bestimmte Newsletterbestandteile unterschiedlich dargestellt werden (z. B. Formularen oder Hintergrundbildern)?
- Aufgrund unterschiedlicher Rendering-Logiken der E-Mail-Clients. Besonders wenn ein Client (z. B. Outlook über Word) nur eingeschränkten CSS-Support bietet, können je nach CSS-Eigenschaften Probleme entstehen, etwa bei Formularen, Hintergrundbildern, Positionierung oder Textumfluss.