Allgemeine Probleme bei der E-Mail-Anzeige mit Outlook

Marketing__Lite_Plus_Professional_Enterprise

Obwohl unsere Vorlagen so konzipiert sind, dass sie in allen E-Mail-Clients korrekt dargestellt werden, können einige häufige Probleme bei der Anzeige von Kampagnen auftreten, wenn ein Abonnent eine HTML-E-Mail in Outlook betrachtet, insbesondere in den Versionen 2007, 2010 oder 2013. Das liegt daran, dass diese drei Outlook-Versionen Microsoft Word zum Rendern von E-Mails verwenden, die nur begrenzte HTML- und CSS-Unterstützung bieten.

In diesem Artikel werden häufige Anzeigeprobleme, die bei Benutzern mit Outlook aufgetreten sind, sowie unsere Empfehlungen zur Behebung dieser Probleme behandelt.

Ränder werden nicht angezeigt

Alle Versionen von Outlook (mit Ausnahme von Outlook.com) und Gmail unterstützen keine Margins. Wir empfehlen stattdessen die Verwendung des Spacer-Inhaltsblocks:

Spacer_widget_im_E-Mail_Designer.png

Sie können auch versuchen, durch Auffüllen Platz um Ihre Inhaltsblöcke zu schaffen.

Padding wird in jeder Version von Outlook und anderen gängigen E-Mail-Serviceanbietern unterstützt. Sie können einem Inhaltsblock Padding hinzufügen, indem Sie den Container oder die Struktur im E-Mail-Designer auswählen und das Padding im Menü auf der rechten Seite anpassen. Das Padding kann jedoch dazu führen, dass Ihr Inhalt bei der Anzeige auf einem mobilen Gerät komprimiert angezeigt wird.

In_the_E-Mail_Designer_click_into_the_container_or_structure_and_adjust_the_padding_with_the_options_in_the_menu_on_the_right.png

Die Zeilenhöhe wird nicht einheitlich unterstützt

Outlook 2007, 2010, 2013 und Office 365 unterstützen die Zeilenhöhe nicht konsistent. Einige Versionen von Outlook unterstützen den prozentualen Wert der Zeilenhöhe (z.B. 140%), während andere eine ganze Zahl (z.B. 4) unterstützen. Wir empfehlen, beide Werte anzugeben, wenn Sie eine E-Mail neu erstellen und Ihr eigenes CSS schreiben. Wenn Sie den Drag-and-Drop-E-Mail-Designer verwenden, wird dies automatisch für Sie eingestellt.

Bilder erscheinen verzerrt

Outlook skaliert Bilder, die 1000 oder mehr Pixel breit sind, nicht herunter. Stattdessen wird das Bild in seiner tatsächlichen Größe angezeigt, wodurch sich die Breite Ihrer Vorlage ausdehnt und verzerrt wird. Wir empfehlen, Bilder mit einer Breite zwischen 400 und 650 Pixeln zu verwenden.

Beachten Sie, dass die Bilder im Designer automatisch auf 1300 Pixel Breite skaliert werden. Das ist maximal doppelt so breit wie die E-Mail, die 650 Pixel breit ist.

Erfahren Sie mehr über und das Hinzufügen von Bildern zu Ihren Kampagnen

GIFs erscheinen als flache Bilder

Animierte GIFs werden im Outlook 365-Desktopclient, in mobilen Outlook-Apps und in Outlook.com unterstützt.

In Outlook 2007, 2010 und 2013 werden keine Animationen angezeigt. Stattdessen wird nur der erste Frame angezeigt. Wenn Ihr GIF ein Angebot, eine Überschrift oder eine Call-to-Action enthält, sollten Sie sicherstellen, dass es in diesem Rahmen enthalten ist. Für Anweisungen zum Hinzufügen eines GIF zu Ihrer E-Mail, klicken Sie hier .

Duplizierte Schaltflächen

E-Mail-Dienste wie Gmail, Apple Mail und Yahoo verwenden für die Gestaltung von Schaltflächen Standard-CSS und HTML. Da Outlook dies nicht tut, haben wir eine Korrektur bereitgestellt, damit Outlook den Rahmenradius, das Padding und die Rahmen um die Schaltfläche korrekt rendert.

Sobald eine E-Mail jedoch von einem Abonnenten weitergeleitet wird, der in seinem E-Mail-Serviceanbieter auf die Schaltfläche "Weiterleiten" klickt, oder wenn die E-Mail über einen Windows- oder Exchange-Server umgeleitet wird, wird diese Korrektur als gültiges HTML-Element gelesen, was zu einer doppelten Schaltfläche führt.

Es gibt eine Möglichkeit, dies zu umgehen. Um dies zu umgehen, können Sie ein Bild einer Schaltfläche erstellen und es wie jedes andere Bild in Ihre E-Mail hochladen. Dann können Sie Ihren Link hinzufügen, so dass Kontakte, die auf dieses Bild klicken, zu Ihrer bevorzugten URL weitergeleitet werden.

E-Mail-Designer: Schaltflächen in Outlook

Im E-Mail-Designer (ab 2022) können Sie über die Schaltfläche "Unterstützung von Outlook" die in Outlook angezeigten Schaltflächen verbessern, indem Sie ein spezielles VML-Code-Element einfügen. Die Schaltfläche "Unterstützung von Outlook" ist standardmäßig aktiviert.

Im_E-Mail-Designer_ist_die_Unterstützung_von_Outlook_unter_Globale_Einstellungen_dann_Button.png

E-Mail-Designer und HTML: Hintergrundbild wird nicht angezeigt

Dass Hintergrundbilder nicht angezeigt werden, ist ein häufiges Problem bei vielen verschiedenen E-Mail-Anbietern. Wir empfehlen Ihnen, eine Ausweichfarbe anzugeben, falls Ihre E-Mail auf einer Outlook-Version angezeigt wird, die keine Hintergrundbilder unterstützt.

Dies gilt, wenn Sie eine E-Mail mit Ihrem HTML-Code und dem E-Mail-Designer (ab 2022) erstellen. Beachten Sie, dass Sie bei der Verwendung des E-Mail-Designers (ab 2022) unter auf der Registerkarte "Globale Einstellungen" "Allgemeine Einstellungen" zusätzlich zu einer Hintergrundfarbe ein Hintergrundbild hinzufügen können: 

Um_eine_Hintergrundfarbe_im_E-Mail-Designer_einzustellen, gehen Sie zu_Globale_Settings_tab_then_General_settings_and_choose_a_background_color.png

Der Classic Designer unterstützt keine Hintergrundbilder.

Klassischer Designer: Textausrichtung

Outlook unterstützt keine Textausrichtung "Ausrichten":

Die Ausrichtung von Text im Blocksatz wird daher in Outlook nicht unterstützt.

Beachten Sie, dass der E-Mail-Designer (seit 2022) nicht über die Option zum Ausrichten verfügt und daher beim Versand an Outlook kein Problem darstellt

Klassischer Designer: Unvollständiger Text in Schaltflächen

Schaltflächen mit fehlerhaftem Text oder Text, der in eine zweite Zeile umgebrochen wird, sind auf ein Outlook-Renderingproblem zurückzuführen. Um dieses Problem zu vermeiden, können Sie das Padding für die Schaltfläche auf mehr als die Schriftgröße erhöhen. Wenn das Problem weiterhin besteht, empfehlen wir, ein Bild Ihrer Schaltfläche zu erstellen und stattdessen dieses zu verwenden (siehe "Doppelte Schaltflächen" oben).

Klassischer Designer: Schaltflächen zeigen falsche Schrift an

Outlook rendert möglicherweise den falschen Schriftarttyp und greift auf Times New Roman zurück. Dies wird durch ein Leerzeichen verursacht, das am Anfang und/oder am Ende des Schaltflächentextes hinzugefügt wurde. Um dieses Problem zu vermeiden, empfehlen wir, diesen Abstand zu entfernen. Wenn dies nicht funktioniert, können Sie stattdessen eine neue Schaltfläche oder ein Bild einer Schaltfläche erstellen, die in Ihrer Kampagne verwendet werden soll.

Klassischer Designer: Links sind nicht klickbar

Was die Bildausrichtung betrifft, so werden Bilder nur in einigen Versionen von Outlook auf die gleiche Weise dargestellt. Wenn Sie ein Bild in einem Textblock mit Links in derselben Zeile wie Ihr Bild haben, können diese Links in Outlook 2007 und 2013 nicht angeklickt werden.

Beachten Sie, dass Sie im E-Mail-Designer (ab 2022) keine Bilder in Textfelder einfügen können und daher beim Versand an Outlook ein Problem auftritt.

Der unten stehende Hyperlink ist beispielsweise für Abonnenten, die eine der beiden Outlook-Versionen verwenden, nicht anklickbar:

beispiel_link.png

Um dies zu vermeiden, empfehlen wir im Classic Designer, das Bild aus dem Textblock zu entfernen und stattdessen einen Bildblock zu verwenden, um dies zu vermeiden.

War dieser Beitrag hilfreich?
34 von 364 fanden dies hilfreich

Haben Sie weitere Fragen? Anforderung einreichen

Start free trial