Warum Ihre E-Mail in Gmail, Outlook oder auf dem Telefon anders aussieht

Die E-Mail, die Sie im Editor sehen, ist nicht genau das, was jeder Kontakt sieht. Jedes Postfach (Gmail, Outlook, Apple Mail, die Mail-App auf dem Telefon) entscheidet selbst, wie viel es von Ihrer E-Mail anzeigt und wie es sie darstellt, und nicht alle tun das gleich. Mit Ihrer E-Mail ist dann alles in Ordnung, und das meiste davon lässt sich in Leat nicht abschalten. Sie können Ihre E-Mail aber so gestalten, dass es keine Rolle spielt.

Das sind die Unterschiede, auf die Händler am häufigsten stoßen, und was Sie jeweils dagegen tun können.

Gmail schneidet lange E-Mails ab

Gmail kürzt eine E-Mail, sobald der Code dahinter zu groß wird, bei etwa 100 KB, und beendet sie mit einem Link wie „Gesamte Nachricht anzeigen“. Alles nach dieser Stelle ist noch da, und ein Kontakt, der auf den Link klickt, sieht den Rest. Andere Postfächer tun das nicht. Dieselbe E-Mail kann also in Outlook vollständig und in Gmail abgeschnitten aussehen.

Entscheidend ist der Code hinter der E-Mail, nicht die Fotos. Bilder werden separat geladen, ein Foto zu entfernen hilft also kaum. Was eine E-Mail schwer macht:

• viele Abschnitte, Spalten und Blöcke
• viel einzeln formatierter Text: verschiedene Schriftarten, Größen und Farben in einem Block
• viele Leerzeilen und Abstandhalter
• viele Links und Schaltflächen

Eine Test-E-Mail ist etwas leichter als die echte. Wenn Sie die Kampagne versenden, wird jeder Link umgeschrieben, damit Klicks gezählt werden können, und dadurch wird jeder Link länger. Ein Test, der gerade noch passt, kann beim echten Versand trotzdem abgeschnitten werden.

So spielt es keine Rolle:

• Stellen Sie Ihre wichtigste Botschaft und Ihre wichtigste Schaltfläche nach oben.
• Setzen Sie den Tag Webansicht ebenfalls nach oben, damit ein Kontakt, dessen Postfach die E-Mail kürzt, sie vollständig im Browser öffnen kann. Siehe Ihre ganze E-Mail im Browser ansehen mit der Webansicht.
• Behandelt eine E-Mail mehrere Themen, überlegen Sie, daraus 2 E-Mails zu machen.
• Wenn Sie eine E-Mail kürzen möchten, fassen Sie zuerst aufeinanderfolgende Textblöcke zusammen und entfernen Sie Leerzeilen und Abstandhalter, bevor Sie Bilder entfernen.

Bilder werden nicht immer geladen

Manche Postfächer, vor allem Outlook und viele geschäftliche Postfächer, laden Bilder erst, wenn der Leser es erlaubt. Bis dahin sieht der Kontakt eine leere Fläche oder den Alternativtext des Bildes.

• Füllen Sie bei jedem Bild den Alternativtext mit dem aus, was das Bild sagt: „Eröffnungsangebot: gratis Tasche zu Ihrem ersten Einkauf“, nicht „poster.png“.
• Stellen Sie Informationen, die ein Kontakt braucht, nie nur in ein Bild. Öffnungszeiten, das Angebot, die Adresse und Termine gehören in einen Textblock, auch wenn sie schon auf dem Poster stehen.
• Ein Design, das aus einem einzigen großen Bild besteht, ist am anfälligsten. Sind Bilder blockiert, ist es leer.

Der Dunkelmodus verändert Ihre Farben

Viele Kontakte lesen E-Mails im Dunkelmodus, und die meisten Mail-Apps färben Ihre E-Mail dann um. Manche lassen sie, wie sie ist, andere machen helle Hintergründe dunkel und dunklen Text hell, und wie weit sie dabei gehen, ist je nach App und Telefon verschieden. Im Editor lässt sich das nicht abschalten.

• Ein Logo mit dunkler Schrift auf transparentem Hintergrund kann auf dunklem Hintergrund verschwinden. Verwenden Sie eine Version mit eigenem hellem Hintergrund oder ein Logo, das auf beiden funktioniert.
• Text auf farbigem Hintergrund bleibt öfter lesbar als sehr hellgrauer Text auf Weiß.
• Senden Sie sich einen Test und öffnen Sie ihn auf Ihrem Telefon mit eingeschaltetem Dunkelmodus.

Outlook unter Windows

Die Outlook-Desktop-App unter Windows unterstützt weniger als jedes andere Postfach.

• Hintergrundbilder eines Abschnitts werden nicht angezeigt. Outlook zeigt stattdessen die Hintergrundfarbe des Abschnitts, wählen Sie also immer eine Farbe, auf der Ihr Text lesbar ist.
• Markenschriften und Webfonts werden nicht geladen, und Outlook zeigt eine Standardschrift. Ihre E-Mail bleibt gut lesbar, nur nicht in Ihrer eigenen Schrift.
• Manche Versionen zeigen nur das erste Bild eines GIFs. Achten Sie darauf, dass dieses erste Bild auch für sich allein funktioniert.

Schriftarten

Gmail und Outlook laden keine Webfonts und auch nicht Ihre eigenen Markenschriften. Das zeigt die Schriftauswahl im Editor: Schriftarten unter Funktioniert in jedem Posteingang sehen überall gleich aus, bei Schriftarten unter Markenschriften und Webfonts steht „Wird in Gmail oder Outlook nicht geladen“.

Kann ein Postfach eine Schriftart nicht laden, zeigt es eine Standardschrift. Dadurch können Zeilen anders umbrechen, und eine Überschrift kann länger oder kürzer ausfallen als im Editor. Nutzen die meisten Ihrer Kontakte Gmail, wählen Sie für Text, der richtig aussehen muss, eine Schriftart unter Funktioniert in jedem Posteingang. Lassen Sie in jedem Fall in Überschriften und Schaltflächen etwas Platz, statt Text genau auf die Breite abzustimmen.

Video

E-Mails können keine Videos abspielen. Ein Block Video zeigt ein Bild, das das Video öffnet, wenn ein Kontakt darauf klickt. Bei einem Link zu YouTube oder Vimeo stammt dieses Bild aus dem Video selbst. Bei jedem anderen Link sehen Kontakte einen einfachen Platzhalter. Verwenden Sie in diesem Fall einen Block Bild mit einem eigenen Standbild und verlinken Sie es mit dem Video.

Telefone

Die meisten Kontakte lesen E-Mails auf dem Telefon. Dort werden die Spalten eines Abschnitts untereinander gesetzt (es sei denn, Sie schalten Spalten auf Mobilgeräten untereinander anordnen für diesen Abschnitt aus), und die E-Mail wird deutlich länger zum Scrollen.

• Prüfen Sie im Editor die Mobile Vorschau und nicht nur die Desktop-Vorschau.
• Mit Auf Mobilgeräten ausblenden und Auf dem Desktop ausblenden zeigen Sie einen Block oder Abschnitt auf dem einen Bildschirm und auf dem anderen nicht. Einige Postfächer ignorieren diese Einstellungen und zeigen beides, verlassen Sie sich also nicht darauf bei etwas, das doppelt falsch aussehen würde.

Die Zeile neben dem Betreff

Postfächer zeigen eine kurze Textzeile neben oder unter dem Betreff. Diese legen Sie selbst fest unter Einstellungen → Allgemein → Vorschautext. Lassen Sie das Feld leer, nimmt das Postfach den ersten Text, den es in Ihrer E-Mail findet, und das ist oft nicht das, was Sie selbst wählen würden.

Vor dem Versand prüfen

Keine Vorschau zeigt genau, was jedes Postfach tun wird. Prüfen Sie deshalb an mehr als einer Stelle:

• Öffnen Sie die E-Mail in der Webansicht, um das ganze Design von oben bis unten zu sehen.
• Senden Sie sich einen Test und öffnen Sie ihn in dem Postfach, das Ihre Kontakte am häufigsten nutzen, auf dem Telefon und auf dem Computer. Prüfen Sie wenn möglich eine Gmail- und eine Outlook-Adresse.
• Eine Test-E-Mail aus dem Editor bekommt „[TEST]“ vor den Betreff und gibt den Voucher oder die Geschenkkarte aus der E-Mail nicht aus. Wenn Sie alles genau so sehen möchten wie ein Kontakt, senden Sie die Kampagne an eine kleine Liste, auf der nur Sie stehen. Siehe So senden Sie eine richtige Testkampagne.