Schlagwort-Archive: dateigröße

9 Tipps zur Optimierung von E-Mails für mobile Endgeräte

whitepaper-mobile-optimierung

Der Software-Anbieter Copernica hat erneut ein Whitepaper veröffentlicht. Dieses Mal geht es um die Optimierung von Newslettern für mobile Endgeräte. Neben den üblichen Hinweisen zu Textumfang, Dateigröße, dem Einsatz von CSS Media Queries und zur Notwendigkeit einer optimierten Landingpage sind folgende drei Punkte interessant:

  • Lohnt sich die Optimierung für mobile Endgeräte überhaupt? Webanalyse, Newsletter-Auswertung und Preference-Center geben Aufschluss über das Nutzungsverhalten der Zielgruppe.
  • Für mehr Platz zur Kommunikation im Posteingang sollten Betreff und Preheader aufeinander aufbauen – das gilt natürlich nicht nur für mobile Newsletter.
  • Ein Finger deckt etwa 44 x 44 px ab, der Einsatz von Paddings am Call to Action macht ihn daumenfreundlicher. Aber auch für „normale“ E-Mails gilt: Dem Empfänger das Klicken so einfach und intuitiv wie möglich machen und neben dem Call to Action weitere Elemente verlinken, wie z.B. Artikelbild und Überschrift.

Das vollständige Whitepaper kann hier kostenlos heruntergeladen werden.

Bildanzeige in Newslettern optimieren

Bilder in E-Mails erzeugen Aufmerksamkeit, leider werden sie meist standardmäßig von den E-Mail-Programmen unterdrückt. Warum? Aus Datenschutzgründen sollen Bilder, die von externen Servern geladen werden, erst auf Nachfrage aktiviert werden. Andernfalls könnten unseriöse Versender durch ein Logging auf dem Server herausfinden, welche E-Mail-Adressen aktiv sind. Wie seriöse Versender diese Problem umgehen können, hat René Kulka mit 3,5 Werbekniffen zur Bildanzeige erläutert. Zwei Möglichkeiten wollen wir kurz vorstellen.

„Bilder von diesem Absender immer anzeigen“

Aktiviert der Empfänger in seinem E-Mail-Programm diese entsprechende Funktion, werden alle weiteren E-Mails des Absenders als vertrauenswürdig eingestuft und Bilder zukünftig sofort geladen. Der Nachteil: der Nutzer muss selbst aktiv werden. Durch gezielte Aufforderung innerhalb der E-Mail bzw. des Newsletters kann er dazu angehalten werden.

Offline-HTML

Dabei werden die Bilder innerhalb der E-Mail als Anhang („Embedded Image“) mit versendet. Wichtig ist, dass die Dateigröße der eingebetteten Bilder berücksichtigt wird, vor allem bei mobilen Engeräten und Smartphones kommt es sonst zu langen Downloadzeiten und hohem Speicherbedarf. Die Lösung kann ein Mittelweg sein, bei dem nur Schlüsselgrafiken, Logo und Buttons angehängt werden.

In seinem Gastbeitrag in der Zeitschrift webselling erläuterst René Kulka „Inline-Images“ und HTML-Tabellen als weitere Instrumente.

Newsletter-Vorschaubild in Facebook

Viele Newsletter werden mittlerweile mit Links zum Teilen in Facebook ausgestattet, der sogenannten Share With Your Network (SWYN) Funktionalität. Klickt ein Empfänger auf solch einen Link, kann er den gerade empfangenen Newsletter in seinem Profil posten, um interessante Inhalte an sein Netzwerk weiterzuempfehlen. Facebook zeigt beim Teilen eine Vorschau auf die externe Ressource, und zwar einen Titel, eine Kurzbeschreibung und ggfs. ein Vorschaubild. Alle drei kann man als Versender beeinflussen. Wie das geht? Ganz einfach:

Für Titel und Beschreibung benutzt Facebook entsprechende meta-Tags im Kopf (head) des HTML-Dokuments. Fehlen diese, sucht sich das System eigenständig Inhalte aus dem body des Dokuments. Für den Titel zieht es auch den title-Tag heran. Will man aber Kontrolle ausüben, sollte man die folgenden Tags setzen.


<meta name="title" content="Titel des Newsletters" />
<meta name="description" content="Kurze Beschreibung" />

Beim Vorschaubild wird es etwas diffiziler. Facebook bietet dem Teilenden alle referenzierten Bilder an, die größer als 50 x 50 Pixel sind. Die Reihenfolge bei der Auswahl wird dabei nicht durch die Reihenfolge im Code vorgegeben, sondern durch die Dateigröße der images – merkwürdigerweise von groß nach klein. Möchte man ein bestimmtes Vorschaubild anbieten, setzt man folgenden link-Tag im head ein.

<link rel="image_src" href="http://www.domain.tld/meinbild.jpg" />

Folgendes gilt es bei den Abmessungen zu beachten:

  • ebenfalls mindestens 50 x 50 Pixel
  • höchstens 130 x 110 Pixel
  • Seitenverhältnis nicht größer als 3
  • die optimale Breite beträgt 100 Pixel

Abzuraten ist außerdem von transparenten GIFs, denn die jeweiligen Flächen werden von Facebook mit einem relativ unschönen Muster aufgefüllt. In vielen Fällen sorgt das dafür, dass das Bild unkenntlich gemacht wird. Am besten also einen weißen Hintergrund anlegen.

Weitere Informationen erhält man auch in der Facebook Entwickler-Dokumentation.