Meine E-Mail sieht anders aus, wenn sie in Microsoft Outlook angezeigt wird
Übersicht
Erfahre, warum einige E-Mails in Microsoft Outlook anders aussehen als in anderen Posteingängen, sowie Tipps, um die Konsistenz der Darstellung deiner Nachrichten in Outlook zu verbessern.
Die Rendering-Engines von Outlook
Classic Outlook für Windows verwendet Microsoft Word, um E-Mails anzuzeigen. Andere Versionen, einschließlich neues Outlook für Windows, Outlook für Mac und Outlook.com, verwenden browserbasierte Rendering-Engines. Das bedeutet, dass dieselbe E-Mail in verschiedenen Outlook-Versionen unterschiedlich aussehen kann.
Denk an das letzte Mal, als du versucht hast, Änderungen an einer Tabelle vorzunehmen oder die Größe eines Bildes in Microsoft Word zu ändern. Die Formatierungsprobleme, die bei der Verwendung von Word auftreten, sind ähnlich wie die Probleme, die bei E-Mails in Outlook-Posteingängen auftreten.
Deshalb kann eine E-Mail in Outlook etwas anders aussehen als beim ersten Entwerfen und in der Vorschau in Klaviyo.
Wenn du dich dafür entscheidest, deine E-Mails für Outlook zu optimieren, verwende Klaviyos integriertes Inbox-Testing (verfügbar für kostenpflichtige Konten), um eine Vorschau deiner Nachrichten auf verschiedenen Geräten und in verschiedenen Posteingängen anzuzeigen.
Optimiere deine E-Mails für Outlook
In Versionen von Outlook, die Microsoft Word zum Anzeigen von E-Mails verwenden, können dir die folgenden Probleme auffallen:
- Hintergrundbilder in Divs und Tabellenzellen werden nicht unterstützt oder angezeigt
- CSS-Float- und Positionselemente werden ignoriert
- Textschatten werden nicht unterstützt oder angezeigt
- Ungewöhnlicher Innenabstand und Rand aufgrund der unzureichenden Unterstützung dieser Elemente
- CSS-Breite und -Höhe werden aufgrund mangelnder Unterstützung für diese Elemente nicht wie beabsichtigt angezeigt
- Die Hintergrundfarben verschachtelter Elemente werden falsch angezeigt oder ignoriert
Die Optimierung einer E-Mail für Outlook kann Zeit und Tests erfordern. Änderungen an der Bildpositionierung können sich darauf auswirken, wie deine E-Mail in anderen E-Mail-Clients und auf Mobilgeräten dargestellt wird. Teste dein Design daher in den Posteingängen, die deine Zielgruppe nutzt.
Bilder für Outlook skalieren
Wenn ein Bild in Outlook gestreckt oder übergroß angezeigt wird, lege seine Anzeigebreite in deiner Vorlage fest:
- Wähle einen Bildblock aus.
- Füge dem Feld Image layout > W eine Zahl hinzu. Für Bilder in voller Breite verwende 600 px (oder welche Breite auch immer deine E-Mail eingestellt ist, zu finden im Abschnitt Stile).

- Speichere deine Änderungen.
GIFs in Outlook
Die Unterstützung von GIF-Animationen variiert je nach Outlook-Version. Einige Versionen zeigen nur den ersten Frame als statisches Bild an. Platziere deine Kernbotschaft im ersten Frame, damit sie auch ohne Animation verständlich bleibt.
Outlooks Auswirkungen auf deine Zielgruppe verstehen
So siehst du, welche E-Mail-Clients Klaviyo für eine kürzlich gesendete Kampagne erkannt hat:
- Navigiere in Klaviyo zur Registerkarte Kampagnen.
- Suche eine kürzlich gesendete E-Mail-Kampagne. Wenn die Zeile erweitert werden kann, erweitere sie und klicke auf den Namen der gesendeten E-Mail-Nachricht. Klicke andernfalls auf den Kampagnennamen.
- Klicke im Bericht der E-Mail auf den Tab Zustellbarkeit.
- Sieh dir den Abschnitt Performance nach E-Mail-Client an und suche unter Desktop-Öffnungen nach Outlook-Einträgen.
Die Prozentsätze basieren auf eindeutigen Öffnungen aus erkannten E-Mail-Clients, nicht auf deiner gesamten Empfänger*innenliste. Unbekannte Clients werden ausgeschlossen, und Öffnungen im Browser oder auf Mobilgeräten identifizieren Outlook möglicherweise nicht namentlich. Nutze diese Aufschlüsselung als Orientierung, wenn du auswählst, welche Posteingänge du testen möchtest.
Weitere Ressourcen
- Informationen zu Best Practices für E-Mail-Bilder
Erfahre mehr über Best Practices für die Verwendung von Bildern in Klaviyo Email, einschließlich Größenempfehlungen und wie du Bilder hinzufügst.
- Mobile E-Mail-Optimierung verstehen
Erfahre mehr über die standardmäßigen Einstellungen zur mobilen Optimierung, die Klaviyo für E-Mails anbietet, sowie über Tools, mit denen du anpassen kannst, wie deine Nachricht auf verschiedenen Geräten angezeigt wird. Du kannst auch alle Optimierungen für Mobilgeräte deaktivieren, indem du zum Tab „Stile“ deiner E-Mail-Vorlage navigierst.
- CSS-Optimierung verstehen
Erfahre mehr über CSS-Optimierung. Das ist eine Möglichkeit, um sicherzustellen, dass deine E-Mails im Posteingang nicht abgeschnitten werden.