{"id":52163,"date":"2024-10-28T07:00:00","date_gmt":"2024-10-28T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52163"},"modified":"2025-01-07T06:06:11","modified_gmt":"2025-01-07T14:06:11","slug":"e-mail-design","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/","title":{"rendered":"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing"},"content":{"rendered":"<p>Vielleicht haben Sie schon geh\u00f6rt, dass <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/resources\/email-marketing-roi\" rel=\"noopener\">E-Mail \u00fcber 30 $ zur\u00fcckbringt<\/a> f\u00fcr jeden Dollar, den Sie daf\u00fcr ausgeben.<\/p>\n<p>Das ist eine ziemlich beeindruckende Rendite f\u00fcr irgendetwas \u2014 aber <em>besonders<\/em> f\u00fcr eine Marketingkampagne.<\/p>\n<p>Daher unterstreicht es ziemlich die Bedeutung des E-Mail-Marketings f\u00fcr den Erfolg kleiner Unternehmen.<\/p>\n<p>Aber ach, E-Mails k\u00f6nnen keinen Einfluss haben, wenn sie niemand \u00f6ffnet oder liest!<\/p>\n<p>Wann hat Sie das letzte Mal eine E-Mail wirklich aufmerksam gemacht oder Ihr Herz erobert?<\/p>\n<p>Ihnen eine Marke ans Herz gewachsen?<\/p>\n<p>Hat dich zum Lachen gebracht?<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"750\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line.webp\" alt=\"Beispiel-E-Mail-Posteingang, der auf zwei interessante Betreffzeilen hinweist: &quot;Professionell gepr\u00fcft, Fender genehmigt&quot; und &quot;Nein!&quot; \" class=\"wp-image-50455 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-300x141.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1024x480.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-768x360.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1536x720.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-600x281.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1200x563.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-730x342.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1460x684.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-784x368.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1568x735.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-877x411.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/750;\" \/><\/figure>\n<p>Oder vielleicht am wichtigsten: Sie dazu gebracht, zu klicken, sich umzuwandeln und ein treuer Kunde zu werden?<\/p>\n<p>Wir sind sicher, es ging nicht nur darum, was gesagt wurde, sondern <em>wie<\/em> es gesagt wurde.<\/p>\n<p>Hier kommt das E-Mail-Design ins Spiel.<\/p>\n<p>Tricks wie das Optimieren der Ladezeit, das Nutzen der Farbtheorie, das Erstellen eines Flows, der sich an die nat\u00fcrliche Lesart der Menschen anlehnt, und das Entwerfen eines Layouts, das auf allen Ger\u00e4ten und f\u00fcr alle F\u00e4higkeitsstufen <em>nat\u00fcrlich<\/em> benutzerfreundlich ist, schaffen unwiderstehliche E-Mails.<\/p>\n<p>Unwiderstehliche E-Mails werden ge\u00f6ffnet, gelesen und bringen Ihnen das Engagement, das Sie ben\u00f6tigen, damit sich die Arbeit des E-Mail-Marketings lohnt.<\/p>\n<p>Hier erfahren Sie, warum und wie Sie Ihre eigenen E-Mails gestalten sollten.<\/p>\n<h2 id=\"h-what-do-we-mean-by-email-newsletter-design\" class=\"wp-block-heading\">Was verstehen wir unter E-Mail-Newsletter-Design?<\/h2>\n<p>Wir haben es alle schon einmal gemacht. Das Schreiben einer E-Mail ist einfach, oder? (Zumindest meistens.)<\/p>\n<p>Nicht so schnell.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/e-mail-marketing-leitfaden\/\" rel=\"noopener\">Effektives E-Mail-Marketing<\/a> beinhaltet <em>viel<\/em> mehr als nur das Tippen einer Nachricht und das Dr\u00fccken der Sendetaste.<\/p>\n<p>Wenn Ihrer E-Mail eine aufmerksamkeitsstarke Betreffzeile, relevanter Inhalt, ein intelligentes Layout und optisch ansprechende Elemente fehlen, ist es allzu leicht f\u00fcr Empf\u00e4nger, sie in der Lawine ihres Posteingangs zu \u00fcbersehen und zu ignorieren.<\/p>\n<p><strong>E-Mail-Design ist der Prozess des durchdachten Erstellens und Strukturierens von E-Mails, um sicherzustellen, dass sie visuell ansprechend, leicht zu lesen sind und zum Handeln anregen.<\/strong><\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1350\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design.webp\" alt=\"Screenshot eines Currents-Newsletters mit dem Betreff &quot;W\u00f6rter, die Sie nie wieder sagen sollten&quot; und anderen wichtigen Elementen wie Bilder und einem Link zur Ansicht im Browser\" class=\"wp-image-50457 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-300x253.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1024x864.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-768x648.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1536x1296.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-600x506.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1200x1013.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-730x616.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1460x1232.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-784x662.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1568x1323.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-877x740.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1350;\" \/><\/figure>\n<p>Im Wesentlichen konzentriert sich das Design von Marketing-E-Mails mehr auf das visuelle Layout Ihrer E-Mails als auf den Inhalt selbst. Es beinhaltet die Organisation und Optimierung von Text, Bildern und wichtigen Informationen auf eine Weise, die die E-Mail un\u00fcbersehbar macht. Da die Menschen in der Regel schnell durch E-Mails bl\u00e4ttern, stellt eine gut gestaltete E-Mail sicher, dass Ihre Botschaft markengerecht, klar und sogar fesselnd ist.<\/p>\n<p>Und ein gut gestaltetes E-Mail-Design <em>Leitfaden<\/em> kann Ihnen beibringen, wie Sie all das zum Leben erwecken, um Ihre Stimme zu st\u00e4rken, neue Kunden zu gewinnen und langfristige Beziehungen zu Ihrem Publikum aufzubauen.<\/p>\n<p>Was Sie gerade lesen werden.<\/p>\n<h2 id=\"h2_why-email-design-matters\" class=\"wp-block-heading\">Warum E-Mail-Design wichtig ist<\/h2>\n<p>Wir haben bereits angesprochen, warum kleine Unternehmer und Vermarkter darauf achten sollten, ihre <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/erweitern-sie-ihre-e-mail-liste\/\" rel=\"noopener\">E-Mail-Listen zu vergr\u00f6\u00dfern<\/a> \u2014 E-Mail-Marketing hat eine gro\u00dfartige Rendite!<br><br>Was genau ist so wichtig am Design Ihrer E-Mails? Es tr\u00e4gt dazu bei, die E-Mail-\u00d6ffnungen und das Engagement zu steigern.<\/p>\n<p>Wir zeigen Ihnen, wie es geht.<\/p>\n<h3 class=\"wp-block-heading\">Lesbarkeit maximieren<\/h3>\n<p>Eine gut strukturierte E-Mail mit klarer Hierarchie, ausreichend Wei\u00dfraum, sorgf\u00e4ltig ausgew\u00e4hlten Schriftarten und durchdachten Designelementen stellt sicher, dass Empf\u00e4nger den Inhalt, den Sie mit ihnen teilen m\u00f6chten, schnell, einfach und sogar mit Begeisterung lesen k\u00f6nnen. Hier gibt es kein dr\u00f6ges Marketing-Schlaftreffen!<\/p>\n<h3 class=\"wp-block-heading\">Messbare Aktionen antreiben<\/h3>\n<p>Letztendlich f\u00fchren gut gestaltete E-Mails ihre Empf\u00e4nger zu einem klaren n\u00e4chsten Schritt, ob es darum geht, sich f\u00fcr eine Veranstaltung anzumelden, einen Kauf zu t\u00e4tigen oder eine Website zu besuchen.<\/p>\n<p>Wenn Design und Inhalt perfekt aufeinander abgestimmt sind, wird es f\u00fcr die Empf\u00e4nger leicht, auf Ihre Nachricht zu reagieren, und f\u00fcr Sie, messbare Ziele bei den Konversionen zu setzen und zu erreichen.<\/p>\n<h3 class=\"wp-block-heading\">Markenvertrauen aufbauen<\/h3>\n<p>Die konsequente Verwendung der Farben, Schriftarten und Logos Ihrer Marke im E-Mail-Design verst\u00e4rkt die Identit\u00e4t Ihrer Marke. Wenn Empf\u00e4nger eine E-Mail sehen, die visuell mit einer ihnen bereits bekannten Marke \u00fcbereinstimmt, schafft das Vertrauen und macht es wahrscheinlicher, dass sie zuk\u00fcnftige E-Mails \u00f6ffnen!<\/p>\n<p>Wir lieben diesen s\u00fc\u00dfen, s\u00fc\u00dfen Marketing-Schwung.<\/p>\n<h3 class=\"wp-block-heading\">Willkommen alle Leser durch Zug\u00e4nglichkeit<\/h3>\n<p>E-Mail <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/grossartige-beispiele-fur-web-barrierefreiheit\/\" rel=\"noopener\">Design sollte immer Barrierefreiheit ber\u00fccksichtigen<\/a>, sodass es f\u00fcr m\u00f6glichst viele Menschen leicht verst\u00e4ndlich ist.<\/p>\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Barrierefreiheit<\/h3>\n    <p>Barrierefreiheit ist die Praxis, eine Website f\u00fcr so viele Benutzer wie m\u00f6glich zug\u00e4nglich zu machen. Barrierefreie Websites k\u00f6nnen von jedem auf jedem Ger\u00e4t angesehen werden.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/accessibility\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n<p>Durchdachte Designentscheidungen, die wir im n\u00e4chsten Abschnitt ausf\u00fchrlich behandeln werden \u2014 wie angemessene Schriftgr\u00f6\u00dfen, Farbkontraste und Alt-Text f\u00fcr Bilder \u2014 garantieren, dass mehr Menschen eingeladen sind, sich mit Ihrem Inhalt zu besch\u00e4ftigen, unabh\u00e4ngig davon, wie sie auf Ihre E-Mail zugreifen.<\/p>\n<h2 id=\"h2_15-email-design-best-practices\" class=\"wp-block-heading\">15 E-Mail Design Best Practices<\/h2>\n<p>Betrachten Sie Ihre aktuellen Marketingkennzahlen.<\/p>\n<p>Gestalten Sie E-Mails, die jedes Mal ins Schwarze treffen?<\/p>\n<p>Wenn nicht, ist es an der Zeit, Ihre Ressourcen nicht weiter zu verschwenden und effektiver zu werden.<\/p>\n<p>Der n\u00e4chste Abschnitt f\u00fchrt Sie durch einige der besten Praktiken f\u00fcr die Erstellung eines E-Mail-Erlebnisses, das Aufmerksamkeit erregt, Wert liefert und zu Handlungen anregt.<\/p>\n<h3 class=\"wp-block-heading\">1. Eine einzelne Spalte h\u00e4lt es einfach<\/h3>\n<p>Wir empfehlen aus mehreren Gr\u00fcnden in der Regel die Verwendung eines Einzelspalten-Layouts in Ihren Marketing-E-Mails:<\/p>\n<ul class=\"wp-block-list\"><li>Einerseits ist es <strong>einfacher f\u00fcr Sie zu gestalten<\/strong>!<\/li><li>Ein weiterer Grund ist, dass es f\u00fcr die Leser viel <strong>einfacher ist, schnell zu scannen und Ma\u00dfnahmen zu ergreifen<\/strong>, was viele tats\u00e4chlich m\u00f6chten, wenn sie E-Mails in ihrem Posteingang bearbeiten. Dieses vereinfachte Layout ist auch fehlersicherer f\u00fcr assistive Technologien zu verarbeiten, was es zug\u00e4nglicher macht.<\/li><li>Und nicht zuletzt sind <strong>E-Mails mit einer einzigen Spalte anpassungsf\u00e4higer an verschiedene Bildschirmgr\u00f6\u00dfen<\/strong>, was sie mobiler macht. (Ein wichtiger Faktor, \u00fcber den wir sp\u00e4ter noch mehr sprechen werden.)<\/li><\/ul>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1000\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple.webp\" alt=\"nebeneinander mit einem einzelnen Spaltenlayout und einem doppelten Spaltenlayout mit einem X darauf, beschriftet mit &quot;mehrere Spalten&quot;\" class=\"wp-image-50458 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1024x640.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-768x480.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1536x960.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-600x375.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1200x750.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-730x456.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1460x913.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-784x490.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1568x980.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-877x548.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1000;\" \/><\/figure>\n<h3 class=\"wp-block-heading\">2. Machen Sie sich mit dem h\u00e4ufigen F-Lesemuster vertraut<\/h3>\n<p>Identifiziert von der Nielsen Norman Group durch eine Blickverlaufsstudie, ist das <a target=\"_blank\" href=\"https:\/\/www.nngroup.com\/articles\/f-shaped-pattern-reading-web-content\/\" rel=\"noopener\">F-f\u00f6rmige Lesemuster<\/a> eine der h\u00e4ufigsten Arten, wie Leser Inhaltsbl\u00f6cke scannen.<\/p>\n<p>Das Muster funktioniert so:<\/p>\n<ol class=\"wp-block-list\"><li>Der Leser beginnt mit einem horizontalen Scan \u00fcber den oberen Teil des Inhalts und bildet die obere Linie des Buchstabens &#8220;F&#8221;.<\/li><li>Als N\u00e4chstes bewegen sie sich nach unten und scannen den n\u00e4chsten horizontalen Abschnitt, der ihre Aufmerksamkeit erregt; diese untere Linie des \u201eF\u201c ist typischerweise k\u00fcrzer als die erste.<\/li><li>Schlie\u00dflich folgen sie einem vertikalen Pfad entlang der linken Seite des Inhalts und vervollst\u00e4ndigen die &#8220;F&#8221;-Form!<\/li><\/ol>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern.webp\" alt=\"Beispiel eines F-Lesemusters, das das Konzept neben einer tats\u00e4chlichen E-Mail zeigt, um zu veranschaulichen, wie unsere Augen E-Mails nat\u00fcrlich in einem \u201eF\u201c-Muster scannen\" class=\"wp-image-50459 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n<p>Bei der Gestaltung Ihrer E-Mails sollten Sie folgendes beachten, um das Scanverhalten zu optimieren:<\/p>\n<ul class=\"wp-block-list\"><li>Platzieren Sie die wichtigsten Informationen dort, wo Leser wahrscheinlich den Fokus legen, entlang des F-Musters.<\/li><li>Beginnen Sie neue Abs\u00e4tze oder Abschnitte mit aufmerksamkeitserregenden W\u00f6rtern, um das Auge weiterhin zu fangen, w\u00e4hrend es nach unten wandert.&nbsp;<\/li><li>Stellen Sie sicher, dass das prominenteste Element in Ihrer E-Mail sofort auff\u00e4llt und versuchen Sie, es in den Pfad des Auges zu platzieren, w\u00e4hrend es dem Muster folgt. Sp\u00e4ter in diesem Artikel werden wir dar\u00fcber sprechen, wie man die beste Schriftart und -gr\u00f6\u00dfe w\u00e4hlt sowie wie man Kontrast effektiv einsetzt, um Aufmerksamkeit zu erregen.<\/li><\/ul>\n<h3 class=\"wp-block-heading\">3. Nehmen Sie sich ein Beispiel an Schriftstellern mit der umgekehrten Pyramide<\/h3>\n<p>Das invertierte Pyramiden-Layout ist eine leistungsstarke Designstrategie, die von Schriftstellern und Journalisten entlehnt wurde. In der E-Mail-Welt geht es darum, die wichtigsten Informationen zuerst zu platzieren und dann die Leser schnell zu einer <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/beispiele-fur-handlungsaufforderungen\/\" rel=\"noopener\">klaren Handlungsaufforderung (CTA)<\/a> in einer umgedrehten Dreiecksform zu f\u00fchren.<\/p>\n<p>Die Struktur ist einfach:<\/p>\n<p>Beginnen Sie mit einer aufmerksamkeitsstarken \u00dcberschrift oder einem Hook, gefolgt von pr\u00e4gnanten unterst\u00fctzenden Informationen und schlie\u00dfen Sie mit einem auff\u00e4lligen CTA ab.<\/p>\n<p>Und es geht nicht nur um die W\u00f6rter, die Sie verwenden. Seien Sie kreativ mit ausgefallenen Schriftarten, Farben und Design! Und nutzen Sie den Leerraum strategisch, um den Leser wirklich zu fesseln.<\/p>\n<p>Indem Ablenkungen minimiert und der Inhalt schlank und spannend gehalten werden, f\u00fchrt das Layout der umgekehrten Pyramide das Auge des Lesers nat\u00fcrlich zur CTA, was es wahrscheinlicher macht, dass sie damit interagieren.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid.webp\" alt=\"Beispielentwurf mit einer umgekehrten Pyramide, die das Unternehmen, einige obere Links und dann eine Verengung durch ein Bild zum &quot;Jetzt kaufen&quot; Knopf zeigt\" class=\"wp-image-50460 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-267x300.webp 267w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-910x1024.webp 910w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-768x864.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1365x1536.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-600x675.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1200x1350.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-730x821.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1460x1643.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-784x882.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1568x1764.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-877x987.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1800;\" \/><\/figure>\n<h3 class=\"wp-block-heading\">4. Betrachten Sie Emojis (Wirklich!)<\/h3>\n<p>Ob es darum geht, Missfallen auszudr\u00fccken (?) oder aufregende Nachrichten ohne ein geschriebenes Wort zu teilen (?): Emojis sind eine kraftvolle und moderne Kommunikationsm\u00f6glichkeit.<\/p>\n<p>Anekdoten beiseite, es wurde sogar festgestellt, dass Emojis die <a target=\"_blank\" href=\"https:\/\/www.wordstream.com\/blog\/ws\/2015\/11\/19\/twitter-emoji\" rel=\"noopener\">Beteiligung in sozialen Medien erh\u00f6hen<\/a>. Warum also nicht versuchen, sie auch in Ihren Marketing-E-Mails zu verwenden?<\/p>\n<p>Wenn sie durchdacht eingesetzt werden (das ist entscheidend!), k\u00f6nnen <strong>Emojis Pers\u00f6nlichkeit und visuelles Interesse zu Ihren E-Mails hinzuf\u00fcgen<\/strong>, helfen ihnen, sich abzuheben und halten die Empf\u00e4nger beim Lesen. Sie schaffen eine sofortige emotionale Verbindung und machen Ihre Nachricht ansprechender.<\/p>\n<p>Der wichtigste Teil dieser Best Practice besteht darin, Ihr Publikum und die vorliegende Nachricht zu verstehen, um sicherzustellen, dass die verwendeten Emojis passen und diese weiterf\u00fchren. Nicht davon ablenken.<\/p>\n<h3 class=\"wp-block-heading\">5. Bildgr\u00f6\u00dfe optimieren<\/h3>\n<p>Die E-Mail-Marketing-Profis bei Campaign Monitor haben ihre E-Mail-Vorlagen so gestaltet, dass sie auf dem Desktop 600 Pixel und auf Mobilger\u00e4ten 320 Pixel breit sind. Au\u00dferdem sind die oberen 300-500 Pixel normalerweise das, was Leute in einer E-Mail sehen k\u00f6nnen, bevor sie scrollen m\u00fcssen. Mit all dem im Hinterkopf sollten die Bilder, die Sie in Marketing-E-Mails verwenden, diese Parameter nicht \u00fcberschreiten.<\/p>\n<p>Es geht nicht nur um Messungen, sondern auch um das \u201eGewicht\u201c \u2013 das die Ladezeit beeinflusst. <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/bilder-fur-das-web-optimieren\/\" rel=\"noopener\">Komprimieren Sie Bilder, um ihre Dateigr\u00f6\u00dfe zu minimieren<\/a>, damit sie schneller laden und den Vorschriften der E-Mail-Clients entsprechen.<\/p>\n<p>Haben Sie Fragen dazu, welches Dateiformat Sie f\u00fcr Ihre Bilder verwenden sollten?<\/p>\n<ul class=\"wp-block-list\"><li>JPEGs sind scharf und klein und immer noch ideal, wenn es um professionelle Fotos geht.<\/li><li>PNGs komprimieren gut.<\/li><li>Und SVG-Dateien sind leicht und bleiben in jeder Gr\u00f6\u00dfe scharf, was sie gut f\u00fcr Icons und Logos macht.&nbsp;<\/li><\/ul>\n<p>Ein wichtiger Hinweis ist, dass Bilder, unabh\u00e4ngig davon, wie Sie sie verwenden, <strong>immer in Ihre E-Mail eingebettet sein sollten.<\/strong> Warum?<\/p>\n<p>Weil Anh\u00e4nge heutzutage zu leicht als Spam markiert werden.<\/p>\n<h3 class=\"wp-block-heading\">6. Markenidentit\u00e4t konsistent halten<\/h3>\n<p>Ein gro\u00dfer Grund, warum E-Mails nicht ge\u00f6ffnet werden oder schnell gel\u00f6scht werden, sobald sie es tun, ist, dass sie sich anf\u00fchlen, als k\u00e4men sie aus heiterem Himmel. Oft ist dies das Ergebnis schlechter Markenbildung.<\/p>\n<p>Die Integration der visuellen Identit\u00e4t Ihrer Marke in jede E-Mail ist entscheidend, um die Markenerkennung zu verst\u00e4rken. Ohne dies k\u00f6nnten Empf\u00e4nger denken, dass sie Spam erhalten, f\u00fcr den sie sich nicht angemeldet haben \u2014 was Ihre Bounce- und Abmelderaten erh\u00f6ht.<\/p>\n<p>Der Trick hier besteht darin, sicherzustellen, dass Ihre E-Mails wichtige Designelemente Ihrer Marke enthalten, indem Sie:<\/p>\n<ul class=\"wp-block-list\"><li><strong>Die Kernmerkmale Ihrer Marke hervorheben<\/strong>, wie Schriftarten, Farben und Bilder in allen E-Mail-Kommunikationen.<\/li><li><strong>Sicherstellen, dass das Design Ihrer E-Mails<\/strong> mit Ihrer Website, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/lead-generierende-landingpages-in-wordpress-erstellen\/\" rel=\"noopener\">Landingpages<\/a>, Social-Media-Pr\u00e4senz usw. synchronisiert ist, um eine einheitliche Front zu schaffen.<\/li><li><strong>Ihr Logo deutlich sichtbar<\/strong> im Header oder Footer jeder E-Mail platzieren, um die Markenidentit\u00e4t zu verst\u00e4rken.<\/li><li><strong>Wiederverwendbare Vorlagen erstellen<\/strong>, sobald Sie das richtige Gef\u00fchl daf\u00fcr haben, um zuk\u00fcnftige E-Mail-Kampagnen zu vereinfachen und Konsistenz zu gew\u00e4hrleisten.<\/li><\/ul>\n<h3 class=\"wp-block-heading\">7. Priorisieren Sie das mobile Erlebnis<\/h3>\n<p>Ende 2023 fand mehr als die H\u00e4lfte des gesamten Web-Traffics weltweit <a target=\"_blank\" href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" rel=\"noopener\">auf mobilen Ger\u00e4ten statt<\/a>.<\/p>\n<p>Mit anderen Worten, es gibt keine M\u00f6glichkeit, diese kleinen, smarten Bildschirme zu ignorieren, wenn es um das Design von E-Mails geht.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design.webp\" alt=\"Responsives Design, das eine E-Mail von Six Flags auf dem Desktop zeigt und die Anpassung dieses Designs auf Mobilger\u00e4ten mit einigen Umstellungen, um den Raum zu nutzen\" class=\"wp-image-50461 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-267x300.webp 267w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-910x1024.webp 910w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-768x864.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1365x1536.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-600x675.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1200x1350.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-730x821.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1460x1643.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-784x882.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1568x1764.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-877x987.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1800;\" \/><\/figure>\n<p>Ein Design, das sich je nach Bildschirmgr\u00f6\u00dfe und -typ anpasst, wird als responsives Design bezeichnet. Gl\u00fccklicherweise sind die meisten E-Mail-Design-Tools \u2014 wie Mailchimp, Stripo, Unlayer und Dutzende mehr \u2014 responsiv und passen E-Mails automatisch an, um <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-sie-ihre-website-fur-mobile-gerate-optimieren\/\" rel=\"noopener\">sicherzustellen, dass sie mobilfreundlich sind<\/a>.<\/p>\n<p>Es gibt jedoch mehrere Dinge, die Sie tun k\u00f6nnen, um sicherzustellen, dass dies nicht schief geht und Ihre E-Mail-Newsletter immer makellos aussehen:<\/p>\n<ul class=\"wp-block-list\"><li>Wie wir hier und da erw\u00e4hnt haben, ist ein <strong>schlankes und einfaches Design<\/strong> oft am besten f\u00fcr E-Mails, besonders wenn man an die Lesbarkeit auf Handger\u00e4ten denkt. Au\u00dferdem sind einfache Layouts schneller zu laden, was wir alle unterwegs wollen.<\/li><li><strong>Schaltfl\u00e4chen sollten gro\u00df genug sein, um leicht mit dem Daumen getippt werden zu k\u00f6nnen<\/strong>. Die Faustregel ist <strong>44&#215;44 Pixel<\/strong>. Es sollte auch gen\u00fcgend Platz um die Schaltfl\u00e4chen herum sein, damit Benutzer klicken k\u00f6nnen, ohne versehentlich benachbarte Links zu ber\u00fchren.<\/li><li><strong>Wei\u00dfraum<\/strong> ist wichtiger denn je f\u00fcr die Lesbarkeit auf mobilen Ger\u00e4ten, also verwenden Sie ihn gro\u00dfz\u00fcgig, aber klug.<\/li><li>Platzieren Sie Ihren <strong>wichtigsten Inhalt nahe am Anfang Ihrer E-Mail<\/strong>, damit er vor dem Scrollen sichtbar ist.<\/li><li>Mobilger\u00e4te zeigen typischerweise <strong>k\u00fcrzere Betreffzeilen<\/strong> (etwa 30 bis 40 Zeichen), also halten Sie es kurz und b\u00fcndig.<\/li><li>Die <strong>gesamte E-Mail-Gr\u00f6\u00dfe sollte unter 100KB liegen<\/strong>, sonst dauert das Laden zu lange oder sie wird vom E-Mail-Client abgeschnitten.<\/li><\/ul>\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n<h3 class=\"wp-block-heading\">8. Gib mir bitte etwas Platz!<\/h3>\n<p>Im Design bezieht sich der wei\u00dfe Raum auf den leeren oder negativen Raum um Elemente herum.<\/p>\n<p>Es spielt eine entscheidende Rolle im E-Mail-Design, indem es hilft, Inhalte nach Wichtigkeit zu organisieren, die Lesbarkeit und die Sichtbarkeit zu verbessern und die Aufmerksamkeit auf Schl\u00fcsselkomponenten zu lenken.<\/p>\n<p>Ehrlicherweise ist Wei\u00dfraum eines dieser Dinge, die man sofort erkennt, wenn man sie sieht \u2014 wenn es gut gemacht ist, ist es der Unterschied zwischen einer angenehmen, ruhigen Interaktion und einer, die veraltet, stickig und schwer zu verdauen wirkt.<\/p>\n<p>Dazu einige grundlegende Tipps zur Implementierung von Wei\u00dfraum in E-Mails:<\/p>\n<ul class=\"wp-block-list\"><li><strong>Lassen Sie gen\u00fcgend Abstand<\/strong> (auch bekannt als Platz) um Abs\u00e4tze, Bilder und andere Abschnitte, um zu verhindern, dass die E-Mail \u00fcberladen wirkt.<\/li><li><strong>Angleichen Sie die R\u00e4nder<\/strong> zwischen all Ihren Textbl\u00f6cken an, um den Blick des Lesers reibungslos von einem Abschnitt zum n\u00e4chsten zu f\u00fchren.<\/li><li><strong>Erh\u00f6hen Sie den Abstand zwischen den Zeilen<\/strong>, um die Lesbarkeit zu verbessern.<\/li><li><strong>F\u00fcgen Sie mehr Platz um wichtige Bereiche hinzu<\/strong>, um auf nat\u00fcrliche Weise die Aufmerksamkeit darauf zu lenken, ohne zus\u00e4tzliche Designelemente.<\/li><li><strong>Widerstehen Sie dem Drang, zu viele Inhalte in eine einzige E-Mail zu packen<\/strong>. Indem Sie Text und Bilder gut verteilt halten, reduzieren Sie visuelle Unordnung und machen Ihre Nachricht verst\u00e4ndlicher.<\/li><li>Denken Sie daran, <strong>weniger ist oft mehr<\/strong> bei der Gestaltung von E-Mails!<\/li><\/ul>\n<h3 class=\"wp-block-heading\">9. Erstellen Sie E-Mails mit klarer Hierarchie<\/h3>\n<p>Eine Hierarchie erstellen \u2014 Elemente so anordnen, dass die Wichtigkeit ersichtlich wird \u2014 in einer Marketing-E-Mail stellt sicher, dass Ihre Empf\u00e4nger den Inhalt leicht navigieren, wichtige Informationen aufnehmen und gew\u00fcnschte Aktionen durchf\u00fchren k\u00f6nnen.<\/p>\n<p>\u00c4hnlich wie beim Anwenden von Wei\u00dfraum kommt es bei der Hierarchie auf Beobachtung und \u00dcbung an. Aber wenn man es einmal verstanden hat, dann <em>versteht<\/em> man es.<\/p>\n<p>Dennoch gibt es einige ziemlich einfache Tricks, die Sie beim Verfassen von E-Mails anwenden k\u00f6nnen, um das Auge des Lesers zu leiten und Ihre Nachricht effektiv zu vermitteln:<\/p>\n<ul class=\"wp-block-list\"><li><strong>Merkmale hervorheben <\/strong>bei der Einf\u00fchrung von Schl\u00fcsselpunkten. \u00dcberschriften sollten gr\u00f6\u00dfer und fettgedruckter sein als alle anderen Texte, und signalisieren klar die wichtigsten Teile Ihrer Nachricht. Zwischen\u00fcberschriften k\u00f6nnen unterst\u00fctzende Informationen einf\u00fchren.<\/li><li><strong>Verwenden Sie gr\u00f6\u00dferen und fettgedruckteren Text<\/strong>, um nat\u00fcrlich Aufmerksamkeit zu erregen. Kleinerer Text kann bei Bedarf Kontext hinzuf\u00fcgen.<\/li><li><strong>Kontrastierende Farben<\/strong> lassen wichtige Elemente hervorstechen. Heben Sie Ihre wichtigste CTA mit Ihrer fettesten Farbe hervor, die sich vom Hintergrund abhebt. Und \u00fcbernutzen Sie diese Farbe nicht, sonst verlieren Sie an Wirkung.&nbsp;<\/li><li><strong>Bilder sowie Wei\u00dfraum<\/strong> k\u00f6nnen die Aufmerksamkeit eines Lesers auf wichtige Informationen lenken.<\/li><li><strong>Symbolik mit Pfeilen<\/strong> kann ebenfalls helfen, den Lesern zu verstehen, worauf sie zuerst oder als N\u00e4chstes schauen sollten.<\/li><\/ul>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1759\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy.webp\" alt=\"Beispiel f\u00fcr eine Kopfzeilenhierarchie, die auf das H1 oben, darunter ein H2 und dann ein H3 hinweist\" class=\"wp-image-50462 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-273x300.webp 273w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-931x1024.webp 931w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-768x844.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1397x1536.webp 1397w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-600x660.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1200x1319.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-730x803.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1460x1605.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-784x862.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1568x1724.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-877x964.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1759;\" \/><\/figure>\n<h3 class=\"wp-block-heading\">10. W\u00e4hlen Sie Ihre Schriftarten sorgf\u00e4ltig aus<\/h3>\n<p>Es ist wichtig, eine Balance zwischen Markenbildung und Lesbarkeit zu finden, wenn Sie <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/beste-google-schriften\/\" rel=\"noopener\">Schriften ausw\u00e4hlen<\/a> f\u00fcr Ihre E-Mails. Insgesamt w\u00fcrden wir jedoch wahrscheinlich der Lesbarkeit den Vorrang geben \u2014 die stark von der Schriftwahl beeinflusst wird.<\/p>\n<ul class=\"wp-block-list\"><li><strong>F\u00fcr \u00dcberschriften und kurze Textbl\u00f6cke<\/strong> sollten Sie sich f\u00fcr serifenlose Schriftarten entscheiden, die sauber, modern sind und auf den meisten Bildschirmen klar angezeigt werden. Diese Schriftarten sind in kleinen Dosen und gro\u00dfen Gr\u00f6\u00dfen am besten lesbar und eignen sich ideal f\u00fcr Titel und andere Aufmerksamkeit erregende Ausschnitte.<\/li><li><strong>F\u00fcr l\u00e4ngere Abs\u00e4tze<\/strong> sind serifen Schriftarten in der Regel leichter zu lesen. Deshalb verwenden viele Zeitungen und Zeitschriften serifen Schriftarten f\u00fcr l\u00e4ngere Textstrecken.<\/li><\/ul>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts.webp\" alt=\"sans serif gegen\u00fcber serif, die die geschwungenen Teile des Buchstabens &quot;A&quot; zeigen, die eine Schrift zu einer Serifenschrift machen\" class=\"wp-image-50463 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n<p>Zus\u00e4tzlich zur Auswahl des richtigen Stils m\u00f6chten Sie auch <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/websichere-schriften\/\" rel=\"noopener\">web-sichere Schriftarten priorisieren<\/a>, die in den meisten Webbrowsern, E-Mail-Clients und Betriebssystemen weitgehend unterst\u00fctzt werden. Die Verwendung von web-sicheren Schriftarten garantiert, dass Ihre E-Mails so aussehen, wie Sie es beabsichtigt haben, egal ob sie in Gmail, Outlook oder einem anderen beliebten Dienst ge\u00f6ffnet werden.<\/p>\n<p>Beliebte websichere serifenlose Schriftarten sind:<\/p>\n<ul class=\"wp-block-list\"><li><span style=\"font-family: Arial\">Arial<\/span><\/li><li><span style=\"font-family: Helvetica\">Helvetica<\/span><\/li><li><span style=\"font-family: Verdana\">Verdana<\/span><\/li><li><span style=\"font-family: Tahoma\">Tahoma<\/span><\/li><li><span style=\"font-family: Lucida Sans\">Lucida Sans<\/span><\/li><li><span style=\"font-family: Geneva\">Geneva<\/span><\/li><\/ul>\n<p>H\u00e4ufig verwendete serifen Web-Sichere Schriftarten sind:<\/p>\n<ul class=\"wp-block-list\"><li><span style=\"font-family: Times New Roman\">Times New Roman<\/span><\/li><li><span style=\"font-family: Garamond\">Garamond<\/span><\/li><li><span style=\"font-family: Georgia\">Georgia<\/span><\/li><\/ul>\n<h3 class=\"wp-block-heading\">11. Schriftgr\u00f6\u00dfe zwischen 10 und 16 Punkten<\/h3>\n<p>Schriftgr\u00f6\u00dfe ist genauso wichtig wie Schriftstil. Es geht auch um Markenbildung gemischt mit Ausgewogenheit.<\/p>\n<p>Obwohl es keine strengen Standards f\u00fcr Schriftgr\u00f6\u00dfen in E-Mails gibt, ist es <strong>am besten, Ihre Schrift gr\u00f6\u00dfer als die 10-Punkt-Gr\u00f6\u00dfe zu halten,<\/strong> da alles Kleinere schwer zu lesen sein kann.<\/p>\n<p>Auf der anderen Seite ist 16 Punkte eine sch\u00f6n gro\u00dfe Gr\u00f6\u00dfe, aber alles dar\u00fcber hinaus hat das Potenzial, verzerrt zu erscheinen oder Ihr Design auf bestimmten E-Mail-Plattformen \u201ezu brechen\u201c.<\/p>\n<p>Es ist wichtig zu bedenken, dass Zug\u00e4nglichkeitsrichtlinien mindestens eine 16-Punkt-Schrift empfehlen. Um die beste Passform zu finden, empfehlen wir dringend, mit der Gr\u00f6\u00dfe zu experimentieren, um zu sehen, was f\u00fcr Ihren typischen E-Mail-Stil \u00fcber Plattformen, Ger\u00e4te und Bildschirmleser am besten funktioniert.<\/p>\n<h3 class=\"wp-block-heading\">12. Ber\u00fccksichtigen Sie die Wirkung von Farben<\/h3>\n<p>Farbe beeinflusst nat\u00fcrlich die Wahrnehmung Ihrer E-Mails.<\/p>\n<p>Nicht nur helfen Farben, Ihre Marke darzustellen, sie k\u00f6nnen auch die <strong>Lesbarkeit beeinflussen und die Empf\u00e4nger \u00fcber die Hierarchie des Inhalts informieren.<\/strong><\/p>\n<p>Betrachten Sie den Ton, den Sie vermitteln m\u00f6chten, wenn Sie Farbe in E-Mails verwenden. W\u00e4hrend das Blau, das viele ber\u00fchmte Websites verwenden (Facebook, Dell usw.), Vertrauen erwecken kann, kann Gelb die Stimmung heben, Gr\u00fcn kann Frieden einf\u00fchren und Schwarz kann Ihnen helfen, eine ernstere (oder luxuri\u00f6sere) Botschaft zu \u00fcbermitteln.<\/p>\n<p>Wie Sie Farben kombinieren, ist ebenfalls wichtig. F\u00fcr 40 verschiedene Ideen, wie Sie Farben kombinieren k\u00f6nnen, um Ihre Nachricht laut und deutlich zu \u00fcbermitteln, verpassen Sie nicht unseren aktuellen Leitfaden zu <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/farbpaletten-fur-websites\/\" rel=\"noopener\">Website-Farbschemata<\/a>.<\/p>\n<h3 class=\"wp-block-heading\">13. Vergessen Sie nicht den Dunkelmodus<\/h3>\n<p>Die E-Mail-Plattform Litmus stellte fest, dass etwa <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/blog\/email-client-market-share-infographic\" rel=\"noopener\">35% ihrer Abonnenten<\/a> (und die Zahl w\u00e4chst) ihre E-Mails im Dunkelmodus betrachten: eine Einstellung, die das Farbschema von allem, was ein Empf\u00e4nger auf seinem Ger\u00e4t sieht, verdunkelt.<\/p>\n<p>Viele E-Mail-Clients versuchen, E-Mails automatisch f\u00fcr den Dunkelmodus anzupassen, aber dieser Prozess ist nicht immer fehlerfrei. Um sicherzustellen, dass Ihre E-Mails sowohl in hellen als auch in dunklen Einstellungen gro\u00dfartig aussehen, beachten Sie Folgendes:<\/p>\n<ul class=\"wp-block-list\"><li><strong>Verwenden Sie transparente PNGs<\/strong>, da diese Bilder keinen Hintergrund haben. Durch die Verwendung transparenter PNGs vermeiden Sie unangenehme Hintergrundkontraste, wenn Ihre E-Mail von hell zu dunkel wechselt.<\/li><li><strong>Umriss schwarze Logos in Wei\u00df<\/strong>, denn wenn Teile Ihres Logos schwarz sind, k\u00f6nnen sie in einen dunklen Hintergrund \u00fcbergehen und schnell schlecht aussehen. Um dies zu verhindern, f\u00fcgen Sie einen kleinen wei\u00dfen Rand um die schwarzen Elemente hinzu. Dies macht sie im Dunkelmodus sichtbar, w\u00e4hrend sie sich nahtlos einf\u00fcgen, wenn der Hintergrund wei\u00df ist.<\/li><\/ul>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode.webp\" alt=\"links zeigt ein Logo im Dunkelmodus ohne Rand und kaum lesbar vs ein Logo mit wei\u00dfem Rand, damit es im Dunkelmodus sichtbar wird\" class=\"wp-image-50465 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-300x169.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1024x576.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-768x432.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1536x864.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-600x338.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1200x675.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-730x411.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1460x821.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-784x441.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1568x882.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-877x493.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n<ul class=\"wp-block-list\"><li><strong>Optimierung der Farben f\u00fcr beide Paletten<\/strong> bedeutet, dass Farben auf Ihren Schaltfl\u00e4chen, Links, Symbolen und anderswo im Dunkelmodus v\u00f6llig anders aussehen k\u00f6nnen, als Sie es gewohnt sind. Um schlechten Kontrast, grelle Farben oder Lesbarkeitsprobleme zu vermeiden, sollten Sie Ihre Farbt\u00f6ne leicht d\u00e4mpfen, um sicherzustellen, dass sie in allen Modi angenehm f\u00fcr die Augen sind.<\/li><li><strong>Testen! Testen! Testen! <\/strong>Wenn Sie Ihre E-Mail f\u00fcr den Dunkelmodus entworfen haben, ist es wichtig zu testen, wie sie dargestellt wird. Senden Sie eine Test-E-Mail an sich selbst und \u00fcberpr\u00fcfen Sie ihr Aussehen sowohl im Hell- als auch im Dunkelmodus auf verschiedenen E-Mail-Clients.&nbsp;<\/li><\/ul>\n<h3 class=\"wp-block-heading\">14. Zug\u00e4ngliche E-Mail-Kopie ist entscheidend<\/h3>\n<p>Da E-Mail eine Erweiterung Ihrer Marke ist, ist das Design der E-Mail-Zug\u00e4nglichkeit genauso wichtig wie das <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/machen-sie-ihre-website-barrierefrei\/\" rel=\"noopener\">Design der Website-Zug\u00e4nglichkeit<\/a>.<\/p>\n<p>Hier ist ein Spickzettel, um sicherzustellen, dass Ihre E-Mails sch\u00f6n und f\u00fcr alle Zielgruppenmitglieder konsumierbar sind:<\/p>\n<ul class=\"wp-block-list\"><li><strong>Stellen Sie sicher, dass wichtige Informationen<\/strong> \u2014 Promo-Codes, Daten, Zeiten und CTAs \u2014 mindestens einmal als Text pr\u00e4sentiert werden, anstatt nur in Bilder eingebettet zu sein. Dies garantiert, dass alle Empf\u00e4nger, einschlie\u00dflich derjenigen, die Screenreader verwenden oder Bilder deaktiviert haben, weiterhin auf wichtige Inhalte zugreifen k\u00f6nnen.<\/li><li><strong>Verwenden Sie Alt-Text f\u00fcr Bilder<\/strong>. Wenn ein Abonnent Bilder deaktiviert hat, bietet der alternative Text immer noch Kontext und \u00fcbermittelt die Nachricht.<\/li><li><strong>Eine Mindestschriftgr\u00f6\u00dfe von 16 Punkten<\/strong> wird f\u00fcr die Lesbarkeit empfohlen.<\/li><li><strong>Richten Sie den Text links aus<\/strong>, da linksb\u00fcndiger Text leichter zu lesen ist als zentrierte Abs\u00e4tze, die den Fluss f\u00fcr die Leser st\u00f6ren k\u00f6nnen.<\/li><li><strong>Buchstaben und Zeilen, die zu eng zusammenstehen<\/strong>, k\u00f6nnen die Lesbarkeit verringern, daher sollte gen\u00fcgend Abstand zwischen ihnen gew\u00e4hrleistet sein.<\/li><li><strong>Sich ausschlie\u00dflich auf Farbe zu verlassen, um Ihre Bedeutung zu vermitteln, kann verwirrend sein<\/strong> f\u00fcr Personen mit Farbenblindheit. Dar\u00fcber hinaus interpretieren die meisten Screenreader keine Farben. Verwenden Sie stattdessen Text und Symbole zus\u00e4tzlich zur Farbe, um Informationen zu \u00fcbermitteln.<\/li><li><strong>Machen Sie den Text deutlich sichtbar<\/strong> vor dem Hintergrund, indem Sie einen starken Farbkontrast erstellen. Ein Kontrastverh\u00e4ltnis von mindestens 4,5:1 wird empfohlen, um die Lesbarkeit f\u00fcr alle Benutzer zu gew\u00e4hrleisten.<\/li><\/ul>\n<p>Wenn Sie noch nie den Kontrast eines Designs \u00fcberpr\u00fcfen mussten, gibt es viele hilfreiche, kostenlose Online-Tools \u2014 <a target=\"_blank\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">wie dieses von WebAIM<\/a>.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"997\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios.webp\" alt=\"Kontrastverh\u00e4ltnisse von niedrig bis hoch, wobei die h\u00f6heren Verh\u00e4ltnisse besser sind, 5:1, 6:1 und 21:1\" class=\"wp-image-50466 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-300x187.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1024x638.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-768x479.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1536x957.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-600x374.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1200x748.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-730x455.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1460x910.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-784x489.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1568x977.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-877x546.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/997;\" \/><\/figure>\n<h3 class=\"wp-block-heading\">15. A\/B-Test und Iteration<\/h3>\n<p>Einer der wichtigsten Schritte, um ein erfolgreiches E-Mail-Design sicherzustellen, ist das <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/a-b-testing\/\" rel=\"noopener\">Durchf\u00fchren von A\/B-Tests<\/a>.<\/p>\n<p>Dieser Prozess beinhaltet die Erstellung von zwei Versionen einer E-Mail und das Senden jeder an verschiedene Segmente Ihrer Abonnentenliste. Durch die Analyse der Ergebnisse \u2014 wie \u00d6ffnungsraten, Klickrate oder Konversionen \u2014 k\u00f6nnen Sie feststellen, welche Version mehr bei Ihrem Publikum ankommt.<\/p>\n<p>Lassen Sie uns die schnellen und einfachen Schritte eines E-Mail A\/B-Tests durchgehen:<\/p>\n<p><strong>Schritt 1: Definieren Sie, was Sie testen werden<\/strong>. Konzentrieren Sie sich jeweils auf ein Element, wie das Layout der E-Mail-Kopie, die Anzahl der Bilder oder die Farbe des CTA-Buttons. Dies erm\u00f6glicht es Ihnen, den Einfluss jeder \u00c4nderung zu isolieren.<\/p>\n<p><strong>Schritt 2: Segmentieren<\/strong>. Teilen Sie Ihre Abonnentenliste in zwei gleiche Gruppen f\u00fcr einen fairen Vergleich auf. Stellen Sie sicher, dass beide Gruppen repr\u00e4sentativ f\u00fcr Ihr gesamtes Publikum sind.<\/p>\n<p><strong>Schritt 3: Ziele setzen<\/strong>. Bestimmen Sie, wie Erfolg aussieht. Streben Sie nach mehr \u00d6ffnungen, h\u00f6heren Klick-Raten oder gesteigerten Konversionen? Ein klares Ziel wird Ihre Analyse leiten.<\/p>\n<p><strong>Schritt 4: Ergebnisse analysieren<\/strong>. Nachdem die E-Mails gesendet wurden, vergleichen Sie die Metriken basierend auf Ihren Zielen. Identifizieren Sie, welche Version besser abgeschnitten hat und warum.<\/p>\n<p><strong>Schritt 5: Erkenntnisse umsetzen<\/strong>. Wenden Sie die gewinnenden Elemente auf zuk\u00fcnftige E-Mail-Designs an und testen Sie weiterhin andere Komponenten, um die Verbesserungen fortzusetzen.<\/p>\n<h2 id=\"h2_4-more-resources-for-website-and-email-marketing-success\" class=\"wp-block-heading\">4 weitere Ressourcen f\u00fcr den Erfolg von Website und E-Mail-Marketing<\/h2>\n<p>Sie suchen nach weiteren M\u00f6glichkeiten, um E-Mail- und Webdesign-Exzellenz zu erreichen?<\/p>\n<p>Wir haben einige unserer Lieblingsressourcen zusammengestellt, um noch mehr Erfolg zu erzielen, wenn Sie sich in der Welt des Online-Marketings bewegen:<\/p>\n<ul class=\"wp-block-list\"><li><strong>F\u00fcr eine Neugestaltung des Webdesigns oder einen ersten Crashkurs<\/strong>, verpassen Sie nicht die <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/elemente-des-webdesigns\/\" rel=\"noopener\">Top 7 Grundelemente des Webdesigns<\/a>.&nbsp;<\/li><li><strong>\u00dcberlegen Sie, ob es an der Zeit ist, in ein digitales Upgrade zu investieren?<\/strong> Schauen Sie sich <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/zeit-fur-ein-website-redesign\/\" rel=\"noopener\">Zeit f\u00fcr ein Website-Redesign? 7 Wege, es zu wissen<\/a> an.&nbsp;<\/li><li><strong>Haben Sie entschieden, dass Ihre Website eine Renovierung ben\u00f6tigt?<\/strong> Lassen Sie sich von uns leiten in <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/de\/checkliste-fur-website-neugestaltung\/\" rel=\"noopener\">Ihre Checkliste f\u00fcr ein unglaubliches Website-Redesign<\/a>.&nbsp;<\/li><li><strong>Design ist nicht <em>alles<\/em>. Auch die Zustellbarkeit ist entscheidend f\u00fcr den Erfolg im E-Mail-Marketing.<\/strong> <a href=\"https:\/\/shareasale.com\/r.cfm?b=834775&amp;u=4337179&amp;m=64312&amp;urllink=wpmailsmtp%2Ecom%2Fpricing%2F&amp;afftrack=DHblog\" target=\"_blank\" rel=\"noopener\">WP Mail SMTP<\/a> erh\u00f6ht die E-Mail-Zuverl\u00e4ssigkeit f\u00fcr WordPress-Nutzer.<\/li><\/ul>\n<h2 id=\"h2_which-best-practices-for-email-campaigns-will-you-try\" class=\"wp-block-heading\">Welche Best Practices f\u00fcr E-Mail-Kampagnen werden Sie ausprobieren?<\/h2>\n<p>Genau so (OK, es war etwas lang, entschuldigen Sie!), haben Sie jetzt 15 bew\u00e4hrte E-Mail-Design-Best-Practices in Ihrem Werkzeugkasten, von der Optimierung f\u00fcr Mobilger\u00e4te und dem Erstellen klarer Hierarchien bis zur Auswahl der richtigen Schriftarten, dem Erlernen der Feinheiten des Wei\u00dfraums und nat\u00fcrlich dem A\/B-Testen.<\/p>\n<p>Der n\u00e4chste Schritt ist einfach genug \u2014 gehen Sie raus und beginnen Sie, diese Tipps in Ihren E-Mail-Kampagnen anzuwenden und sehen Sie die Ergebnisse selbst!<\/p>\n<p>F\u00fchlen Sie jetzt mehr denn je den Druck? Verlangsamen Sie, wir haben genau die L\u00f6sung.<\/p>\n<p>F\u00fcr die Leser da drau\u00dfen, die mehr Abonnenten, Besucher und Verk\u00e4ufe ben\u00f6tigen, aber einfach <em>nicht<\/em> die Zeit haben, ihre Website und Marketingkampagnen zu verbessern, schauen Sie sich unser <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/marketing\/\" rel=\"noopener\">Pro Services team<\/a> an.<\/p>\n<p>Von SEO bis zu sozialen Medien und dar\u00fcber hinaus k\u00f6nnen unsere vielf\u00e4ltigen und qualifizierten Experten genau das tun, was Sie ben\u00f6tigen, um das Marketing-Erlebnis zu verbessern und Ihr kleines Unternehmen zu vergr\u00f6\u00dfern.<\/p>\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie Ihr Publikum mit makellos gestalteten E-Mails fesseln? Diese 15 besten Praktiken f\u00fcr E-Mail-Design k\u00f6nnen starke Ergebnisse erzielen \u2013 probieren Sie es aus und sehen Sie selbst!<\/p>\n","protected":false},"author":1061,"featured_media":50445,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-what-do-we-mean-by-email-newsletter-design\",\"Was verstehen wir unter E-Mail-Newsletter-Design?\"],[\"h2_why-email-design-matters\",\"Warum E-Mail-Design wichtig ist\"],[\"h2_15-email-design-best-practices\",\"15 E-Mail Design Best Practices\"],[\"h2_4-more-resources-for-website-and-email-marketing-success\",\"4 weitere Ressourcen f\u00fcr den Erfolg von Website und E-Mail-Marketing\"],[\"h2_which-best-practices-for-email-campaigns-will-you-try\",\"Welche Best Practices f\u00fcr E-Mail-Kampagnen werden Sie ausprobieren?\"]]","hide_toc":false,"footnotes":""},"categories":[14493],"tags":[],"class_list":["post-52163","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing\" \/>\n<meta property=\"og:description\" content=\"M\u00f6chten Sie Ihr Publikum mit makellos gestalteten E-Mails fesseln? Diese 15 besten Praktiken f\u00fcr E-Mail-Design k\u00f6nnen starke Ergebnisse erzielen \u2013 probieren Sie es aus und sehen Sie selbst!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-28T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T14:06:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Justin Lorenc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Justin Lorenc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing - DreamHost Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/","og_locale":"en_US","og_type":"article","og_title":"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing","og_description":"M\u00f6chten Sie Ihr Publikum mit makellos gestalteten E-Mails fesseln? Diese 15 besten Praktiken f\u00fcr E-Mail-Design k\u00f6nnen starke Ergebnisse erzielen \u2013 probieren Sie es aus und sehen Sie selbst!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-10-28T14:00:00+00:00","article_modified_time":"2025-01-07T14:06:11+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","type":"image\/jpeg"}],"author":"Justin Lorenc","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Justin Lorenc","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/"},"author":{"name":"Justin Lorenc","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb"},"headline":"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-01-07T14:06:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/"},"wordCount":4030,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","articleSection":["Marketing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/","name":"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-01-07T14:06:11+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/e-mail-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Ihr Leitfaden f\u00fcr E-Mail-Design: 15 bew\u00e4hrte Methoden f\u00fcr E-Mail-Marketing"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb","name":"Justin Lorenc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","caption":"Justin Lorenc"},"description":"Justin is a Digital Marketing Email Specialist based in Boston, MA. He is responsible for improving the value and success of our email marketing campaigns here at DreamHost. In his free time, he enjoys playing guitar, running, reading, and eating a good meal. Connect with him on LinkedIn.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/justinlorenc\/"}]}},"lang":"de","translations":{"de":52163,"en":50449,"es":50432,"pl":52169,"pt":56831,"ru":56841,"uk":56844,"it":68738,"fr":71050,"nl":71086},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1061"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=52163"}],"version-history":[{"count":3,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52163\/revisions"}],"predecessor-version":[{"id":59771,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52163\/revisions\/59771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/50445"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=52163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=52163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=52163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}