Alles, was Sie über das Formatieren von E-Mails für mobile Geräte wissen müssen

Als E-Mail-Marketer wissen Sie, dass die Formatierung von E-Mails für mobile Geräte ein Muss ist. Schließlich checken Sie wahrscheinlich Ihre E-Mails auf Ihrem Smartphone.

Seit den 1970er Jahren schreiben die Menschen einander E-Mails, und das wird sich in absehbarer Zeit nicht ändern. Im Jahr 2019 nutzen mehr als 251 Millionen Menschen in den USA jeden Monat E-Mails. Das ist ein Tropfen auf den heißen Stein, wenn man bedenkt, dass mehr als 2,2 Milliarden Menschen nicht nur E-Mails nutzen, sondern auch ihren Posteingang über ihre Mobilgeräte überprüfen.

Wir kleben derzeit alle an unseren Smartphones, sodass das Ignorieren des mobilen E-Mail-Designs schnell der Vergangenheit angehört.

Lassen Sie uns darüber sprechen, warum wir Zeit und Mühe investieren sollten, um zu lernen, wie E-Mails mobilfreundlich und mobil ansprechend gestaltet werden können. Wir werden relativ problemlose und effektive Vorgehensweisen besprechen, die die Leistung Ihrer E-Mails auf Mobilgeräten immens verbessern können.

Warum ist das Formatieren von E-Mails für mobile Geräte wichtig?

Es ist nicht nur wichtig, sondern unerlässlich. Wenn digitale Vermarkter mobiles E-Mail-Design ignorieren, ist E-Mail-Marketing nicht so effektiv – und Vermarkter stellen möglicherweise fest, dass sie weniger gefragt sind. Huch. Warten wir nicht, bis das passiert.

Es stimmt zwar, dass Desktops und Laptops immer noch auf dem Markt sind, aber sie sind nicht so tragbar wie Smartphones. Tatsächlich werden etwa 54 % aller E-Mails zuerst auf einem mobilen Gerät geöffnet. Diese Quote ist so hoch, dass es bald die Norm sein könnte, E-Mail-Marketing-Vorlagen für Mobilgeräte zu entwerfen und sie für größere Bildschirme zu optimieren, anstatt umgekehrt.

Fazit: Wenn Ihnen die Durchführung erfolgreicher E-Mail-Kampagnen am Herzen liegt, sollten Sie prüfen, wie Sie E-Mails mobilfreundlich und mobil-responsive gestalten.

Unterscheiden sich „Mobile-Freundlichkeit“ und „Mobile-Responsiveness“?

Das mobilfreundliche E-Mail-Design sieht und funktioniert immer gleich, egal auf welcher Art von Maschine oder Gerät der Inhalt angezeigt wird. Zu den offensichtlichen Merkmalen des mobilfreundlichen Designs gehören ein einfaches Navigationsmenü, statische Inhalte und Bilder, die auf dem Handy aufgrund eines kompakten Bildschirms kleiner erscheinen.

Mobile-responsives E-Mail-Design geht in die andere Richtung. Bilder und Text werden in verschiedenen Größen und Abmessungen angezeigt. Einige Layoutänderungen zwischen Desktop und Mobilgerät können erheblich sein, z. B. der Wechsel von drei Spalten zu einer. Im Allgemeinen ist diese Funktion dynamisch.

Wenn Sie über Programmiererfahrung verfügen, möchten Sie möglicherweise einige responsive E-Mails von Grund auf neu erstellen. Erwägen Sie die Verwendung von Personalisierungspraktiken und Fallback-Informationen mit dynamischen Inhalten, wenn Sie daran interessiert sind, praxisnah mitzuarbeiten. Viele E-Mail-Marketing-Dienste und -Plattformen bieten jedoch bereits mobil-responsive E-Mail-Vorlagen an.

Welche einfachen Möglichkeiten gibt es, um E-Mails mobil-responsive oder mobil-freundlich zu gestalten?

Mobiles E-Mail-Design begann mit mobilfreundlichen Best Practices. Die meisten dieser bewährten Tipps wurden zur Grundlage unserer heutigen Standards für mobile Reaktionsfähigkeit.

Es ist wichtig zu beachten, dass sich das Internet und alles darin im Handumdrehen ändern kann. Vor 40 Jahren konnten wir die Langlebigkeit des E-Mail-Marketings nicht vorhersagen. Vor 20 Jahren hätten wir uns nicht auf die weltweite Übernahme des Smartphones vorbereiten können. Technologieverläufe werden selten mit irgendeiner Genauigkeit vorhergesagt. Soweit wir wissen, steht etwas Fortschrittlicheres als ein auf Mobilgeräte ansprechendes E-Mail-Design vor der Tür.

Vor diesem Hintergrund halten wir diese Best Practices für das mobile E-Mail-Design relativ einfach (aber hilfreich).

1. Verringern Sie die Zeichenanzahl der E-Mail-Betreffzeilen.

Ein Desktop-Posteingang kann mehr Zeichen anzeigen als ein Posteingang, der mit einem Android- oder iOS-Smartphone angezeigt wird. E-Mail-Vermarkter erstellen oft phänomenale E-Mail-Betreffzeilen akribisch, nur um festzustellen, dass sie sie beschneiden müssen, damit sie mit einer oder zwei ihrer segmentierten Listen besser funktioniert.

Wenn mehr Ihrer Abonnenten über ihre Smartphones mit Ihnen interagieren, kann es sich lohnen, Ihre Betreffzeilen auf weniger als 30 Zeichen zu beschränken.

2. Wählen Sie fette, saubere und einfache Schriftarten.

Die Wahl der Schriftart spielt eine große Rolle bei der Formatierung von E-Mails für mobile Geräte. Wählen Sie nichts aus, was kompliziert, heikel oder kompliziert aussieht – zumindest nicht für den Hauptteil der E-Mail. Wenn eine Schriftart auf einem Desktop dünn und schwer zu lesen aussieht, ist sie auf Ihrem Telefon wahrscheinlich nicht zu entziffern.
Auch die Schriftgröße ist ein Problem. Gehen Sie nicht zu klein und haben Sie keine Angst zu experimentieren und zu sehen, wie groß Ihre gewählten Schriftarten sein können. Glücklicherweise müssen Sie nicht raten, wie Ihre E-Mail aussehen wird. Verwenden Sie einfach die Vorschaufunktion des Posteingangs von Emma Email, um einen ersten Blick auf Ihr Format und Ihre Layout-Proportionen zu werfen.

Quelle: Kampagnenmonitor

3. Ziehen Sie die Verwendung von Pre-Header-Text in Betracht.

Wenn Sie aus einer traditionellen Praxis kommen oder schon lange E-Mail-Marketing betreiben, sind Sie möglicherweise nicht mit Pre-Header-Text vertraut. Oder Sie wissen davon und übersehen es aufgrund seiner begrenzten Einsatzmöglichkeiten (wenn Sie mit einem hauptsächlich Desktop-basierten Publikum arbeiten).

Bei der Formatierung von E-Mails für Mobilgeräte kann der Text vor dem Kopfzeilen lebensrettend sein. Hier ist der Grund: Als erste Textzeile in Ihrer E-Mail unterstützt sie Ihre Betreffzeile. Es kann die kleinere Anzahl von Betreffzeilen für mobile Geräte ausgleichen, da bis zu 100-stellige Zeilen direkt unter dem Betreff Ihrer ungeöffneten E-Mail erscheinen können.

4. Vermeiden Sie lange oder unübersichtliche E-Mail-Kopien.

Haben Sie schon einmal versucht, eine lange E-Mail nach der anderen auf Ihrem Smartphone zu lesen? Das ist Augenermüdung, die darauf wartet, zu passieren. Wenn Sie eines nicht möchten, dann ist es, dass Ihre Abonnenten es satt haben, Ihre Inhalte zu lesen.

Erstellen Sie prägnante und leicht zu scannende Inhaltsblöcke, indem Sie kurze Absätze, Listen und Aufzählungspunkte verwenden. Machen Sie es Ihren Lesern leicht, sich Ihre E-Mails anzusehen und sich mit Ihrer Marke zu beschäftigen.

Quelle: Wirklich gute E-Mails

5. Verwenden Sie nicht zu viele Text-Hyperlinks.

Es kann verlockend sein, Ihre E-Mail-Kampagnen mit Hyperlinks zu füllen, durch die Ihr Publikum klicken kann, aber es besteht die Gefahr, dass die Smartphone-nutzenden Abonnenten Ihrer E-Mail-Liste frustriert sind. So funktioniert das Formatieren von E-Mails für mobile Geräte nicht. Zu viele Hyperlinks können auch eine Optionslähmung auslösen und das Gegenteil von dem bewirken, was Sie als E-Mail-Marketer wünschen.

Wenn Sie mehr als einen oder zwei Hyperlinks platzieren, ziehen Sie die Verwendung von großen Text- oder sogar Bildschaltflächen in Betracht. Und versuchen Sie, nicht zwei Hyperlinks direkt nebeneinander zu platzieren.

6. Fügen Sie Bilder hinzu, aber verlassen Sie sich nicht darauf, dass sie für alle geladen werden.

Hier glänzen mobil-responsive E-Mail-Vorlagen. Schöne und hochauflösende Bilder können Ihrem Layout so viel hinzufügen. Sie können jedoch auch die Formatierung ruinieren oder die E-Mail umständlich aussehen lassen, wenn sie nicht richtig geladen werden. Denken Sie auch an die Größe der Bilddatei. Sie möchten keine E-Mail-Kampagnen versenden, die zu Spitzen bei der mobilen Datennutzung der Abonnenten führen.

Planen Sie auch ein Publikumserlebnis ohne Bilder ein. Einige Kunden möchten möglicherweise nicht, dass Bilder geladen werden, daher ist es am besten, bei dekorativen Bildern zu bleiben. Sie können auch mit Nachrichten beladene Bilder mit einer beschreibenden E-Mail-Kopie kombinieren, um dies für alle Fälle zu kompensieren.

Quelle: Kampagnenmonitor

7. Verwenden Sie E-Mail-Layouts mit einzelnen Spalten.

Wir haben dies behandelt, als wir den Unterschied zwischen mobilfreundlichen und mobil-responsiven E-Mail-Designs kennengelernt haben. Wenn Sie mehrspaltige Layouts lieben, speichern Sie sie für Desktop-Clients.

Segmentieren Sie Ihre Liste bei Bedarf, aber es ist einfacher, sich an eine Spalte zu halten. Erwähnenswert ist hier, dass im Durchschnitt etwa 60 Prozent der E-Mail-Marketing-Kampagnen die Abonnenten zuerst auf ihren Mobilgeräten erreichen. Die richtige responsive E-Mail-Vorlage kann jedoch theoretisch mehrspaltige E-Mails in optimierte einspaltige Versionen für Smartphones umwandeln.

8. Betonen Sie Call-to-Action-Links und -Schaltflächen.

Wann schauen Sie auf Ihr Telefon und was tun Sie sonst noch, wenn Sie Ihre E-Mails oder sozialen Medien checken? Die Chancen stehen gut, Sie sind Multitasking. Das ist wahrscheinlich auch das, was Ihre mobil nutzenden Abonnenten tun.

Verbesserte und hervorgehobene Call-to-Action-Elemente (CTA) helfen Ihnen, so schnell wie möglich auf den Punkt zu kommen. Sie lassen Ihre Abonnenten wissen, was Ihre E-Mail im Voraus ist.

Sie können Ihren CTA am Ende Ihres E-Mail-Textes platzieren. Bei der Formatierung für Mobilgeräte ist es jedoch oft besser, eine auffällige CTA-Schaltfläche oben in Ihre Nachricht zu platzieren. Wenn Sie es lieber nach Ihrem Text platzieren möchten, machen Sie Ihren CTA-Button zum Mittelpunkt Ihres E-Mail-Designs, indem Sie eine Kontrastfarbe oder eine ungewöhnliche Form verwenden.

Quelle: Wirklich gute E-Mails

9. Wissen Sie, wie Ihre E-Mail auf verschiedenen Smart-Geräten aussehen wird.

Dies ist vielleicht die wichtigste Vorgehensweise beim Formatieren von E-Mails für mobile Geräte. Sie können all Ihre harte Arbeit in wenigen Augenblicken löschen, wenn Sie dies überspringen. Wenn eine E-Mail Anzeigeprobleme aufweist, können Abonnenten es möglicherweise schwerer haben, ihr zu vertrauen und Ihre Nachricht zu löschen oder zu löschen.

Bevor Sie Ihre E-Mails senden, verwenden Sie einen kleinen Teststapel, um zu sehen, wie Ihre Arbeit auf den verschiedenen Geräten angezeigt wird, die Ihre Zielgruppen verwenden.

10. Geben Sie Text und Bildern Raum zum Atmen.

Hier ist einer der einfachsten Tricks im Buch: Lassen Sie Ihre Inhalte atmen. Wir haben oben verwandte Tipps behandelt – prägnantes Schreiben, fette Schriftarten, einspaltige Layouts usw. – aber die Kraft der Einfachheit muss wiederholt werden.

Wenn Sie nach unzähligen Änderungen und Korrekturen immer noch das Gefühl haben, dass Ihr mobiles E-Mail-Design klobig oder überladen ist, können Sie mehr Platz hinzufügen. So einfach ist das. Sie können die Ränder vergrößern und auch den Abstand zwischen Ihren Absätzen erhöhen.

Quelle: Kampagnenmonitor

Einpacken

Das Formatieren von E-Mails für mobile Geräte ist keine Zukunftsmusik. Es passiert gerade.

Mobile E-Mail-Designs haben sich von mobiler Freundlichkeit zu mobiler Reaktionsfähigkeit entwickelt, obwohl beide ausreichen.

Sie sind auf dem besten Weg zum E-Mail-Erfolg, wenn Sie die wichtigsten Punkte befolgen:

• Vereinfachen Sie Ihr Format, indem Sie weniger Zeichen und eine fette, saubere Schriftart verwenden

• Verwenden Sie Layouts mit einzelnen Spalten und ziehen Sie in Erwägung, einen Pre-Header-Text zu verwenden

• Halten Sie E-Mail-Kopien auf den Punkt und vermeiden Sie Flusen

• Beschränken Sie die Verwendung von Hyperlinks und fügen Sie Bilder hinzu

• Konzentrieren Sie sich auf Ihre Call-to-Action-Buttons und Links

Auch wenn Sie keine Programmiererfahrung haben, können Sie als erfahrener E-Mail-Marketer mit E-Mail-Marketing-Software leicht Anpassungen vornehmen und lernen, wie Sie E-Mails mobilfreundlich gestalten. Viele Best Practices für mobiles Responsive E-Mail erfordern nur geringfügige Anpassungen des traditionellen E-Mail-Marketing-Wissens.

Suchen Sie nach einer sorgenfreien Möglichkeit, eine auf Mobilgeräte ansprechende E-Mail-Kampagne zu planen, zu erstellen und durchzuführen? Sehen Sie sich die Sammlung von responsiven E-Mail-Vorlagen von Emma Email an, um loszulegen.