E-Mail-Layout: Was es ist, welche Arten es gibt und welche Elemente es umfasst

""

Inhaltsverzeichnis

Diesen Artikel teilen:

Auch wenn Sie vielleicht nicht die Aufmerksamkeitsspanne eines Goldfisches haben, müssen Sie mit Ihren E-Mails dennoch schnell die Aufmerksamkeit des*der Leser*in gewinnen. Mit langen, schwer zu lesenden Text-E-Mails geht das nicht. Stattdessen hilft Ihnen ein gutes E-Mail-Layout.

Im Folgenden erklären wir Ihnen, was ein E-Mail-Layout ist, welche Arten es gibt, welche Elemente es enthält und worin der Unterschied zwischen einem Layout, einer E-Mail-Vorlage und einem Format besteht.

Was ist ein E-Mail-Layout?

Ein E-Mail-Layout bestimmt, wie Ihre E-Mail für den Leser aussieht und wirkt. Es entscheidet darüber, wo die verschiedenen Inhalte, wie Text, Bilder und Videos, platziert werden.

Was ist ein E-Mail-Layout?

Ein E-Mail-Layout bestimmt, wie Ihre E-Mail für den*die Leser*in aussieht oder wie sie wahrgenommen wird. Es legt fest, wo verschiedene Inhalte wie Text, Bilder und Videos platziert werden.

E-Mail-Layout-Arten

Im Allgemeinen gibt es zwei Arten von E-Mails:

  1. Reine Text-E-Mails
  2. Grafische E-Mails

Bei reinen Text-E-Mails gibt es nur Textinhalte und Links, aber keine anderen Inhalte wie Videos oder Bilder.

Hier ist ein Beispiel für eine reine Text-E-Mail:

Plain text email

E-Mails, die nur aus Text und vielleicht einem Link bestehen, sind einfach zu erstellen, aber vielleicht nicht so spannend.

E-Mails mit Text, Links, Bildern, Tabellen und Videos hingegen sind fesselnder für die Leser*innen, doch deren Erstellung erfordert einige HTML-Kenntnisse.

So sieht eine grafische E-Mail aus:

Graphical email

Was ist der Unterschied zwischen E-Mail-Layout und E-Mail-Vorlage?

Das Layout bestimmt eine E-Mail-Vorlage. Es ist eine wiederverwendbare Kopie mit einem bestimmten Seiten-Layout.

In diesem Sinne gibt es drei Arten von E-Mail-Vorlagen, die auf dem E-Mail-Layout basieren:

  1. Einspaltig
  2. Mehrspaltig
  3. Hybrid

Die einspaltigen Vorlagen folgen einer einfachen Hierarchie von oben nach unten:

Name des*der Absender*in > Bild > E-Mail-Text > CTA > Fußzeile

Sie sind leicht zu überfliegen, enthalten einen auffälligen Button für den CTA (Call-to-Action, zu deutsch Handlungsaufforderung) und sind für mobile Geräte optimiert.

Es kann jedoch auch sein, dass man ein wenig scrollen muss, bis man den Button oder den Link für die Handlungsaufforderung sieht, wie in dieser E-Mail:

Single-column email layout

Mehrspaltige E-Mails können jedoch aus gestalterischer Sicht schwieriger zu erstellen sein, und Sie benötigen möglicherweise eine*n professionelle*n Designer*in. Sie ermöglichen es Ihnen jedoch, mehr Inhalt auf weniger Raum und mehrere CTAs unterzubringen.

Das hybride E-Mail-Layout schließlich ist eine Mischung aus ein- und mehrspaltigen Layouts.

Der Unterschied zwischen Layout und Format

Das E-Mail-Format legt die Reihenfolge des Inhalts der E-Mail fest. In der Regel besteht es aus sechs verschiedenen Elementen:

  1. Betreffzeile
  2. Anrede
  3. Eröffnung
  4. Hauptteil
  5. CTA
  6. Unterschrift/Signatur

Wir werden all diese Elemente in einem eigenen Artikel vorstellen.

Das E-Mail-Layout bestimmt hingegen das Format und wie verschiedene Elemente wie Text, Bilder, Tabellen, Zeilen, Seitenleisten, Buttons etc. angeordnet sind.

Fazit

Ein gut strukturiertes E-Mail-Layout kann den*die Leser*in fesseln und ins Handeln bringen, während schlechtes Layout dazu führen kann, dass die Mail schnell im Papierkorb oder Spam-Ordner landet. Es gibt keine Einheitslösung für alle, sondern es ist wichtig, dass Sie Ihre Zielgruppe verstehen, bevor Sie sich für ein Layout entscheiden.

Erfahren Sie mehr über den E-Mail-Knigge, mit dem Sie die professionelle Kommunikation meistern.

Möchten Sie sichere E-Mail für Ihre tägliche Kommunikation? Testen Sie Mailfence und holen Sie sich Ihre E-Mail-Privatsphäre zurück.

Gewinnen Sie Ihre E-Mail-Daten zurück.

Erstellen Sie Ihre kostenlose und sichere E-Mail.

Bild von Simon Haven

Simon Haven

Simon Haven war Marketingmanager bei Mailfence, wo er für die Content-Strategie und die Markenentwicklung verantwortlich war. Er hat einen Master-Abschluss in Advanced Management mit Schwerpunkt Marketing (Magna Cum Laude) von der Solvay Brussels School of Economics and Management und ist zertifizierter Google-Analytics-Experte. Mit über 10 Jahren Erfahrung im digitalen Marketing ist Simon auf SEO, Paid Media und datengesteuerte Wachstumsstrategien für datenschutzorientierte Technologieunternehmen spezialisiert. Von Brüssel aus bringt er ein tiefgreifendes Verständnis der europäischen Datenschutzbestimmungen und interkulturelle Marketingkompetenz in den Datenschutz- und Cybersicherheitssektor ein.

Empfohlen für Sie

Illustration of a cloud-with-cog icon on a blue gradient background with wave patterns, symbolising cloud storage protocol configuration.

Unterstützt Google Drive WebDAV?

Die kurze Antwort zuerst: Nein, Google Drive unterstützt WebDAV von Haus aus nicht. Wenn Sie auf der Suche nach einer Google Drive WebDAV-Serveradresse leer ausgegangen

Illustration of a calendar with a circular sync arrow icon on a blue gradient background with wave patterns, symbolizing CalDAV-based two-way calendar synchronization.

Unterstützt Proton Calendar CalDAV?

Wenn Sie sich für Proton als E-Mail-Anbieter entschieden haben, möchten Sie wahrscheinlich auch, dass Ihr Kalender mit dem Rest Ihres Set-ups zusammenspielt. Doch hier ist

Mailfence Versionshinweise April 2026

Mailfence Versionshinweise April 2026

Wir freuen uns, Ihnen heute die neuesten Mailfence Versionshinweise vom April 2026 präsentieren zu können, in denen wir Sie über die verschiedenen Verbesserungen und Korrekturen