{"id":23379,"date":"2023-07-14T07:59:00","date_gmt":"2023-07-14T07:59:00","guid":{"rendered":"https:\/\/vibetrace.com\/?p=23379"},"modified":"2023-08-30T21:24:04","modified_gmt":"2023-08-30T21:24:04","slug":"ultimate-guide-email-design-best-practices","status":"publish","type":"post","link":"https:\/\/vibetrace.com\/hu\/ultimate-guide-email-design-best-practices\/","title":{"rendered":"Az e-mailek tervez\u00e9s\u00e9nek v\u00e9gs\u0151 \u00fatmutat\u00f3ja: Bet\u0171m\u00e9retek, k\u00e9pm\u00e9retek \u2013 bev\u00e1lt m\u00f3dszerek"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p><\/p>\n\n\n\n<p><strong>Mi\u00e9rt fontos az e-mail tervez\u00e9s?<\/strong>: Fontoss\u00e1g az e-kereskedelemben \u00e9s a marketingben.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id23379_274ff3-68 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Bet\u0171t\u00edpus \u00e9s tipogr\u00e1fia<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Bet\u0171m\u00e9retek: <\/h3>\n\n\n\n<p>Javasolt m\u00e9retek mobil \u00e9s asztali e-mailekhez<\/p>\n\n\n\n<p>A mobil e-mailek olvashat\u00f3s\u00e1ga \u00e9rdek\u00e9ben \u00e1ltal\u00e1ban ragaszkodni kell a k\u00f6vetkez\u0151 bet\u0171m\u00e9retekhez:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>T\u00f6rzssz\u00f6veg<\/strong>: A 14-16 k\u00e9ppont j\u00f3 tartom\u00e1ny. K\u00f6nnyen olvashat\u00f3 nagy\u00edt\u00e1s n\u00e9lk\u00fcl.<\/li>\n\n\n\n<li><strong>C\u00edmsorok<\/strong>: A 22-27 k\u00e9ppont j\u00f3l m\u0171k\u00f6dik a fejl\u00e9cekn\u00e9l. Azt akarja, hogy kit\u0171njenek, de ne legyenek els\u00f6pr\u0151ek.<\/li>\n\n\n\n<li><strong>Alc\u00edmek<\/strong>: 18-22 k\u00e9ppont k\u00f6r\u00fcl. Nagyobbnak kell lenni\u00fck, mint a t\u00f6rzssz\u00f6veg, de kisebbnek kell lenni\u00fck a f\u0151 c\u00edmsorokn\u00e1l.<\/li>\n\n\n\n<li><strong>CTA gombok<\/strong>: A gombokon bel\u00fcli sz\u00f6vegnek legal\u00e1bb 14 k\u00e9ppont m\u00e9ret\u0171nek kell lennie a k\u00f6nny\u0171 koppint\u00e1s \u00e9rdek\u00e9ben.<\/li>\n\n\n\n<li><strong>Apr\u00f3bet\u0171s<\/strong>: Legyen legal\u00e1bb 12 k\u00e9ppont, hogy j\u00f3l olvashat\u00f3 legyen, de egy\u00e9rtelm\u0171en m\u00e1sodlagos.<\/li>\n<\/ol>\n\n\n\n<p>Az olvashat\u00f3s\u00e1g kulcsfontoss\u00e1g\u00fa, k\u00fcl\u00f6n\u00f6sen az e-kereskedelem eset\u00e9ben, ahol cselekv\u00e9sre szeretn\u00e9 ir\u00e1ny\u00edtani az olvas\u00f3t. Mindig tesztelje e-mailjeit t\u00f6bb eszk\u00f6z\u00f6n, hogy megbizonyosodjon arr\u00f3l, hogy j\u00f3l n\u00e9znek ki!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bet\u0171t\u00edpusok<\/h3>\n\n\n\n<p>Serif vs. Sans-serif.<\/p>\n\n\n\n<p>Ha az e-mailek tervez\u00e9s\u00e9r\u0151l van sz\u00f3, a Serif \u00e9s a Sans-Serif bet\u0171t\u00edpusok k\u00f6z\u00f6tti v\u00e1laszt\u00e1s val\u00f3di v\u00e1ltoz\u00e1st hozhat. \u00cdme a m\u00e9lypont:<\/p>\n\n\n\n<p><strong>Serif bet\u0171t\u00edpusok<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>P\u00e9ld\u00e1k<\/strong>: Times New Roman, Georgia<\/li>\n\n\n\n<li><strong>Hangulat<\/strong>: Tradicion\u00e1lisabb, gyakran form\u00e1lisnak vagy tudom\u00e1nyosnak tekinthet\u0151.<\/li>\n\n\n\n<li><strong>Legjobb For<\/strong>: Hossz\u00fa form\u00e1tum\u00fa tartalom, ahol az olvashat\u00f3s\u00e1g kulcsfontoss\u00e1g\u00fa.<\/li>\n\n\n\n<li><strong>De<\/strong>: A kis k\u00e9perny\u0151k\u00f6n zs\u00fafoltnak t\u0171nhet, ez\u00e9rt \u00f3vatosan haszn\u00e1lja a mobil e-maileket.<\/li>\n<\/ul>\n\n\n\n<p><strong>Sans-Serif bet\u0171t\u00edpusok<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>P\u00e9ld\u00e1k<\/strong>: Arial, Helvetica, Verdana<\/li>\n\n\n\n<li><strong>Hangulat<\/strong>: Modern, tiszta \u00e9s h\u00e9tk\u00f6znapi.<\/li>\n\n\n\n<li><strong>Legjobb For<\/strong>: R\u00f6vid, frapp\u00e1ns tartalom \u00e9s mobil olvashat\u00f3s\u00e1g.<\/li>\n\n\n\n<li><strong>Mi\u00e9rt<\/strong>: K\u00f6nnyebben olvashat\u00f3 kis k\u00e9perny\u0151k\u00f6n, \u00e9s kort\u00e1rs hangulatot k\u00f6lcs\u00f6n\u00f6z.<\/li>\n<\/ul>\n\n\n\n<p><strong>Tippek az e-mail tervez\u00e9shez<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>K\u00f6vetkezetess\u00e9g<\/strong>: Ragaszkodjon egy vagy k\u00e9t bet\u0171t\u00edpushoz, hogy a terv egys\u00e9ges legyen.<\/li>\n\n\n\n<li><strong>Webbiztons\u00e1gos bet\u0171t\u00edpusok<\/strong>: Haszn\u00e1ljon olyan bet\u0171t\u00edpusokat, amelyek j\u00f3l megjelennek az \u00f6sszes levelez\u0151programban.<\/li>\n\n\n\n<li><strong>Hierarchia<\/strong>: Haszn\u00e1ljon k\u00fcl\u00f6nb\u00f6z\u0151 bet\u0171t\u00edpusokat vagy st\u00edlusokat a c\u00edmsorokhoz \u00e9s a t\u00f6rzssz\u00f6vegekhez a vizu\u00e1lis hierarchia l\u00e9trehoz\u00e1s\u00e1hoz.<\/li>\n\n\n\n<li><strong>Teszt<\/strong>: Mindig tesztelje, hogyan jelennek meg a bet\u0171t\u00edpusok a k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k\u00f6n \u00e9s levelez\u0151programokon.<\/li>\n<\/ol>\n\n\n\n<p>Tekintettel arra, hogy az e-kereskedelemre \u00f6sszpontos\u00edtunk, a Sans-Serif fel\u00e9 hajolhat modern hangulata \u00e9s mobil olvashat\u00f3s\u00e1ga miatt. <\/p>\n\n\n\n<p>De ha oktat\u00e1si tartalmat k\u00fcld, a Serif bet\u0171t\u00edpus egy kis tekint\u00e9lyt adhat. V\u00e1lassz m\u00e1rk\u00e1d \u00e9s \u00fczeneted alapj\u00e1n!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sork\u00f6z<\/h3>\n\n\n\n<p>Az optim\u00e1lis t\u00e9rk\u00f6z az e-mailek olvashat\u00f3s\u00e1ga szempontj\u00e1b\u00f3l fontos.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>T\u00f6rzssz\u00f6veg<\/strong>: C\u00e9l a bet\u0171m\u00e9ret 1,4-1,6-szorosa. Teh\u00e1t, ha a bet\u0171m\u00e9ret 16 k\u00e9ppont, a sort\u00e1vols\u00e1g k\u00f6r\u00fclbel\u00fcl 22 k\u00e9ppont \u00e9s 26 k\u00e9ppont k\u00f6z\u00f6tt van.<\/li>\n<\/ul>\n\n\n\n<p><strong>Mi\u00e9rt sz\u00e1m\u00edt a sort\u00e1vols\u00e1g?<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Olvashat\u00f3s\u00e1g<\/strong>: A megfelel\u0151 sork\u00f6z megakad\u00e1lyozza, hogy a sz\u00f6veg sz\u0171knek t\u0171nj\u00f6n, \u00edgy k\u00f6nnyebben olvashat\u00f3.<\/li>\n\n\n\n<li><strong>Lef\u00f6l\u00f6zhet\u0151s\u00e9g<\/strong>: A megfelel\u0151 t\u00e9rk\u00f6z seg\u00edti az olvas\u00f3kat a tartalom \u00e1tfut\u00e1s\u00e1ban, \u00edgy a legt\u00f6bben \u00edgy olvass\u00e1k az e-maileket.<\/li>\n<\/ol>\n\n\n\n<p>Tippek a sort\u00e1vols\u00e1ghoz<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>K\u00f6vetkezetess\u00e9g<\/strong>: Tartsa egys\u00e9ges sork\u00f6zt az e-mailben az egys\u00e9ges megjelen\u00e9s \u00e9rdek\u00e9ben.<\/li>\n\n\n\n<li><strong>C\u00edmsorok \u00e9s alc\u00edmek<\/strong>: Ezeknek a t\u00e1vols\u00e1ga kiss\u00e9 sz\u0171kebb lehet, mivel \u00e1ltal\u00e1ban nagyobbak \u00e9s mer\u00e9szebbek.<\/li>\n\n\n\n<li><strong>Mobil<\/strong>: Tesztelje k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k\u00f6n, hogy megbizonyosodjon arr\u00f3l, hogy a t\u00e9rk\u00f6z\u00f6k j\u00f3l n\u00e9znek ki a t\u00e1bl\u00e1n.<\/li>\n<\/ol>\n\n\n\n<p>Az e-kereskedelmi e-mail kamp\u00e1nyok eset\u00e9ben a sort\u00e1vols\u00e1g seg\u00edthet az olvas\u00f3 figyelm\u00e9t a CTA-k \u00e9s a legfontosabb inform\u00e1ci\u00f3k fel\u00e9 ir\u00e1ny\u00edtani. Sz\u00f3val ne hagyd figyelmen k\u00edv\u00fcl!<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">K\u00e9pek \u00e9s m\u00e9dia<\/h2>\n\n\n\n<p><strong>Aj\u00e1nlott m\u00e9retek<\/strong> email k\u00e9pekhez<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Teljes sz\u00e9less\u00e9g\u0171 k\u00e9pek<\/strong>: 600-800 k\u00e9ppont sz\u00e9les. Ez illeszkedik a legt\u00f6bb e-mail kliens alap\u00e9rtelmezett sz\u00e9less\u00e9g\u00e9hez.<\/li>\n\n\n\n<li><strong>Soron bel\u00fcli vagy lebeg\u0151 k\u00e9pek<\/strong>: 200-300 k\u00e9ppont sz\u00e9les. Ezek a k\u00e9pek a sz\u00f6veg mellett helyezkednek el.<\/li>\n\n\n\n<li><strong>H\u0151s k\u00e9pek<\/strong>: 800-1200 k\u00e9ppont sz\u00e9les. Ezek a nagy, figyelemfelkelt\u0151 k\u00e9pek a tetej\u00e9n.<\/li>\n\n\n\n<li><strong>CTA gombok<\/strong>: Legal\u00e1bb 44x44 k\u00e9ppont a k\u00f6nny\u0171 koppint\u00e1shoz mobilr\u00f3l.<\/li>\n<\/ol>\n\n\n\n<p><strong>Egy\u00e9b tippek<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>K\u00e9par\u00e1ny<\/strong>: ragaszkodjon az \u00e1ltal\u00e1nos k\u00e9par\u00e1nyokhoz, p\u00e9ld\u00e1ul 16:9 vagy 4:3, hogy biztos\u00edtsa a k\u00e9pek megfelel\u0151 m\u00e9retar\u00e1ny\u00e1t.<\/li>\n\n\n\n<li><strong>F\u00e1jl m\u00e9ret<\/strong>: Ha lehets\u00e9ges, tartsa 100 KB alatt a gyorsabb bet\u00f6lt\u00e9s \u00e9rdek\u00e9ben.<\/li>\n\n\n\n<li><strong>Nagy DPI-s k\u00e9perny\u0151k<\/strong>: Fontolja meg a retina-kijelz\u0151ket, \u00e9s haszn\u00e1ljon nagyobb felbont\u00e1s\u00fa k\u00e9peket, de t\u00f6m\u00f6r\u00edtse \u0151ket, hogy a f\u00e1jlm\u00e9ret alacsony maradjon.<\/li>\n<\/ol>\n\n\n\n<p><strong>K\u00e9pform\u00e1tumok<\/strong> emailben<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>JPEG<\/strong>: J\u00f3 \u00f6sszetett k\u00e9pekhez, sok sz\u00ednnel.<\/li>\n\n\n\n<li><strong>PNG<\/strong>: A legjobb egyszer\u0171 k\u00e9pekhez, sz\u00f6vegekhez \u00e9s log\u00f3khoz.<\/li>\n\n\n\n<li><strong>GIF<\/strong>: Egyszer\u0171 anim\u00e1ci\u00f3khoz.<\/li>\n<\/ul>\n\n\n\n<p>Mivel az e-kereskedelemre \u00f6sszpontos\u00edt, az \u00e9les \u00e9s gyorsan bet\u00f6lt\u0151d\u0151 k\u00e9pek vonz\u00f3v\u00e1 tehetik term\u00e9keit, \u00e9s lek\u00f6thetik a felhaszn\u00e1l\u00f3kat. Mindig t\u00f6bb eszk\u00f6z\u00f6n tesztelje, hogy minden rendben legyen!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alt sz\u00f6veg az e-mailben k\u00fcld\u00f6tt k\u00e9pekhez<\/h3>\n\n\n\n<p>Megk\u00f6zel\u00edthet\u0151s\u00e9g<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>L\u00e1t\u00e1ss\u00e9r\u00fclteknek<\/strong>: A k\u00e9perny\u0151olvas\u00f3k alternat\u00edv sz\u00f6veget haszn\u00e1lnak a k\u00e9pek le\u00edr\u00e1s\u00e1ra.<\/li>\n\n\n\n<li><strong>A jogszab\u00e1lyok betart\u00e1sa<\/strong>: Seg\u00edt megfelelni az olyan akad\u00e1lymentes\u00edt\u00e9si szabv\u00e1nyoknak, mint az ADA.<\/li>\n\n\n\n<li><strong>K\u00e9pblokkol\u00e1s e-mail kliensekben<\/strong>: Egyes kliensek alap\u00e9rtelmez\u00e9s szerint blokkolj\u00e1k a k\u00e9peket. Az alternat\u00edv sz\u00f6veg kontextust ad.<\/li>\n<\/ol>\n\n\n\n<p>SEO el\u0151nyei<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Keres\u00e9si rangsor<\/strong>: B\u00e1r az e-maileket k\u00f6zvetlen\u00fcl nem \u00e9rintik, a helyes alternat\u00edv sz\u00f6veges gyakorlatok seg\u00edthetnek az \u00e1ltal\u00e1nos SEO-strat\u00e9gi\u00e1ban.<\/li>\n\n\n\n<li>Ez akkor fordul el\u0151, ha nyilv\u00e1nos arch\u00edv oldala van a kimen\u0151 h\u00edrleveleknek<\/li>\n<\/ol>\n\n\n\n<p>Felhaszn\u00e1l\u00f3i tapasztalat<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Lass\u00fa internet<\/strong>: Ha a k\u00e9pek nem t\u00f6lt\u0151dnek be, az alternat\u00edv sz\u00f6veg kontextust biztos\u00edt.<\/li>\n\n\n\n<li><strong>Pontos\u00edt\u00e1s<\/strong>: Le\u00edrja a k\u00e9pet, ha az \u00f6sszetett vagy fontos inform\u00e1ci\u00f3kat tartalmaz.<\/li>\n<\/ol>\n\n\n\n<p>Legjobb gyakorlatok<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Le\u00edr\u00f3<\/strong>: A \u201ek\u00e9k n\u0151i fut\u00f3cip\u0151\u201d jobb, mint a \u201ecip\u0151\u201d.<\/li>\n\n\n\n<li><strong>T\u00f6m\u00f6r<\/strong>: Legyen r\u00f6vid, de informat\u00edv.<\/li>\n\n\n\n<li><strong>Kulcsszavak<\/strong>: Haszn\u00e1ljon relev\u00e1ns kulcsszavakat, de ker\u00fclje a kulcssz\u00f3t\u00f6m\u00f6r\u00edt\u00e9st.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Vide\u00f3 be\u00e1gyaz\u00e1sa e-mailbe<\/h3>\n\n\n\n<p>Vide\u00f3 hozz\u00e1ad\u00e1sa e-mailben fokozhatja az elk\u00f6telez\u0151d\u00e9st, de bizonyos figyelmeztet\u00e9seket is tartalmaz. \u00cdme, amit fedezhetsz:<\/p>\n\n\n\n<p>A profik<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Eljegyz\u00e9s<\/strong>: A vide\u00f3k n\u00f6velhetik az \u00e1tkattint\u00e1si ar\u00e1nyt.<\/li>\n\n\n\n<li><strong>Inform\u00e1ci\u00f3<\/strong>: K\u00f6nnyebb az \u00f6sszetett inform\u00e1ci\u00f3k k\u00f6zvet\u00edt\u00e9se vagy egy term\u00e9k bemutat\u00e1sa.<\/li>\n<\/ol>\n\n\n\n<p>A Cons<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Kompatibilit\u00e1s<\/strong>: Nem minden e-mail kliens t\u00e1mogatja a be\u00e1gyazott vide\u00f3kat.<\/li>\n\n\n\n<li><strong>Bet\u00f6lt\u00e9si id\u0151<\/strong>: A neh\u00e9z vide\u00f3k lelass\u00edthatj\u00e1k az e-mailek bet\u00f6lt\u00e9s\u00e9t.<\/li>\n<\/ol>\n\n\n\n<p>Legjobb gyakorlatok<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tartal\u00e9k k\u00e9p<\/strong>: Haszn\u00e1ljon miniat\u0171rt, amely a vide\u00f3ra mutat, arra az esetre, ha a be\u00e1gyaz\u00e1s nem m\u0171k\u00f6dik.<\/li>\n\n\n\n<li><strong>CTA<\/strong>: Adjon hozz\u00e1 egy lej\u00e1tsz\u00e1si gomb fedv\u00e9nyt a kattint\u00e1sok \u00f6szt\u00f6nz\u00e9s\u00e9re.<\/li>\n\n\n\n<li><strong>R\u00f6vid \u00e9s \u00e9des<\/strong>: A vide\u00f3k r\u00f6videk legyenek, ide\u00e1lis esetben 2 perc alatt.<\/li>\n\n\n\n<li><strong>Automatikus lej\u00e1tsz\u00e1s<\/strong>: \u00c1ltal\u00e1ban ker\u00fclje; lehet\u0151v\u00e9 teszi a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra a vide\u00f3 lej\u00e1tsz\u00e1s\u00e1t.<\/li>\n<\/ol>\n\n\n\n<p>Hogyan kell<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>HTML5<\/strong>: Az ezt t\u00e1mogat\u00f3 e-mail kliensek eset\u00e9ben HTML5-c\u00edmk\u00e9ket haszn\u00e1lhat a be\u00e1gyaz\u00e1shoz.<\/li>\n\n\n\n<li><strong>Harmadik f\u00e9lt\u0151l sz\u00e1rmaz\u00f3 szolg\u00e1ltat\u00e1sok<\/strong>: Az olyan platformok, mint a Vibetrace, a Mailchimp, gyakran rendelkeznek be\u00e9p\u00edtett vide\u00f3opci\u00f3kkal.<\/li>\n<\/ol>\n\n\n\n<p>Alternat\u00edv\u00e1k a vide\u00f3 e-mailekbe val\u00f3 be\u00e1gyaz\u00e1s\u00e1hoz<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>GIF-ek<\/strong>: A r\u00f6vid, ism\u00e9tl\u0151d\u0151 GIF-ek vide\u00f3szer\u0171 \u00e9lm\u00e9nyt ny\u00fajthatnak.<\/li>\n\n\n\n<li><strong>Linkelt indexk\u00e9p<\/strong>: Statikus k\u00e9p, amely egy m\u00e1shol t\u00e1rolt vide\u00f3ra hivatkozik.<\/li>\n<\/ol>\n\n\n\n<p>Tesztel\u00e9s<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>T\u00f6bb \u00fcgyf\u00e9l<\/strong>: Tesztelje, hogyan jelenik meg a vide\u00f3 a k\u00fcl\u00f6nb\u00f6z\u0151 levelez\u0151programokban.<\/li>\n\n\n\n<li><strong>Mobil<\/strong>: Gy\u0151z\u0151dj\u00f6n meg r\u00f3la, hogy mobilbar\u00e1t.<\/li>\n<\/ol>\n\n\n<div class=\"gb-container gb-container-7b568b8d\"><div class=\"gb-inside-container\">\n\n<div class=\"gb-headline gb-headline-88b6c416 gb-headline-text\">Seg\u00edts\u00e9gre van sz\u00fcks\u00e9ge e-mail marketingj\u00e9hez?<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-01d03e37 gb-headline-text\">Menedzselt szolg\u00e1ltat\u00e1sokat k\u00edn\u00e1lunk a strat\u00e9gi\u00e1t\u00f3l a megval\u00f3s\u00edt\u00e1son \u00e9s nyomon k\u00f6vet\u00e9sig. \u00c1ltal\u00e1ban 15-25% n\u00f6veked\u00e9st kapunk az eredm\u00e9nyekben. L\u00e1ssuk, hogyan tudunk seg\u00edteni!<\/div>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-b6496486\">\n\n<a class=\"gb-button gb-button-4f70dbbd gb-button-text vt-register vt-track-click\" href=\"https:\/\/vibetrace.com\/hu\/marketing-automatizalas-szolgaltatasok\/\">Tudj meg t\u00f6bbet<\/a>\n\n<\/div>\n<\/div><\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Elrendez\u00e9s \u00e9s szerkezet az e-mail tervez\u00e9shez<\/h2>\n\n\n\n<p><strong>Egy- \u00e9s t\u00f6bboszlopos elrendez\u00e9sek<\/strong>: \u00c9rvek \u00e9s ellen\u00e9rvek.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Egyoszlopos elrendez\u00e9s<\/h3>\n\n\n\n<p>Profik<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Mobilbar\u00e1t<\/strong>: Kisebb k\u00e9perny\u0151k\u00f6n k\u00f6nnyebben kicsiny\u00edthet\u0151.<\/li>\n\n\n\n<li><strong>\u00d6sszpontos\u00edtott<\/strong>: Line\u00e1risan, egyenesen ir\u00e1ny\u00edtja az olvas\u00f3t.<\/li>\n\n\n\n<li><strong>Egyszer\u0171s\u00e9g<\/strong>: K\u00f6nnyebb a tervez\u00e9s \u00e9s gyorsabb a bet\u00f6lt\u00e9s.<\/li>\n<\/ol>\n\n\n\n<p>H\u00e1tr\u00e1nyok<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Korl\u00e1tozott tartalom<\/strong>: Nem ide\u00e1lis \u00f6sszetett, t\u00f6bb szakaszt tartalmaz\u00f3 \u00fczenetekhez.<\/li>\n\n\n\n<li><strong>Kev\u00e9sb\u00e9 dinamikus<\/strong>: Lehet, hogy nem ragadja meg a figyelmet olyan hat\u00e9konyan, mint a t\u00f6bboszlopos elrendez\u00e9s.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">T\u00f6bboszlopos elrendez\u00e9s<\/h3>\n\n\n\n<p>Profik<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tartalomban gazdag<\/strong>: Kiv\u00e1l\u00f3an alkalmas k\u00fcl\u00f6nf\u00e9le term\u00e9kek vagy t\u00e9m\u00e1k bemutat\u00e1s\u00e1ra.<\/li>\n\n\n\n<li><strong>Visual Appeal<\/strong>: Dinamikusabb \u00e9s vonz\u00f3bb.<\/li>\n\n\n\n<li><strong>Hierarchikus<\/strong>: Bonyolultabb inform\u00e1ci\u00f3szerkezetet tesz lehet\u0151v\u00e9.<\/li>\n<\/ol>\n\n\n\n<p>H\u00e1tr\u00e1nyok<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Bonyolults\u00e1g<\/strong>: Nehezebben tervezhet\u0151, \u00e9s nem biztos, hogy minden eszk\u00f6z\u00f6n j\u00f3l jelen\u00edt meg.<\/li>\n\n\n\n<li><strong>T\u00falnyom\u00f3<\/strong>: A rendetlens\u00e9g vagy az inform\u00e1ci\u00f3 t\u00falterhel\u00e9s vesz\u00e9lye.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Tippek az e-kereskedelem f\u00f3kusz\u00e1ban<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Egyoszlopos<\/strong>: A legjobb c\u00e9lzott kamp\u00e1nyokhoz, p\u00e9ld\u00e1ul term\u00e9kbemutat\u00f3khoz vagy k\u00fcl\u00f6nleges aj\u00e1nlatokhoz.<\/li>\n\n\n\n<li><strong>T\u00f6bb oszlop<\/strong>: Ide\u00e1lis h\u00edrlevelekhez vagy egy sor term\u00e9k bemutat\u00e1s\u00e1hoz.<\/li>\n<\/ul>\n\n\n\n<p>Az egy- \u00e9s t\u00f6bboszlopos v\u00e1laszt\u00e1snak \u00f6sszhangban kell lennie az \u00d6n tartalmi strat\u00e9gi\u00e1j\u00e1val, az \u00fczenet \u00f6sszetetts\u00e9g\u00e9vel \u00e9s a c\u00e9lk\u00f6z\u00f6ns\u00e9g preferenci\u00e1ival. Mindig tesztelje mindk\u00e9t elrendez\u00e9st, hogy megtudja, melyik a legmegfelel\u0151bb az e-kereskedelmi k\u00f6z\u00f6ns\u00e9g sz\u00e1m\u00e1ra!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A sz\u00f3k\u00f6z\u00f6k jelent\u0151s\u00e9ge az e-mail tervez\u00e9sben<\/h3>\n\n\n\n<p>A tervez\u00e9sben a feh\u00e9r t\u00e9rnek k\u00fcl\u00f6n\u00f6s jelent\u0151s\u00e9ge van. A sz\u00f3k\u00f6z haszn\u00e1lat\u00e1nak sz\u00e1mos el\u0151nye van, de az e-mailekn\u00e9l a legfontosabbak a k\u00f6vetkez\u0151k:<\/p>\n\n\n\n<p><strong>Olvashat\u00f3s\u00e1g \u00e9s l\u00e9legz\u0151 szoba:<\/strong> A sz\u00f6veg \u00e9s az elemek k\u00f6z\u00f6tti t\u00e1vols\u00e1g megk\u00f6nny\u00edti a tartalom em\u00e9szt\u00e9s\u00e9t.<\/p>\n\n\n\n<p><strong>F\u00f3kusz \u00e9s figyelem<\/strong>: A sz\u00f3k\u00f6z az olvas\u00f3 figyelm\u00e9t olyan fontos elemekre ir\u00e1ny\u00edthatja, mint a CTA-k.<\/p>\n\n\n\n<p><strong>Professzionalizmus \u00e9s tiszta megjelen\u00e9s<\/strong>: A z\u0171rzavarmentes kialak\u00edt\u00e1s professzion\u00e1lisabbnak \u00e9s megb\u00edzhat\u00f3bbnak t\u0171nik.<\/p>\n\n\n\n<p><strong>Felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny \u00e9s \u00e1ttekinthet\u0151<\/strong>: Seg\u00edti az olvas\u00f3kat a tartalom \u00e1tfut\u00e1s\u00e1ban, \u00edgy a legt\u00f6bben \u00edgy olvass\u00e1k az e-maileket.<\/p>\n\n\n\n<p><strong>Mobil \u00e9lm\u00e9ny \u00e9s \u00e9rint\u00e9sbar\u00e1t<\/strong>: Az extra hely megk\u00f6nny\u00edti a gombok meg\u00e9rint\u00e9s\u00e9t mobileszk\u00f6z\u00f6k\u00f6n.<\/p>\n\n\n\n<p>Az e-kereskedelmi e-mailekn\u00e9l a sz\u00f3k\u00f6z\u00f6k seg\u00edthetnek az olvas\u00f3nak a kulcsfontoss\u00e1g\u00fa m\u0171veletekhez, p\u00e9ld\u00e1ul a v\u00e1s\u00e1rl\u00e1shoz vagy egy \u00faj term\u00e9k megv\u00e1s\u00e1rl\u00e1s\u00e1hoz. Ez nem csak \u00fcres hely; ez egy funkcion\u00e1lis design elem!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mobil v\u00e1laszk\u00e9szs\u00e9g<\/h2>\n\n\n\n<p>Gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy minden eszk\u00f6z\u00f6n j\u00f3l n\u00e9z ki. Ennek nagyobb a bizonyoss\u00e1ga <a href=\"https:\/\/vibetrace.com\/hu\/email-kliensek-hasznalati-statisztika-2023\/\" data-type=\"post\" data-id=\"17536\">mobil eszk\u00f6z\u00f6k<\/a> e-mailek olvas\u00e1s\u00e1ra ink\u00e1bb az asztali sz\u00e1m\u00edt\u00f3g\u00e9pen haszn\u00e1lj\u00e1k.<\/p>\n\n\n\n<p>Annak biztos\u00edt\u00e1sa, hogy e-mailjei reszponz\u00edvak \u00e9s alkalmazkodni tudjanak a mobilk\u00e9perny\u0151kh\u00f6z, nem lehet\u0151s\u00e9g, hanem az e-mailek tervez\u00e9s\u00e9nek megkezd\u00e9s\u00e9nek m\u00f3dja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cselekv\u00e9sre \u00f6szt\u00f6nz\u00e9s (CTA) e-mailben<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>CTA elhelyez\u00e9s<\/strong>: Hol helyezze el \u0151ket a maxim\u00e1lis hat\u00e1s \u00e9rdek\u00e9ben.<\/li>\n\n\n\n<li><strong>CTA gomb tervez\u00e9s<\/strong>: M\u00e9ret, sz\u00edn, sz\u00f6veg.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny (UX)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Bet\u00f6lt\u00e9si id\u0151<\/h3>\n\n\n\n<p>Az e-mailek bet\u00f6lt\u00e9si idej\u00e9nek jelent\u0151s\u00e9ge (a k\u00e9pek m\u00e9ret\u00e9t\u0151l \u00e9s sz\u00e1m\u00e1t\u00f3l f\u00fcgg\u0151en)<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Felhaszn\u00e1l\u00f3i tapasztalat<\/strong>: A lassan bet\u00f6lt\u0151d\u0151 e-mailek frusztr\u00e1lhatj\u00e1k a felhaszn\u00e1l\u00f3kat, \u00e9s alacsonyabb elk\u00f6telez\u0151d\u00e9shez vezethetnek.<\/li>\n\n\n\n<li><strong>Mobil felhaszn\u00e1l\u00f3k<\/strong>: Gyakran \u00faton vannak, \u00e9s nem v\u00e1rnak a lass\u00fa tartalomra.<\/li>\n\n\n\n<li><strong>K\u00e9pek optimaliz\u00e1l\u00e1sa<\/strong>: Tartsa a f\u00e1jlm\u00e9retet kicsiben, de a min\u0151s\u00e9get magas szinten.<\/li>\n\n\n\n<li><strong>A k\u00f3d minimaliz\u00e1l\u00e1sa<\/strong>: A tiszta, egyszer\u0171 HTML\/CSS gyorsabban bet\u00f6lt\u0151dik.<\/li>\n\n\n\n<li><strong>R\u00f6videbb e-mailek<\/strong>: B\u00e1r egyszer\u0171bb megpr\u00f3b\u00e1lni sok mindent hozz\u00e1adni az e-mailekhez, val\u00f3j\u00e1ban jobb, ha r\u00f6videbbre tessz\u00fck \u0151ket.<\/li>\n\n\n\n<li><strong>E-mail v\u00e1g\u00e1s:<\/strong> bizonyos e-mail kliensek (p\u00e9ld\u00e1ul a gmail) lev\u00e1gj\u00e1k az e-maileket, ha t\u00fall\u00e9pnek egy bizonyos m\u00e9retet.<\/li>\n\n\n\n<li><strong>Teszt<\/strong>: Mindig tesztelje a bet\u00f6lt\u00e9si id\u0151t k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k\u00f6n, e-mail klienseken \u00e9s felbont\u00e1sokon.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Navig\u00e1ci\u00f3<\/h3>\n\n\n\n<p>E-mail navig\u00e1ci\u00f3<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Tartalom felfedez\u00e9se<\/strong>: Hosszabb e-mailek, p\u00e9ld\u00e1ul h\u00edrlevelek eset\u00e9n a navig\u00e1ci\u00f3 seg\u00edt a felhaszn\u00e1l\u00f3knak megtal\u00e1lni, ami \u00e9rdekli \u0151ket.<\/li>\n\n\n\n<li><strong>CTA-k<\/strong>: Az egy\u00e9rtelm\u0171 navig\u00e1ci\u00f3 cselekv\u00e9sre k\u00e9szteti a felhaszn\u00e1l\u00f3kat.<\/li>\n\n\n\n<li><strong>Men\u00fc<\/strong>: Nagyon tartalmas e-mailek eset\u00e9n hasznos lehet egy kis men\u00fc a tetej\u00e9n.<\/li>\n\n\n\n<li><strong>Hierarchia<\/strong>: Haszn\u00e1ljon c\u00edmsorokat \u00e9s alc\u00edmeket a tartalom feloszt\u00e1s\u00e1ra \u00e9s az olvas\u00f3 ir\u00e1ny\u00edt\u00e1s\u00e1ra.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Megk\u00f6zel\u00edthet\u0151s\u00e9g<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Bet\u0171t\u00edpus kiv\u00e1laszt\u00e1sa e-mailben<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Bet\u0171t\u00edpus v\u00e1laszt\u00e1s<\/strong>: Az egyszer\u0171, tiszta bet\u0171t\u00edpusok k\u00f6nnyebben olvashat\u00f3k.<\/li>\n\n\n\n<li><strong>Bet\u0171m\u00e9ret<\/strong>: ragaszkodjon olvashat\u00f3 m\u00e9rethez, \u00e1ltal\u00e1ban 14-16 k\u00e9ppont t\u00f6rzssz\u00f6veghez.<\/li>\n\n\n\n<li><strong>K\u00e9perny\u0151olvas\u00f3k<\/strong>: Tesztelje e-mailjeit k\u00e9perny\u0151olvas\u00f3 szoftverrel, hogy megbizonyosodjon arr\u00f3l, hogy el\u00e9rhet\u0151.<\/li>\n\n\n\n<li><strong>Bet\u0171t\u00edpus el\u00e9rhet\u0151s\u00e9ge<\/strong>:<strong> <\/strong>egy\u00e9ni bet\u0171t\u00edpusok haszn\u00e1latakor (amelyek nincsenek alap\u00e9rtelmezetten telep\u00edtve az eszk\u00f6z\u00f6kre), gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy a bet\u0171t\u00edpusf\u00e1jlok megfelel\u0151en t\u00f6lt\u0151dnek be.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Sz\u00ednkontraszt<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Olvashat\u00f3s\u00e1g<\/strong>: A sz\u00f6veg \u00e9s a h\u00e1tt\u00e9r k\u00f6z\u00f6tti nagy kontraszt jav\u00edtja az olvashat\u00f3s\u00e1got.<\/li>\n\n\n\n<li><strong>Megk\u00f6zel\u00edthet\u0151s\u00e9g<\/strong>: Seg\u00edt a l\u00e1t\u00e1ss\u00e9r\u00fclteknek vagy sz\u00ednvaks\u00e1goknak.<\/li>\n\n\n\n<li><strong>Sz\u00f6veg vs h\u00e1tt\u00e9r<\/strong>: C\u00e9lozzon s\u00f6t\u00e9t sz\u00f6veget vil\u00e1gos h\u00e1tt\u00e9ren, vagy ford\u00edtva.<\/li>\n\n\n\n<li><strong>CTA-k<\/strong>: \u00dcgyeljen arra, hogy a gombok kiemelkedjenek, de olvashat\u00f3ak is legyenek.<\/li>\n\n\n\n<li><strong>Eszk\u00f6z\u00f6k<\/strong>: Haszn\u00e1ljon kontrasztellen\u0151rz\u0151ket a sz\u00ednv\u00e1laszt\u00e1s tesztel\u00e9s\u00e9hez.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Mi\u00e9rt sz\u00e1m\u00edt az e-mail tervez\u00e9s: fontoss\u00e1g az e-kereskedelemben \u00e9s a marketingben. Bet\u0171t\u00edpus \u00e9s tipogr\u00e1fia Bet\u0171m\u00e9retek: Aj\u00e1nlott\u2026 <a title=\"Az e-mailek tervez\u00e9s\u00e9nek v\u00e9gs\u0151 \u00fatmutat\u00f3ja: Bet\u0171m\u00e9retek, k\u00e9pm\u00e9retek \u2013 bev\u00e1lt m\u00f3dszerek\" class=\"read-more\" href=\"https:\/\/vibetrace.com\/hu\/ultimate-guide-email-design-best-practices\/\" aria-label=\"Tov\u00e1bbi inform\u00e1ci\u00f3 a The Ultimate Guide to E-mail Design: Bet\u0171m\u00e9retek, K\u00e9pm\u00e9retek bev\u00e1lt gyakorlatai c\u00edm\u0171 t\u00e9mak\u00f6rben\"> <\/a><\/p>","protected":false},"author":9,"featured_media":23395,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[14],"tags":[101,51],"class_list":["post-23379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce-email-marketing","tag-email-design","tag-guide","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/posts\/23379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/comments?post=23379"}],"version-history":[{"count":16,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/posts\/23379\/revisions"}],"predecessor-version":[{"id":23429,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/posts\/23379\/revisions\/23429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/media\/23395"}],"wp:attachment":[{"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/media?parent=23379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/categories?post=23379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vibetrace.com\/hu\/wp-json\/wp\/v2\/tags?post=23379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}