Best Practices für HTML-E-Mails: Sind Nur-Bild-E-Mails schlecht für das Marketing?
Veröffentlicht: 2022-11-24Erfolgreiche Unternehmen legen großen Wert auf die Durchsetzung ihrer Markenstandards – und das zu Recht. Es ist eine visuelle Darstellung der Beziehung, die sie zu ihren Kunden haben, und sie pflegen diese Beziehung, indem sie immer dieselben Schriftarten, Farben, Logos und Bildstile verwenden.
Aus diesem Grund kann es so verwirrend sein, wenn Sie mit der Entwicklung einer E-Mail-Marketingstrategie für Ihren Kunden beginnen, nur um festzustellen, dass Sie auf websichere Schriftarten beschränkt sind, Wörter nicht einfach über Bilder legen und das genaue Erscheinungsbild von Text nicht kontrollieren können da Auffüllung oder Ränder je nach Posteingang variieren.
Aus diesem Grund könnten Sie versucht sein, eine Nur-Bild-Vorlage zu erstellen, damit Ihre E-Mail immer genau so aussieht, wie Sie es möchten. Leider ist dies eine kurzsichtige Strategie, die wahrscheinlich mehr Probleme verursacht, als sie löst. Lesen Sie weiter, um zu erfahren, warum (und was Sie stattdessen tun sollten).
Warum Sie Nur-Bild-E-Mails vermeiden sollten
Leider wiegen die Vorteile von Nur-Bild-E-Mails die Nachteile nicht auf. Im Folgenden sind nur einige der Gründe aufgeführt, warum Sie sie vermeiden sollten.
Sie können Zustellbarkeitsprobleme verursachen
Wenn es um die Gestaltung Ihrer E-Mail-Kampagnen geht, sollte Ihre oberste Priorität immer die Zustellbarkeit sein. Nur-Bild-E-Mails werden oft direkt in den Spam-Ordner verschoben, da sie eine Taktik sein können, die von Betrügern verwendet wird, um Textfilter zu umgehen, die eingerichtet wurden, um anstößige oder irreführende Formulierungen zu erkennen.
Die Gesamtdateigröße Ihrer E-Mail wirkt sich auch auf die Zustellbarkeit aus, wie in diesem E-Mail-on-Acid-Artikel gezeigt wird, und Nur-Bild-E-Mails sind viel größer als HTML-E-Mails.
Sie werden möglicherweise nur langsam geladen oder gar nicht angezeigt
Bei einigen E-Mail-Clients sind Bilder möglicherweise aus Sicherheitsgründen standardmäßig deaktiviert oder um Benutzer vor potenziell anstößigen Inhalten oder Malware zu schützen. Wenn Sie eine Nur-Bild-E-Mail erstellt haben, sehen sie möglicherweise nichts als eine Wand aus kaputten Bildsymbolen, wie die Beispiele in diesem Lackmus-Artikel über das Blockieren von Bildern.
E-Mails mit vielen Bildern können auch die Ladezeit der E-Mail erheblich verlängern, was sich nachteilig auf die Benutzerinteraktion auswirken kann. Menschen verbringen durchschnittlich 10-13 Sekunden damit, eine einzelne E-Mail zu lesen; Das bedeutet, wenn es beim Laden von Bildern zu Verzögerungen kommt, wird das ohnehin enge Zeitfenster, in dem Sie Ihre Botschaft vermitteln können, noch weiter schrumpfen.
Sie beeinträchtigen die Zugänglichkeit
Sehbehinderte Menschen werden es viel schwieriger haben, ein Bildschirmlesegerät zu verwenden, um eine Nur-Bild-E-Mail zu interpretieren. Obwohl Bilder in einer E-Mail immer einen beschreibenden Alt-Text haben sollten, der für den E-Mail-Inhalt relevant ist, sollen sie den E-Mail-Text nicht vollständig ersetzen.
Sie sind nicht für Mobilgeräte optimiert
Wenn Sie eine Nur-Bild-E-Mail für den Desktop entwerfen, wird Ihr Kunde die Augen zusammenkneifen, um sie auf seinem Mobilgerät zu sehen. Wenn Sie es jedoch für die Lesbarkeit auf Telefonen entwerfen, sieht es auf einem Computerbildschirm karikaturhaft groß aus.
Sie sind nicht so durchsuchbar wie HTML-E-Mails
Wenn Sie eine E-Mail mit Informationen senden, auf die ein Kontakt später verweisen möchte, z. B. einen Gutschein oder eine bevorstehende Veranstaltung, wird es ihm schwerer fallen, seinen Posteingang nach Ihrer Nachricht zu durchsuchen, wenn der gesamte Text auf Bildern basiert.
Nachdem Sie nun alle Gründe kennen, warum Sie keine Nur-Bild-E-Mails erstellen sollten, finden Sie hier einige Best Practices, die Sie beim Erstellen schöner und effektiver HTML-E-Mails beachten sollten.
Best Practices zum Erstellen von HTML-E-Mails
Bedeutet das, dass Sie Bilder in Ihren E-Mails vermeiden sollten? Gar nicht! Die meisten Ressourcen empfehlen ein Text-zu-Bild-Verhältnis von 60/40 für das beste Gleichgewicht zwischen Zustellbarkeit und einer optimalen Benutzererfahrung. Probieren Sie diese Strategien aus, um E-Mails zu erstellen, die mit oder ohne angezeigten Bildern Wirkung erzielen.
Reduzieren Sie die Größe Ihrer Bilder so weit wie möglich
Sie können – und sollten – immer noch Bilder in Ihre E-Mail einfügen, aber ihre Dateigröße sollte minimiert werden, bevor Sie sie Ihrer E-Mail-Vorlage hinzufügen.
Um Ihre Bilder für eine E-Mail aus Photoshop zu exportieren, wählen Sie „Datei“ > „Exportieren“ > „Für Web speichern“. Bei undurchsichtigen Bildern wie Fotos ermöglicht das JPEG-Dateiformat eine kleinere Dateigröße als PNG. Für illustrierte Bilder wie Logos, die Transparenz erfordern, ist PNG die ideale Option.
Wenn Sie keinen Zugriff auf Photoshop haben, kann ein kostenloses Online-Tool zur Bildkomprimierung wie tinypng dabei helfen, Ihre Bildgröße auf ein Minimum zu reduzieren.
Verwenden Sie Live-Text
In den meisten Fällen sollte der gesamte E-Mail-Text HTML-Text sein, der mit einem Cursor ausgewählt und von einem Bildschirmlesegerät gelesen werden kann. Obwohl die ursprüngliche Liste der websicheren Schriftarten Ihre sicherste Wahl ist, wird Ihre Schriftart möglicherweise in einigen Posteingängen angezeigt (z. B. zeigt Google Mail Google Fonts).
Sie können sich jederzeit dafür entscheiden, zuerst Ihre Markenschriftart mit websicheren Schriftarten als Fallback zu verwenden. Durch die Verwendung von Kommas in CSS weisen Sie den Posteingang an, wenn möglich die erste Schriftart, dann wenn möglich die zweite und schließlich eine andere serifenlose Schriftart zu verwenden, wenn die anderen beiden nicht verfügbar sind.
<style=”font-family: 'KoHo', Arial, sans-serif”>Erstellen Sie kugelsichere Schaltflächen
Eine Bulletproof-Schaltfläche ist jede E-Mail-Schaltfläche, die mit HTML anstelle eines Bildes erstellt wurde. Sie können mit verschiedenen Methoden erstellt werden, darunter Padding, Borders oder Vector Markup Language (VML).
Dieser kugelsichere E-Mail-Button-Ersteller kann Ihnen dabei helfen, ganz einfach einen stilisierten Button zu erstellen, der in den meisten Posteingängen, einschließlich Outlook, schön angezeigt wird.
Tauschen Sie Bilder gegen Gifs aus, um maximale Wirkung zu erzielen
Sie werden überrascht sein zu erfahren, dass ein animiertes GIF in der Dateigröße sogar noch kleiner sein kann als ein Foto. Es hängt alles von der Komplexität des Bildes ab und davon, wie viele Pixel sich zwischen den Frames ändern.
Dieser Artikel enthält mehrere detaillierte Strategien zum Erstellen von Gifs in angemessener Größe für Ihre E-Mails. Einige dieser Tipps beinhalten:
- Schneiden statt Überblenden für Übergänge
- Verwenden von illustrierten Vektorelementen anstelle von Fotos
- Verwenden einer Überlagerung, um die Farbpalette einzuschränken
Fügen Sie oben in Ihrer E-Mail einen Link „Im Browser anzeigen“ ein
Einige Benutzer ziehen es vor, Bilder standardmäßig zu deaktivieren, oder sie können diese Funktion möglicherweise nicht steuern, weil sie einen Arbeitsplatz-Posteingang mit integrierten Sicherheitsfunktionen haben.
Aus diesem Grund ist es immer eine gute Idee, oben in Ihrer E-Mail einen Link „Im Browser anzeigen“ einzufügen, damit der Kontakt die E-Mail so sehen kann, wie sie ursprünglich entworfen wurde.
Verwenden Sie Textelemente anstelle von Bildsymbolen
Experimentieren Sie nach Möglichkeit mit textbasierten/CSS-Elementen anstelle von Bildern. Anstatt beispielsweise ein Bild eines Pfeils zu erstellen, prüfen Sie, ob es eine websichere Schriftart gibt, die einen enthält. Sie können „ASCII“ oder „Unicode“ googeln, gefolgt von Ihrem Schlüsselwort, um dies zu überprüfen. Diese Tabelle zeigt alle Symbole, von denen Sie vielleicht nicht wussten, dass sie Teil der Arial-Schriftfamilie sind.
Machen Sie Bilder zu einem optionalen Akzentelement
Ein neuer Trend, den wir bemerkt haben, sind E-Mails, die Bilder verwenden, um sich nahtlos in einfarbige Hintergründe einzufügen. Dies erweckt die Illusion einer Nur-Bild-E-Mail, während der HTML-Text und das responsive Design für Desktop und Mobilgerät beibehalten werden.
Obwohl Sie möglicherweise nicht die Möglichkeit haben, Ihre idealen Schriftarten und Layouts auszuwählen, ist eine gut gestaltete HTML-E-Mail dennoch ein äußerst effektives Marketinginstrument, mit dem Sie jeden Ihrer Kunden erreichen können – unabhängig von seiner demografischen Gruppe oder körperlichen Fähigkeiten.