Die beste E-Mail-Designgröße für verschiedene Kampagnen

0 Comments

Warum ist die E-Mail-Vorlagengröße so wichtig? Warum gibt es so viele Fragen zu diesem Thema und keine schnellen Antworten? Einfach ausgedrückt wirkt sich die Größe des E-Mail-Designs darauf aus, ob Ihre E-Mail überhaupt zugestellt wird. Es definiert auch, ob Ihr Kunde Ihre Nachricht liest und die gewünschten Aktionen ausführt. Es gibt die Standard-Template-Breite (600 px), aber dennoch gibt es Feinheiten, die Sie beachten sollten. Darüber hinaus gibt es keine strengen Regeln für die Höhe der E-Mail-Vorlage wie für die Entwurfsblöcke.,

In diesem Artikel werden wir alle E-Mail-Vorlagenkomponenten durchgehen und die Prinzipien für jede Art von Kampagne erläutern.,tr>

Template height legen Sie wichtige Details zu den ersten 350 px bis zu 3000 px folgen Sie Ihrem gesunden Menschenverstand Header height bis zu 150 – 200 px bis zu 300 px folgen Sie Ihrem gesunden Menschenverstand und halten Sie es mobil-freundlich Allgemeine E-Mail-Größe bis zu 102 KB nein nein

E-Mail-Vorlagenabmessungen

Die Hauptidee hinter der Vereinheitlichung von E-Mail-Standards wird über alle E-Mail-Clients und Gerätetypen hinweg angezeigt., Die meisten Ihrer Empfänger verwenden Google Mail auf dem Desktop oder die iPhone-E-Mail-App. Trotzdem gibt es immer noch viele Leute, die E-Mails mit Outlook, Yahoo Mail und sogar AOL lesen. Dies bedeutet, dass Sie unweigerlich auf verschiedene Rendering-Engines und Probleme mit der Anzeige stoßen.

Um für jeden Gerätetyp geeignet zu sein, müssen Ihre E-Mails reaktionsschnell sein. Dieser Trend ist nicht neu, daher sind alle vordefinierten E-Mail-Vorlagen und E-Mail-Frameworks bereits so konzipiert, dass sie dieser Regel entsprechen., Wenn Sie Vorlagen mit reinem HTML und CSS codieren, verwenden Sie die Empfehlungen in unserem Handbuch zum Erstellen einer HTML-E-Mail.

E-Mail-Design Breite

Sie haben bereits über 600 Pixel gehört. Dies ist die Standardbreite, die in den letzten Jahren empfohlen wurde. Die Dinge haben sich nicht geändert: 600 Pixel ist immer noch die goldene Regel. Dies ist die durchschnittliche Breite, mit der Desktop-E-Mail-Clients Ihre E-Mail-Nachrichten anzeigen. Außerdem ist Google Mail allgemein dafür bekannt, dass Hintergrundfarben für eine Vorlagenbreite über 640 px nicht angezeigt werden.,

Die meisten E-Mail-Builder und-Dienste bieten standardmäßig Vorlagen mit einer E-Mail-Breite von bis zu 600 Pixeln, einschließlich Mailchimp und Klaviyo.

Möglicherweise finden Sie auch Vorschläge, 700-800 Pixel breite Vorlagen auszuprobieren, mit dem Hinweis, dass Sie sie in allen gängigen E-Mail-Clients gründlich testen sollten. Wir glauben, dass Sie, wenn Sie Gründe, Zeit und Ressourcen für zusätzliche Tests und Experimente haben, jede Art von Vorlage ausprobieren sollten, die für Sie geeignet ist.,

Höhe des E-Mail-Designs

Die Höhe Ihrer E-Mail-Vorlage ist nicht streng durch die Regeln der E-Mail-Clients begrenzt. Dies bedeutet, dass es keine erforderliche Größe gibt. Beim Erstellen Ihrer neuen E-Mail-Vorlage gibt es jedoch einige Dinge zu beachten.

1. Denken Sie an das Ziel Ihrer Nachricht: Ein Empfänger sollte sie direkt nach dem Öffnen Ihrer E-Mail verstehen können. Legen Sie die wichtigsten Informationen über die Falte – das sind etwa 350 Pixel., Vergleichen:

und

Verwenden Sie den Raum mit Bedacht. Bilder sind schön, aber sie sollten auch in Ihren E-Mails informativ sein und Benutzer zum Scrollen ermutigen. Bewerten Sie beim Testen und in der Vorschau Ihrer E-Mails zunächst, was der Empfänger sehen wird.

Pro-Tipp: Unterstützen Sie Ihren großartigen E-Mail-Betreff mit einem inspirierenden E-Mail-Header, indem Sie ihn auf einem Bildschirm sichtbar halten.

2. Ziel ist es, Ihre E-Mails sauber und klar zu halten., Je kürzer die Nachricht ist, desto höher ist die Wahrscheinlichkeit, dass sie bis zum Ende gelesen wird. Manchmal verwirren zusätzliche Abschnitte den Leser und verwischen die Hauptidee der E-Mail.

Die Mehrheit der Marketing-E-Mails wie Newsletter und Werbeaktionen sind etwa 2500-3000 Pixel.

Vorlage height = 3046 px

E-Mail-clipping. Manchmal können Sie abgeschnittene Nachrichten in Ihrem Google Mail-oder Yahoo-Posteingang sehen. Dies wird nicht durch die Höhe der Vorlage verursacht, sondern durch die Gesamtgröße einer Nachricht (102 KB)., Die gesamte E-Mail-Größe der Witcher Spiel Promo oben gezeigt ist nur 36 KB.

Pro-Tipp: Um die E-Mail-Größe schnell zu überprüfen, können Sie eine Nachricht von Ihrem Skript an einen Mailtrap-Posteingang senden und sofort auf dem Hauptbildschirm anzeigen:

Was ist der Unterschied zwischen Transaktions-und Marketing-E-Mail-Vorlagen?

In Bezug auf die Größe der E-Mail-Vorlage sind Transaktions-E-Mails normalerweise kürzer. Sie haben ein bestimmtes Ziel: eine Aktion zu bestätigen, Anweisungen zu geben oder einen Benutzer zu benachrichtigen., In einigen Arten solcher Nachrichten ist es akzeptabel, Marketing-Inhalte hinzuzufügen, aber im Allgemeinen sollte die Vorlage einfach sein. Normalerweise reichen Transaktions-E-Mail-Vorlagen von 600 Pixel bis 1200 Pixel.

Das Hauptziel von Marketing-E-Mails ist es, Ihre Waren, Dienstleistungen oder Inhalte zu fördern und Vertrauen aufzubauen, indem Sie Ihr Wissen teilen. Auf diese Weise kann Ihre E-Mail ziemlich lang sein, etwa 5000 Pixel und mehr.,

Andere wichtige Dimensionen

Wir haben die beste Breite und Höhe der E-Mail-Vorlage entdeckt. Aber was ist mit E-Mail-Inhalten und inneren Blöcken? Sie sind auch wichtig!

Eine E-Mail besteht aus drei Hauptteilen: Kopfzeile, Inhaltsblöcke und Fußzeile.

Größe des E-Mail-Headers

Normalerweise enthält der E-Mail-Header Ihr Firmenlogo, Links zum Anzeigen dieser Nachricht in einem Browser und Menüschaltflächen. Wir bevorzugen ein prägnantes Design, daher empfehlen wir, sich an die übliche Kopfgröße zu halten: bis zu 200 px., Es ist praktisch, die „über der Faltregel“ zu lesen und abzugleichen (erinnern Sie sich, dass das Einfügen aussagekräftiger Details in die ersten 350 Pixel von Vorteil ist?)

Für große E-Mail-Header Beispiele und Richtlinien, lesen Sie unsere E-Mail-Header-Design, das Blog-Post zählt.

Besuchen Sie unseren Newsletternur den besten Inhalt, einmal im Monat geliefert. Abmelden jederzeit.

Größe der Inhaltsblöcke

Wieder keine Regeln hier!, In diesem Abschnitt haben Sie genug Platz für Ihre Kreativität. „Inhalt“ definiert alle Arten von Informationen, mit denen Sie mit Ihren Empfängern kommunizieren können, einschließlich Texte, Bilder, Videos, GIFs, Schaltflächen und sogar Trennwände.

Unser allgemeiner Ratschlag ist, die Geschichten verständlich, optisch ansprechend und mit einem klaren Aufruf zum Handeln zu halten.

Wenn Sie mit einem Vorlagendienst oder einem E-Mail-Editor arbeiten, erhalten Sie vordefinierte Vorlagen und Empfehlungen für Bildgrößen.,

Was Sie über die Bildgröße beachten sollten:

  • Wenn Sie Bilder auf einem Server hosten und in Ihren E-Mails darauf verlinken, haben sie keinen Einfluss auf die E-Mail-Größe. E-Mail-Dienste und Vorlagenersteller haben Größenbeschränkungen für Bilder, um Speicherplatz auf ihren Servern zu sparen.
  • Die Bildgröße in Pixel liegt bei Ihnen, während die empfohlene Mindestauflösung 72 dpi beträgt.
  • Optimieren Sie Bilder für Retina-Displays mit 2x Größe.,

Footer size

finden Sie zahlreiche Empfehlungen, was sollte enthalten in der E-Mail-Fußzeile. Normalerweise enthält die Fußzeile rechtliche Details wie Ihre Firmenadresse, Links zum Abbestellen, Randnotizen usw. Lesen Sie E-Mail-Fußzeilen? In vielen Fällen erhält die E-Mail-Fußzeile nicht die Aufmerksamkeit des Lesers und im Allgemeinen gibt es keinen Standard über seine Höhe.

Manchmal fügen Leute der E-Mail-Fußzeile eine persönliche Signatur hinzu., In diesem Fall ist es besser, es auf maximal 100 Pixel zu halten.

Hinweise

Heute ist E-Mail-Bau ist einfach aufgrund der vielen tools, Vorlagen und tutorials zur Verfügung. In Bezug auf die Größe der E-Mail-Vorlage gibt es nicht so viele Einschränkungen und Anforderungen. Hier ist, was Sie wirklich achten sollten:

  1. Responsive design. Optimieren Sie Ihre E-Mail-Vorlagen für verschiedene Geräte, da über 55% der E-Mails jetzt von mobilen E-Mail-Clients aus angezeigt werden.
  2. Wahrnehmung des Benutzers., Überlegen Sie, was Ihr Empfänger beim Öffnen Ihrer Nachricht sieht und wie einfach es für ihn ist, Ihre Hauptidee zu verstehen. Bleiben Sie kreativ, aber befolgen Sie gemeinsame Regeln und Best Practices.
  3. E-Mail-Prüfung. Testen Sie jede neue E-Mail-Kampagne. Sie können mit nicht standardmäßigen Vorlagen und Größen experimentieren, aber stellen Sie sicher, dass Ihr HTML-Code auf allen E-Mail-Clients einwandfrei funktioniert. In diesem Sinne werden Ihre Empfänger mit Ihren schönen E-Mails zufrieden sein.,

Hilfreiche Artikel zu diesem Thema

  • Mailtrap s Guide on How to Build HTML Email
  • so Erstellen Sie eine HTML-Vorlage, die E-Mail-Clients Rendern, Sowie
  • Vergleich von 10 HTML-E-Mail-Editoren für Ihre Nächste Kampagne
  • Auswahl eines E-Mail Rahmen für Ihre Kampagnen
  • E-Mail-Header-Design, was zählt
  • Was Macht ein Passwort-Reset-E-Mail-Toll?
  • Empfohlene maximale E-Mail-Größe und bewährte Möglichkeiten, es zu optimieren

Wenn Sie diesen Artikel genossen, teilen Sie bitte und verbreiten Sie das Wort. Wir werden es wirklich zu schätzen wissen.


Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.