So optimieren Sie Ihre E-Mails für Mobilgeräte

Im Jahr 2010 behauptete Google-CEO Eric Schmidt, dass ihr Ziel von diesem Zeitpunkt an darin bestand, „Mobile die Antwort auf so ziemlich alles zu machen“. Diese Aussage ist mehr als eine Prophezeiung geworden. Um näher an Ihrem Publikum zu sein und das bestmögliche Erlebnis zu bieten, sollten Sie sich heute zuerst auf Mobilgeräte konzentrieren. In diesem Artikel haben wir viele nützliche Hacks vorbereitet, damit Sie verstehen, wie Sie Ihre E-Mails für Mobilgeräte optimieren können. Lesen Sie also weiter.

Warum Sie sich auf Mobilgeräte konzentrieren sollten

Im Jahr 2017 erreichte die Zahl der mobilen digitalen Minuten 61,9%, was beeindruckend ist, verglichen mit 29,3% für Desktop und nur 8,8% für Tablets. Im Jahr 2018 sind die mobilen Verbrauchszahlen immer noch am höchsten, wie Sie in der folgenden Grafik sehen können:

Darüber hinaus verbringen mobile Nutzer tendenziell mehr Zeit online, insbesondere zweimal länger als Desktop-Nutzer. Für mehr als die Hälfte von ihnen beginnt jeder Morgen mit einem Smartphone in der Hand, und laut Express Pigeon checken 91 % dieser Nutzer mindestens einmal am Tag E-Mails. Sehen Sie sich einige Tipps zur Optimierung Ihrer E-Mails für mobile Geräte an, um ein breiteres Publikum zu erreichen.

Integrieren Sie mobilfreundliche Anmeldeformulare

E-Mail-Marketing beginnt mit Personen, die Ihre Website besuchen. In dieser Phase besteht Ihr Ziel darin, den Fokus der Besucher direkt auf das Anmeldeformular zu lenken, das Interesse zu wecken und sie zum Abonnieren zu motivieren.

Der beste Weg, ein mobilfreundliches Abonnementformular zu erstellen, besteht darin, die Anzahl der darin enthaltenen Felder zu verringern, ausreichend große Schriftarten zu verwenden und das Formular selbst an einer sichtbaren Stelle zu platzieren. Sie können auch input type="email" verwenden, um eine spezielle Tastatur mit Zeichen wie "@" oder "." oder die E-Mail-Adresse des Benutzers wird automatisch auf einem mobilen Gerät angezeigt.

Sehen Sie sich die mobile Ansicht des Abonnementformulars von GAP an. Es ist kurz, sichtbar und im Einklang mit dem Gesamtdesign der Marke. Darüber hinaus bietet es einen Mehrwert, da die Marke ein besonderes Willkommensangebot für neue Abonnenten verspricht.

Kürzen Sie Ihre Betreffzeile

Die Anzahl der Zeichen, die in Betreffzeilen von verschiedenen E-Mail-Clients angezeigt werden, variiert, aber die Faustregel lautet, sie auf etwa 25-30 Zeichen zu begrenzen.

Unten sehen Sie einige gute Beispiele für E-Mails, bei denen die Betreffzeilen den E-Mail-Inhalt zusammenfassen und auf dem mobilen Bildschirm vollständig sichtbar sind.

Optimieren Sie Ihren Preheader-Text

24% der Menschen sehen sich den Vorschautext an, während sie entscheiden, ob sie eine E-Mail öffnen möchten oder nicht; Deshalb sollten Sie einige Anstrengungen unternehmen, um Ihre Preheader zu schreiben. Ebenso wie Betreffzeilen sind Vorschautexte je nach E-Mail-Client in der Anzahl der angezeigten Zeichen begrenzt.

Konzentrieren Sie sich immer mehr auf die ersten Wörter Ihres Preheaders, da dieser Teil von jedem E-Mail-Client auf jedem Gerät angezeigt wird.

Verwenden Sie den Vorschautext, um weitere Details zum E-Mail-Inhalt bereitzustellen. In Werbe-E-Mails können Sie beispielsweise auf die Lieferung eingehen oder die Bedingungen der Aktion angeben.

Schriften groß genug machen

Ihr Text sollte auf jedem Gerät lesbar sein. Achten Sie zu diesem Zweck auf ein ausgewogenes Verhältnis zwischen der Schriftgröße des Titels und des Textes. Sagen Sie, wählen Sie 22-24pt für den Titel und 14-16pt für den Text, aber gehen Sie nicht unter 14pt. Was die Schriftarten angeht, ist es besser, websichere Schriftarten zu verwenden – Arial, Tahoma, Times New Roman, Courier New – da alle E-Mail-Clients sie unterstützen.

Denken Sie daran, kontrastierende Farben in Ihrer E-Mail zu verwenden, um sie im Sonnenlicht oder auf dem Bildschirm mit verringerter Helligkeit sichtbar zu machen.

Schauen Sie sich das Beispiel von Tentree an: Sie sehen den Kontrast zwischen weißer Schrift und grünem Hintergrund und eine Kombination analoger Grüntöne. Ein exklusives Angebot mit kostenlosem Versand ist blau hervorgehoben.

Eine andere Idee ist eine Mischung aus leuchtenden Farben mit Schwarz und Weiß wie in der E-Mail aus der Banana Republic.

Arbeite an deinem Call-to-Action

75 % der Menschen verwenden nur ihren Daumen, um den Bildschirm zu berühren; weniger als 50 % halten ihr Telefon mit einer Hand, 36 % der Benutzer halten ihr Telefon in der Halterung und 10 % der Menschen halten ihr Telefon in einer Hand und tippen mit einem Finger der anderen Hand. Berücksichtigen Sie diese Daten, wenn Sie einen Ort für Ihre Call-to-Action-Schaltfläche (CTA) auswählen.

Wenn es mehrere CTAs gibt, legen Sie deren Priorität fest und platzieren Sie sie nach dem Prinzip „der Haupt-CTA ist größer und höher“. Die Größe des Buttons sollte mindestens 44×44px mit genügend freiem Platz um ihn herum betragen – so wird sichergestellt, dass der Leser mit nur einem Daumen leicht darauf klickt. Versuchen Sie, zu viele Hypertext-Links in der Kopie zu vermeiden, da sie beim Anklicken unangenehm erscheinen können.

Die oben erwähnte E-Mail von Tentree hat eine sichtbare, einfach anzuklickende CTA-Schaltfläche mit genügend Leerraum.

Beachten Sie die Größe der visuellen Elemente

Mobile Geräte laden Bilder und Fotos viel langsamer als Desktops. Visuals erschweren das Laden einer E-Mail immer, daher sollte ihre Größe nicht mehr als 599px betragen. Denken Sie an die Qualität – die Leser werden unscharfe und pixelige Bilder kaum bevorzugen. Testen Sie E-Mails mit GIFs in allen möglichen E-Mail-Clients, um sicherzustellen, dass sie richtig angezeigt werden und Ihre E-Mails nicht im Spam-Ordner landen.

Unten sehen Sie ein Beispiel von Marks: Ihre E-Mails sind reich an GIFs und Bildern, aber das Laden dauert nicht lange.

Vergessen Sie außerdem nicht, allen Bildern ALT-Text hinzuzufügen, da einige E-Mail-Clients Bilder möglicherweise automatisch blockieren.

Bei Videoinhalten können Sie GIFs oder einfache Bilder mit einer Wiedergabeschaltfläche als Miniaturansicht verwenden und Benutzer zu einer Webseite führen, auf der sie dieses Video ansehen können. Sehen Sie sich ein Beispiel von Litmus an: Sie verwenden ein GIF, das die Videoübersicht mit einer Wiedergabeschaltfläche fortsetzt.

Machen Sie das Beste aus Responsive Design

Als E-Mail-Marketer sollten Sie mit den Füßen zuerst ein responsives E-Mail-Design erstellen, um einwandfreie E-Mails zu erstellen. Responsive bedeutet, dass Ihre E-Mail auf Mobilgeräten, Tablets und Desktops korrekt angezeigt wird, da sich Layoutbreite und Struktur in Echtzeit je nach Bildschirmgröße und Browser des Geräts ändern.

Vorgefertigte SendPulse-Vorlagen vereinfachen die Navigation für Benutzer und machen es den Vermarktern leicht, eine optimierte E-Mail zu erstellen. Wählen Sie einfach eine Vorlage aus, ändern Sie sie nach Belieben und senden Sie sie an Ihre Mailingliste. Es wird automatisch an Desktop-, Handy- und Tablet-Bildschirme angepasst. Bequem, nicht wahr?

Sehen Sie, wie eine der SendPulse-Vorlagen auf dem Desktop aussieht: Bilder sind groß, jede Schaltfläche ist leicht zu finden und anzuklicken, die Schriftarten sind lesbar.

Jedes Element ist für Mobilgeräte optimiert: In der mobilen Version ist der Haupttext groß genug und die Schaltflächen haben die richtige Größe, um mit dem Daumen angeklickt zu werden.

Zusammenfassend

Fassen wir die Tipps zusammen, mit denen Sie Ihre E-Mails für mobile Benutzer optimieren können:

• Beginnen Sie mit mobilfreundlichen Anmeldeformularen;
• Suchen Sie nach kurzen und informativen Betreffzeilen und Vorschauen;
• Verwenden Sie lesbare sichere Webfonts;
• Halten Sie Ihre CTA-Buttons groß und übersichtlich;
• Überprüfen Sie, ob alle visuellen Elemente auf Mobilgeräten gut aussehen.
• Verwenden Sie responsive Layouts.