23 Profi-Tipps zur Optimierung von E-Mails f¨¹r Mobilger?te

Von der Beantwortung einer E-Mail im Aufzug bis zur ?berpr¨¹fung der E-Mail ?Ihre Bestellung ist unterwegs¡° w?hrend eines Meetings, die eine E-Mail h?tte sein k?nnen, verwenden wir alle st?ndig E-Mails auf unseren Mobilger?ten.

Tats?chlich werden heute 42 % der E-Mails auf einem mobilen Ger?t ge?ffnet; Daher ist es f¨¹r E-Commerce-Marken ein Muss, Marketingkampagnen durchf¨¹hren zu k?nnen, die effektiv funktionieren und auf Mobilger?ten richtig angezeigt werden.

Hier ist, was unsere Essence of Email-Experten sagen, wie Sie Ihre E-Mails optimieren k?nnen, um das beste mobile Erlebnis zu schaffen.

1. Kennen Sie Ihr Publikum. Welche Ger?te und E-Mail-Clients verwenden Ihre Abonnenten?

W?hrend Sie in einer perfekten Welt Ihre E-Mails so optimieren w¨¹rden, dass sie auf allen Ger?ten und E-Mail-Clients einwandfrei aussehen, ist dies in Wirklichkeit ziemlich schwierig zu erreichen. Eine kluge Sache ist es, herauszufinden, welche Ger?te und Clients die Mehrheit Ihrer Abonnenten verwendet, und ihnen zuerst das bestm?gliche Erlebnis zu bieten.

Sie k?nnen diese Daten innerhalb Ihres E-Mail-Dienstanbieters (ESP) und verschiedener Analysesoftware ¨¹berpr¨¹fen.

Hier ist die ?bersicht f¨¹r Klaviyo-Benutzer:

Um Google Analytics zu verwenden, um zu ¨¹berwachen, welche Ger?te Ihre Kunden zum Lesen von E-Mails und zum Interagieren mit Ihrer Website verwenden, richten Sie UTM-Tracking f¨¹r alle Links in Ihren E-Mails ein. Sie k?nnen die Ergebnisse in Ihrem Google Analytics-Konto im Bericht ?Zielgruppen/Mobilger?te/Ger?te¡° ¨¹berpr¨¹fen, indem Sie die sekund?re Dimension auf ?Quelle/Medium¡° setzen.

Betreffzeile und Vorkopf

2. Verwenden Sie kurze Betreffzeilen

Halten Sie Betreffzeilen unter 40 Zeichen. Der Platz, den mobile Ger?te f¨¹r die Anzeige von Betreffzeilen bieten, ist ziemlich begrenzt, halten Sie sie also kurz oder verwenden Sie die ersten 40 Zeichen, um den wichtigsten Satz Ihrer Betreffzeile zu erw?hnen, um die Chancen zu maximieren, dass Leser ihn sehen.

3. Emojis zu Betreffzeilen hinzuf¨¹gen, um das Engagement zu erh?hen?

W?hrend die meisten Kunden von Essence of Email st?ndig eine h?here Leistung f¨¹r Betreffzeilen sehen, die ein Emoji enthalten, ist es auch wichtig, die Stimme und den Stil der Marke im Auge zu behalten. Empf?nger, die an Marken mit seri?sen, auf den Punkt gebrachten Texten gew?hnt sind, zeigen m?glicherweise nicht so viel Interesse an Betreffzeilen mit Emojis. F¨¹r Marken mit einer verspielteren Stimme sind Emojis jedoch eine gro?artige M?glichkeit, die Neugier der Empf?nger zu wecken und h?here ?ffnungsraten zu inspirieren.

Denken Sie daran, dass nicht alle Emojis auf allen E-Mail-Clients und Ger?ten richtig dargestellt werden. Erfahren Sie, wie Sie testen k?nnen, ob Ihr Emoji richtig angezeigt wird.

4. Schreiben Sie aussagekr?ftige Preheader, um die ?ffnungsraten zu erh?hen

Das Einf¨¹gen ¨¹berzeugender Preheader ist eine gro?artige M?glichkeit, Ihre E-Mail-?ffnungsraten zu steigern. Auch als ?Johnson Box¡° bekannt, skizzieren Preheader normalerweise den Betreff Ihrer E-Mail und regen die Empf?nger zum Weiterlesen an. Bevor Ihre Empf?nger Ihre E-Mail also ¨¹berhaupt ge?ffnet haben, haben sie die M?glichkeit, eine Vorschau des Inhalts anzuzeigen.

Maximieren Sie die Aussagekraft Ihrer Preheader, indem Sie starke Verben verwenden, die Ihren Lesern helfen, sich genau vorzustellen, was Sie zu beschreiben versuchen ¨C und vergessen Sie nicht, die Hauptaussage Ihrer E-Mail anzugeben.

Hier sind ein paar Beispiele f¨¹r eine gute Kombination aus Betreffzeile und Preheader:

Betreffzeile: Gesundheit zu Ihrer Priorit?t Nr. 1 machen?Preheader: So sch¨¹tzen Sie sich und Ihre KundenBetreffzeile: Genie?en Sie dieses traumhafte Angebot mit 10?% Rabatt!Preheader: Schlie?en Sie Ihren Einkauf f¨¹r einen wohlverdienten Schlaf ab

Kopieren f¨¹r E-Mails

5. Fokussieren Sie Ihre Texte auf den Kundennutzen

Seien wir ehrlich ¨C die Kunden wollen wissen, was sie davon haben. Anstatt sich also auf die Merkmale eines Produkts oder einer Dienstleistung zu konzentrieren, betonen Sie die Vorteile, die Ihre Leser durch deren Nutzung haben werden.

Denken Sie an das Problem, das Ihr potenzieller Kunde zu l?sen versucht, oder was er erreichen m?chte. Bieten Sie ihnen dann eine wertvolle L?sung an, der sie nicht widerstehen k?nnen!

Hier ist ein Beispiel einer Browsing-Abbruch-E-Mail mit kundenorientiertem Text:

6. Lesen Sie Ihr Exemplar laut vor

Das laute Lesen zwingt Sie dazu, langsamer zu werden und das Geschriebene zu verarbeiten.

Grammatikfehler und ?hnliche Probleme, die beim stillen Lesen ¨¹bersehen k?nnen, werden beim Sprechen viel deutlicher. Es ist auch eine gro?artige M?glichkeit, den Fluss Ihres Textes zu ¨¹berpr¨¹fen ¨C wenn es beim lauten Lesen seltsam klingt, klingt es wahrscheinlich auch beim leisen Lesen seltsam.

7. Betrachten Sie die Kopf- und Fu?zeilenavigation

W?hrend es f¨¹r Desktop-orientierte E-Mails eine gute Praxis ist, eine Header-Navigation zu enthalten, die das Logo und wichtige Website-Links enth?lt, empfehlen wir in mobil ausgerichteten E-Mails, diese Header-Navigation zu entfernen, um zu verhindern, dass wichtige Inhalte nach unten verschoben werden.

Stattdessen empfehlen wir, die Header-Navigationslinks in die Fu?zeile zu legen und sie ¨¹bereinander zu stapeln.

Text aufbrechen

8. Verwenden Sie Zeilenumbr¨¹che, um gro?e Textbl?cke aufzuteilen

Es ist entscheidend, Ihren Text in ein paar kleinere Abs?tze aufzuteilen.

Mobile Benutzer haben eine wirklich kurze Aufmerksamkeitsspanne; sie lesen E-Mails unterwegs, daher ist es wichtig, es ihnen so einfach wie m?glich zu machen, Ihrer Kopie zu folgen und sie zu lesen. Niemand wird eine ganze Seite Text auf seinem Mobilger?t lesen.

Diese Unterbrechungen im Inhalt schaffen mehr Leerraum in der E-Mail und erm?glichen es, den Blick des Lesers auf jeden Abschnitt zu lenken, anstatt eine imposante Textwand zu sehen und ¨¹berw?ltigt zu werden.

Hier ist ein Beispiel f¨¹r dieselbe E-Mail, wobei die Kopie im Beispiel rechts aufgeschl¨¹sselt ist:

Ein- oder mehrspaltige E-Mails

9. Verwenden Sie einspaltige E-Mail-Vorlagen

Auf dem Bildschirm eines Mobilger?ts erscheinen mehrere Inhaltsspalten normalerweise verdichtet, was die Navigation verwirrend macht. Eine einzelne Spalte macht Ihre E-Mail ger?te¨¹bergreifend kompatibel und unkompliziert, selbst wenn sie von verschiedenen E-Mail-Clients angezeigt wird. Einzelne Spalten k?nnen auch Ihr Design vereinfachen und wichtige Inhalte hervorheben.

Bilder/GIFs/VIDEO- F¨¹r E-Mails

10. Stellen Sie sicher, dass Ihre Bilder vollst?ndig optimiert sind

Die Verwendung von Bildern in E-Mails ist heutzutage ziemlich ¨¹blich, aber es ist wirklich wichtig, der E-Mail kein unn?tiges Gewicht hinzuzuf¨¹gen, das die Ladezeit verlangsamt.

Stellen Sie sicher, dass Ihre Bilder optimiert sind, um eine schnelle Ladezeit f¨¹r Abonnenten zu gew?hrleisten, wenn sie Ihre E-Mails unterwegs auf dem Handy lesen. Viele mobile Benutzer verwenden immer noch 3G oder langsamere Verbindungen, daher ist die Geschwindigkeit, mit der Bilder geladen werden, von entscheidender Bedeutung.

Die allgemeine Empfehlung lautet, Bilder auf maximal 1 MB zu belassen; Unsere Erfahrung zeigt jedoch, dass es am besten ist, es bei etwa der H?lfte mit maximal 500 KB zu halten. Laufende Tests bei WebPageTest zeigen, dass das Halten der Gr??e unter 500 KB eine Punktzahl von / f¨¹r die Bildkomprimierung erzielt, selbst auf alten Telefonen und langsamen 3G-Verbindungen.

11. Bringen Sie mit GIFs Bewegung in Ihre E-Mails

Das Hinzuf¨¹gen von Bewegung zu Ihren E-Mails wird die Aufmerksamkeit der Abonnenten auf sich ziehen und Ihnen helfen, sich von der Masse abzuheben. Da Videos von den meisten mobilen E-Mail-Clients nicht unterst¨¹tzt werden, sind GIFs der richtige Weg.

GIF-Dateien k?nnen je nach Anzahl der verwendeten Frames sehr gro? werden. Hier sind ein paar Tipps, um die Dateigr??e eines GIFs zu reduzieren:

• Verwenden Sie schnellere ?berg?nge (Schnitte) anstelle von Fade-In- und Fade-Out-Effekten, da sie weniger Frames erfordern, um glatt auszusehen, und weniger Frames eine kleinere Dateigr??e bedeuten.
• Wenn Sie ein GIF f¨¹r das Web speichern, verwenden Sie die ?adaptive¡° Farbreduktion. Dieser Algorithmus tastet Farben ab, die im Bild am st?rksten erscheinen, und bietet ein ausgewogenes Verh?ltnis zwischen Dateigr??e und Farbtreue.
• Lassen Sie die Transparenz eingeschaltet, auch wenn Sie sie nicht verwenden, da diese Einstellung erm?glicht, dass Pixel, die ihre Position oder Farbe nicht ge?ndert haben, gleich bleiben; infolgedessen werden keine doppelten Daten erstellt.

Sie k?nnen die GIF-Qualit?t verbessern, indem Sie doppelte Frames l?schen, Komprimierung hinzuf¨¹gen und vieles mehr mit Tools wie diesem.

12. Verwenden Sie Thumbnails f¨¹r Videos

Nur 10 % der E-Mail-Clients erlauben das Abspielen von Videos in einer E-Mail. Best Practices erfordern daher, dass Sie einen Link zu Ihrem Video hinzuf¨¹gen, indem Sie ein Video-Thumbnail mit einer pr?sentablen Wiedergabeschaltfl?che einf¨¹gen.

Bildgr??e und Alt-Text

13. F¨¹gen Sie Bildern relevanten und beschreibenden Alt-Text hinzu

Die Bilder in Ihrer E-Mail werden aus verschiedenen Gr¨¹nden m?glicherweise nicht angezeigt. Jeder E-Mail-Client hat seine eigenen Einstellungen zum Anzeigen oder Blockieren von Bildern, und der einfachste Weg, mit der Bildblockierung umzugehen, besteht darin, Ihren Bildern ?Alt-Text¡° hinzuzuf¨¹gen.

Alternativtext ist der Text, der angezeigt wird, wenn der Benutzer das Bild nicht sehen kann. Je relevanter und beschreibender der Text ist, desto mehr wird der Benutzer gezwungen sein, die Bilder anzuzeigen.

Wenn Sie Ihren Bildern keinen Alt-Text hinzuf¨¹gen, sieht der Benutzer ein leeres Feld. Hier ist ein Beispiel daf¨¹r, wie eine E-Mail mit Alt-Text (Beispiel links) und ohne Alt-Text (Beispiel rechts) aussieht.

14. Bildproportionen sind wichtig

W?hrend die meisten Bilder f¨¹r den Desktop im Querformat ausgerichtet sind, was bedeutet, dass sie breiter und niedriger sind, sieht es auf Mobilger?ten ganz anders aus. Verwenden Sie Bilder im Quadrat- und Hochformat, um das Beste aus der mobilen Bildschirmgr??e herauszuholen und die Aufmerksamkeit der Abonnenten zu erregen.

Wenn Ihre Datenbank gleichm??ig zwischen Desktop- und mobilen Benutzern aufgeteilt ist, empfehlen wir die Verwendung von bedingten Bl?cken, die je nach Benutzerger?t ein anderes Bild anzeigen, dh ein Bild im Querformat f¨¹r Desktop-Benutzer und ein quadratisches Bild f¨¹r Mobilger?te.

Wenn die meisten Ihrer Benutzer jedoch Mobilger?te verwenden, empfehlen wir, die E-Mails so zu gestalten, dass sie sich auf das mobile Erlebnis konzentrieren.

Schriftarten

15. W?hlen Sie Ihre Schriftarten

Unserer Erfahrung nach ist das gr??te Problem bei der Darstellung von E-Mails auf verschiedenen Ger?ten die Schriftarten. Grunds?tzlich werden nicht alle Ger?te die Schriftart in Ihrer E-Mail richtig darstellen.

Am besten verwenden Sie websichere Schriftarten und Schriftarten, die auf den von Ihren Abonnenten am h?ufigsten verwendeten Ger?ten richtig wiedergegeben werden. Richten Sie beim Erstellen Ihrer E-Mail eine prim?re und eine sekund?re Schriftart ein, die Sie in Reserve halten. Auf diese Weise stellen Sie sicher, dass Sie die sekund?re Schriftart verwenden k?nnen, auch wenn Ihre bevorzugte Schriftart nicht gerendert wird, die sich dennoch in das gesamte E-Mail-Design und Ihren Markenauftritt einf¨¹gt.

16. Verwenden Sie gr??ere Schriftgr??en

Kleine Bildschirme machen kleine Schriftarten noch kleiner, und die meisten Leute werden Ihre E-Mail l?schen, anstatt die Augen zusammenzukneifen und ihre Augen anzustrengen, um den winzigen Text zu lesen.

Eine Schriftgr??e von 14 Pixeln macht Ihre E-Mail auf einem kleinen Bildschirm wesentlich besser lesbar. Aber scheuen Sie sich nicht, noch gr??er zu werden. Gro?e Schriftarten erleichtern das Lesen Ihrer E-Mails sowohl auf Desktop- als auch auf Mobilger?ten. Dies gilt sowohl f¨¹r E-Mails als auch f¨¹r Pop-ups.

Leerraum und Layout

17. Geben Sie Ihrer E-Mail Raum zum Atmen

Ihre E-Mails m¨¹ssen so einfach wie m?glich zu lesen und zu verfolgen sein. Stellen Sie sicher, dass Sie einen gro?artigen Inhaltsfluss haben, indem Sie Abschnitte mit gen¨¹gend Leerraum trennen. Dies bedeutet, den Abstand zu vergr??ern, um ¨¹berladene E-Mails zu vermeiden, indem so viel Platz wie m?glich hinzugef¨¹gt wird. Machen Sie sich keine Sorgen, wenn die E-Mail l?nger als gew?hnlich wird; Es ist einfacher, durchzubl?ttern, als sich auf kleineren Mobilger?ten abzum¨¹hen und zu navigieren.

CTA-Design

18. CTAs mit starken Aktionsverben

Da Benutzer h?ufig dazu neigen, E-Mails zu ¨¹berfliegen, ist die Optimierung von Calls-to-Action (CTAs) ?u?erst wichtig, da sie die Aufmerksamkeit erregen und den Benutzer dazu verleiten m¨¹ssen, die gew¨¹nschte Aktion auszuf¨¹hren.

Konzentrieren Sie sich darauf, wie der Benutzer davon profitiert, auf den CTA zu klicken, und vermeiden Sie allgemeine Formulierungen wie ?Klicken Sie hier¡°. Zum Beispiel w?re ?Holen Sie sich Ihr eBook¡° ein bevorzugter CTA gegen¨¹ber nur ?Herunterladen¡°.

Eine Willkommensnachricht, die einen Erstkundenrabatt anbietet, k?nnte Folgendes beinhalten:

19. Codieren Sie Ihre CTAs, anstatt Bilder zu verwenden

Einige Benutzer haben Bilder blockiert, und das Einbetten Ihrer CTAs als Bilder kann dazu f¨¹hren, dass wertvolle Klickraten verloren gehen.

Die codierten CTAs werden auch ohne Bilder angezeigt und ziehen sofort die Aufmerksamkeit Ihrer Abonnenten auf sich.

20. Erstellen Sie Fettfinger-freundliche Schaltfl?chen

Stellen Sie sicher, dass Sie Menschen mit gro?en Daumen ber¨¹cksichtigen. Wenn Ihr Leser mehr als einmal tippen muss, um mit Ihren Inhalten weiter zu interagieren, besteht die M?glichkeit, dass er sich nicht darum k¨¹mmert.

Finger sind nicht ann?hernd so pr?zise wie Mauszeiger, und obwohl Hersteller von Mobilger?ten Ger?te entwickelt haben, die genau auf Ihre Aktionen reagieren, sind sie nicht perfekt.

Ihre Calls-to-Action m¨¹ssen gro? genug sein, um auf dem Bildschirm eines Mobilger?ts angetippt werden zu k?nnen. Wir empfehlen, die H?he Ihrer CTA-Schaltfl?che auf mindestens 30 Pixel einzustellen, mit mindestens 8 Pixel Abstand zwischen den Elementen.

21. Vermeiden Sie Hyperlinks im Text

Wie oft haben Sie versucht, auf Ihrem Handy auf einen Hyperlink zu klicken, und es scheint eine unm?gliche Mission zu sein?

Wenn ein CTA wichtig ist, besteht die bevorzugte Vorgehensweise darin, den Text zu unterbrechen und einen geeigneten CTA-Button hinzuzuf¨¹gen, anstatt ihn im Text zu verlinken.

E-Mail-Breite

22. Halten Sie E-Mails 600 PX breit

Wenn Ihre E-Mail-Breite gr??er als 640 Pixel ist, muss der Benutzer m?glicherweise nach links und rechts scrollen, um den vollst?ndigen E-Mail-Inhalt anzuzeigen. W?hrend die meisten modernen Mobilger?te mit responsiven Designs umgehen k?nnen, gibt es Ausnahmen.

Wenn Ihre E-Mail-Breite 600 Pixel oder weniger betr?gt, werden Benutzer keine Probleme haben, E-Mails anzuzeigen, die f¨¹r gro?e Computerbildschirme formatiert wurden. Legen Sie ein Breitenattribut im Tabellen-Tag Ihrer E-Mail-Vorlage auf 600 Pixel fest oder verwenden Sie die CSS-Eigenschaft width, um diese Anpassung vorzunehmen.

Qualit?tskontrolle

23. Testen Sie die E-Mail auf allen Ger?ten

Nachdem Sie Ihre E-Mail erstellt haben, ¨¹berpr¨¹fen Sie, wie diese E-Mail auf verschiedenen Ger?ten und E-Mail-Clients angezeigt wird.

Sehen Sie sich Ihre E-Mail-Vorlage auf Plattformen wie Email on Acid, Lackmus und Mailtrap an, um nur einige zu nennen. Diese Testtools helfen Ihnen, Probleme mit Ihren E-Mails zu erkennen, indem sie Ihnen Screenshots von allen unterst¨¹tzten Ger?ten und E-Mail-Apps zeigen.

Abschlie?ende Gedanken

Das Erstellen von f¨¹r Mobilger?te optimierten E-Mails ist eindeutig nicht einfach. Es ist ein mehrstufiger Prozess, um ein Posteingangserlebnis f¨¹r mobile Benutzer unterwegs zu schaffen, das sicherstellt, dass Ihre E-Mails gelesen werden und ihre Interaktion mit Ihren Kampagnen produktiv und nicht frustrierend ist. Wenn Sie Hilfe bei der Einrichtung ben?tigen oder Ihre aktuellen Kampagnen ¨¹berarbeiten m?chten, besuchen Sie den Justuno-Agenturpartner Essence of Email.

Essence of Email baut E-Commerce-Marken mit E-Mail aus. Unsere Kunden verdienen mit ihrem E-Mail-Programm durchschnittlich das 38-fache des monatlichen ROI. Lassen Sie sich zeigen, was wir f¨¹r Sie tun k?nnen. Jetzt Kontakt aufnehmen!