So entwerfen Sie den perfekten E-Mail-Header: Best Practices

Wenn es Ihnen genauso geht wie mir, haben Sie bestimmt schon einige E-Mail-Design-Artikel gelesen, bevor Sie auf diesen Inhalt gestoßen sind.

Fanden Sie all diese Artikel etwas allgemein? Nun, ich auch.

Aus diesem Grund habe ich mich entschlossen, diesen umfassenden Artikel zusammenzustellen, der die Best Practices für das Design von E-Mail-Newslettern behandelt.

Sie werden auch einige wirklich auffällige und hochkonvertierende E-Mail-Header-Vorlagen finden, die Sie selbst ausprobieren können. ( Sie benötigen keine Designkenntnisse oder komplizierte Software. Melden Sie sich einfach bei DesignPro an und erstellen Sie kostenlos Ihr erstes Design. )

Wenn Ihnen die Zeit ausgeht, scrollen Sie einfach durch und sehen Sie sich die verschiedenen Designvorlagen an, die ich beigefügt habe. Sie werden Sie bei Ihrem nächsten E-Mail-Designprojekt wirklich inspirieren.

Was kommt zuerst: E-Mail-Design oder E-Mail-Inhalt?

Es ist eine lang diskutierte Frage, aber dennoch eine Diskussion wert, da das Web voll von kostenlosen E-Mail-Vorlagen ist, die nur Lorem ipsum enthalten. Was ist los mit Lorem ipsum?

Nichts, solange Sie eine klare Vorstellung davon haben, was Lorem ipsum in Ihrem Design ersetzen wird. Beginnen Sie niemals mit der Arbeit am Design, bis Sie sich nicht sicher sind, was der Inhalt sein wird.

Wieso den? … weil der Inhalt immer an erster Stelle steht . Wenn Sie nicht wissen, was Sie in Ihren Newsletter aufnehmen möchten, ist es schwierig, ein Design zu finden, das Ihre Idee am besten repräsentiert. Setzen Sie sich hin und schreiben Sie die Kopie Ihrer E-Mail. Dies ist der erste Schritt. Es gibt Ihnen eine klare Vorstellung von dem Look and Feel, das Sie vermitteln möchten. Und wenn Sie immer noch nicht sicher sind, wo Sie anfangen sollen, sind unsere E-Mail-Header-Vorlagen vollgepackt mit allem, was Sie brauchen – vom Inhalt bis zum Design, also schauen Sie sie sich an, bevor Sie mit dem Brainstorming beginnen. Ich bin sicher, sie werden Ihnen genug Stoff zum Nachdenken geben.

Verwenden Sie eine E-Mail-Breite von 600 Pixel

600 px sind in der E-Mail-Branche fast ein Standard für die E-Mail-Breite. Sie wissen nie, welchen E-Mail-Client Ihre Benutzer verwenden – was bedeutet, dass Ihre E-Mails für eine optimale Sichtbarkeit etwa 600 Pixel oder weniger breit sein müssen. (Übrigens haben unsere Designvorlagen eine voreingestellte Breite von 600 Pixeln. Sie müssen sich nicht mehr um die Größe kümmern.)

E-Mail-Layout und mobile Freundlichkeit

Es wird Sie nicht überraschen, dass der Prozentsatz der auf Mobilgeräten geöffneten E-Mails allein in den letzten drei Jahren um 180 % gestiegen ist. Wenn Sie Ihre E-Mails nicht für Mobilgeräte optimieren, setzen Sie daher Ihre gesamte Kampagne aufs Spiel. Halten Sie sich nach Möglichkeit an ein einspaltiges Layout und verwenden Sie nie mehr als drei Spalten. Ein vertikales Layout wird einem horizontalen vorgezogen.

Gestalten Sie Schriftarten und Calls-to-Action (CTAs) groß, klar und einfach anzuklicken ( 46 x 46 Pixel sind ideal für mobilfreundliche CTAs).

Verwenden Sie ein Inhaltsverzeichnis, wenn Sie viel zu behandeln haben.

Beschränken Sie sich zur besseren visuellen Hervorhebung auf vier oder fünf Abschnitte.

Prüfen. Prüfen. Testen Sie Ihre E-Mails immer auf einer Vielzahl von E-Mail-Clients und -Geräten, um sicherzustellen, dass sie korrekt wiedergegeben werden.

Erstellen Sie eine auffällige Überschrift

Sofern Sie keine reine Text-E-Mail senden, möchten Sie am oberen Rand Ihrer E-Mail einen einfachen, aber gut aussehenden Header entwerfen.

Die obere linke Ecke ist der wertvollste Ort Ihrer gesamten E-Mail – dort wird das Auge des Lesers zuerst angezogen. Die ye-Tracking-Software hat bewiesen, dass Menschen am längsten auf der linken Seite des Bildschirms verweilen.

Machen Sie davon Gebrauch, indem Sie dort Ihr Firmenlogo platzieren, zusammen mit anderen relevanten Informationen (wie Ihrer Telefonnummer oder einem wichtigen CTA) auf der rechten Seite.

Der Header ist der Teil Ihres Newsletter-Templates, auf den Sie die meiste Aufmerksamkeit lenken möchten. Im Allgemeinen enthält es die Hauptbotschaft und einen großen Call-to-Action (CTA).

Ihr Abonnent liest Ihre charmante Betreffzeile über ein tolles Angebot mit 30 % Rabatt. Wenn er Ihre E-Mail öffnet, sollte er als Erstes das sehr ansprechend präsentierte Angebot und den Call-to-Action sehen.

Markenoptimierung

Die Markenoptimierung ist mit Abstand eine der entscheidendsten Best Practices für das E-Mail-Design. Von der Aufnahme Ihres Markennamens in das „Von“-Feld und der Verwendung einer identifizierbaren Adresse bis hin zur Sicherstellung, dass das „An“-Feld den Namen des Empfängers und nicht seine E-Mail-Adresse enthält, sollte jeder Teil Ihrer E-Mail markenkonform sein .

Dies ist unerlässlich, um den E-Mail-Erfolg und die nachhaltige Markenreputation sicherzustellen. Je größer Ihre Marke ist, desto weniger Informationen müssen Sie in Ihren Header einbeziehen.

Schlüsselinformationen „above the fold“ platzieren

„Above the fold“ bezieht sich auf die ersten Dinge, die Ihre Leser sehen, wenn sie die E-Mail öffnen. Wenn Sie möchten, dass die Leser weiterlesen, stellen Sie Ihre verlockendsten Inhalte an den Anfang Ihrer E-Mail. Der beste Platz ist innerhalb der ersten drei Zoll der E-Mail-Tiefe

Denken Sie nicht, dass Sie bis zum Ende der E-Mail warten müssen, um die Leser zum Handeln zu drängen. Sie müssen sehr vorsichtig sein, wenn Sie das Bild, den Text und den CTA-Button für Ihren Header auswählen. Oft sind die CTAs mit dem besten Engagement diejenigen, die ganz oben in einer E-Mail stehen.

Denken Sie gleichzeitig daran, je weniger CTAs (Call to Actions) Sie in der gesamten E-Mail haben, desto höher wird Ihre CTR (Click-Through-Rate) sein.

Gehen Sie mit Diagrammen visuell vor

„Ein Bild sagt mehr als tausend Worte“ gilt besonders für die Online-Welt. Beim E-Mail-Marketing sollten Grafiken und Bilder Inhaltsbereiche klar abgrenzen .

Visuelle Effekte hinterlassen bei jeder Werbekampagne einen bleibenden Eindruck. Sie erhöhen nicht nur die visuelle Wirkung Ihrer E-Mail, sondern tragen auch zur Glaubwürdigkeit Ihrer Informationen bei.

Machen Sie Funktionsüberschriften oder Produktangebote in der E-Mail-Vorlage einfach anklickbar. Es geht darum, Ihre E-Mail ansprechend zu gestalten – es gibt keine zweite Chance, einen großartigen ersten Eindruck zu hinterlassen.

Verwenden Sie animierte GIFs im Header

Da eingebettete Videos in E-Mails nicht unterstützt werden, verwenden die meisten E-Mail-Designer animierte GIFs, um diese zusätzliche Interaktion auch in E-Mails zu bringen. Es ist üblich geworden, GIFs anstelle von statischen Bildern in Meail zu sehen, hauptsächlich weil sie wirklich effektiv sind, um eine emotionale Reaktion auszulösen.

Stellen Sie sicher, dass das GIF in der Kopfzeile platziert ist, und wenn Sie Ihr GIF wirklich hervorheben möchten, sollten Sie auch das Navigationsmenü Ihrer E-Mail entfernen oder es zumindest weniger hervorheben.

Eine weitere wichtige Sache, die Sie berücksichtigen sollten, ist die Verwendung einfacher, leicht zu konsumierender GIFs , die auf den ersten Blick verständlich sind und Ihre Abonnenten nicht mit einer langen Nachricht verwirren.

Eine weniger komplexe Animation bedeutet normalerweise eine kleinere GIF-Größe, was im Allgemeinen gut ist, weil Sie möchten, dass Ihre E-Mail sehr schnell geladen wird.

Gleichen Sie Text und Bilder aus

Manchmal können Hintergrundbilder nicht geladen werden. Tatsächlich blockieren einige E-Mail-Clients alle Bilder automatisch. Nicht nur das, E-Mails mit vielen Bildern werden mit größerer Wahrscheinlichkeit als Spam gekennzeichnet und landen nie im Posteingang Ihrer Benutzer.

Um diesen Einschränkungen entgegenzuwirken, versuchen Sie, Bilder und Text im Verhältnis 50/50 auszugleichen . Sie wollen Bilder; Sie fallen dem Leser ins Auge und erzählen Ihre Geschichte einprägsamer als jeder Text. Aber stellen Sie sicher, dass Sie Ihre Geschichte trotzdem in einfachen Worten erzählen.

Geben Sie zusätzlich zum Fließtext Alt-Text (und eine Fallback-Hintergrundfarbe) für jedes Bild an, das Sie verwenden.

Denken Sie daran: Wenn Sie einen Werbe-Newsletter erstellen, lautet die Regel: Eine E-Mail – ein Angebot

Verwenden Sie große, einfache Schriftarten

Halten Sie sich bei der Auswahl einer Schriftart für Ihre Marketing-E-Mails an Standardsystemschriften wie Arial, Helvetica, Georgia, Tahoma, Times New Roman und Verdana. Andere Schriftarten werden möglicherweise von bestimmten E-Mail-Clients nicht unterstützt. Wenn Sie also keine websichere Fallback-Schriftart festlegen, werden sie möglicherweise nicht korrekt wiedergegeben.

Best Practice für Schriftgröße und Zeilenhöhe in E-Mails

Die Schriftgröße ist wichtig für die Lesbarkeit von E-Mails. Es gibt keine einheitliche Regel, aber die Best Practices der Branche legen Folgendes nahe:

• Die Schriftgröße der Kopfzeile sollte etwa 22 - 28 px betragen.
• Die Schriftgröße des Hauptteils sollte je nach Alter Ihres Publikums im Bereich von 14 bis 18 px liegen
• Die Zeilenhöhe sollte etwa das 1,4- bis 1,5-fache der Schriftgröße betragen, um eine optimale Lesbarkeit zu gewährleisten.

Wenn Sie Ihre Kopfzeilen entwerfen und den Text in das Bild einfügen, können Sie benutzerdefinierte Schriftarten verwenden, die am besten zu Ihrer Markenpersönlichkeit passen.

Best Practices für Call-to-Action (CTA) in E-Mails

Nur weil Sie einen schönen Call-to-Action-Button in Ihrer E-Mail haben, bedeutet das nicht, dass jeder darauf klicken wird. Das Design ist nur die eine Seite der Gleichung. Die Kopie des Call-to-Action ist ebenso wichtig.

Was macht einen guten E-Mail-Call-to-Action aus?

Umsetzbare Sprache – vergessen Sie „Hier klicken“ oder „Weiterlesen“. Versuchen Sie stattdessen, ein Gefühl der Dringlichkeit zu erzeugen und klar darzustellen, was passiert, nachdem jemand auf die Schaltfläche geklickt hat.

• Holen Sie sich jetzt Ihr kostenloses Produktmuster
• 14 Tage kostenlos starten
• Jetzt Uhren shoppen
• Holen Sie sich Ihren Promo-Code
• Melden Sie sich für den frühen Zugriff an

Heben Sie den CTA hervor – Ihre Handlungsaufforderung muss hervorstechen, also stellen Sie immer sicher, dass sie Folgendes enthält:

• Leicht wahrnehmbare Farbe
• Genügend Leerraum drumherum
• Schriftart und -abstände, die es auf den ersten Blick lesbar machen

Wenn es um E-Mails und Newsletter geht, können Sie mit der Betreffzeile und der Kopfzeile anfangen, Spaß zu haben. Egal, wofür Sie sich entscheiden, achten Sie darauf, bei der Marke zu bleiben und Ihr Logo zu verwenden, da es Ihren Abonnenten hilft zu wissen, dass sie eine E-Mail von Ihrer Marke lesen.