10 don'ts når designe for e-mail
Email marketing er nok den ældste og mest succesrige form for markedsføring til internettet. Bredt betyder e-mail marketing at sende specialiserede e-mails til at generere kundeemner, fremme et tilbud, tjene målrettede annoncer eller initiere tilbud. Email marketing øger dit mærke radius, så du, markedsføreren at opbygge robust brand værdi omkring dit produkt.
Men de fleste marketingfolk gør en grundlæggende fejl - ikke at oprette e-mail-skabeloner, der er optimeret til en typisk brugers indbakke. At sende e-mails, der ikke er formateret, designet eller korrekt struktureret, reducerer faktisk din troværdighed, og når brugerne ser en spredt e-mail i deres indbakke, er de simpelthen ikke opmærksomme.
Hvordan optimerer du dine e-mail-skabeloner for maksimale konverteringer? Dette afhænger generelt af emnet for e-mailen, men uanset hvilket produkt eller tjeneste du forsøger at "sælge", er der nogle få grundlæggende tips til at oprette indboksoptimerede e-mail-skabeloner til bedre konverteringer:
1. Brug ikke en tekstbehandler til at komponere e-mail-skabeloner
Office-applikationer og tekstbehandlingsprogrammer som Microsoft Office og Open Office er gode til at skrive dokumenter, men når det kommer til at komponere eller designe e-mail-skabeloner, vil jeg stærkt anbefale dig ikke at bruge tekstbehandlingsværktøjer overhovedet. Dette skyldes, at når du kopierer indhold, billeder og andre elementer fra en tekstbehandler til din e-mail-indbakke, kopierer tekstbehandlingsprogrammet yderligere kode til HTML-kilden til e-mail-beskeden. Dette kan bryde udformningen af e-mailen, og i værste fald kan modtageren se abrupt kode i stedet for e-mail-teksten.
I stedet er det en god ide at bruge HTML-redaktører som Microsoft Frontpage eller Adobe Dreamweaver til at designe e-mail-skabeloner. Hvis du ikke er bekendt med HTML-redaktører, skal du bruge det gode gamle notesblokprogram, men vær venlig at bruge et tekstbehandlingsprogram til at komponere e-mail-skabeloner.
2. Undgå at ignorere webstandarder for HTML
Når du skriver HTML-koden til e-mailen, skal du være forsigtig med, hvordan HTML'en gøres i forskellige browsere. Netop, HTML-koden du bruger bør være standardiseret og fri for fejl. Brug af uklare koder, der ikke understøttes i ældre browsere, betragtes som en dårlig praksis. Vær meget opmærksom på HTML-formatering, justering og de bedste metoder, som hver browser støtter og forstår.
Email billede via Shutterstock
3. Brug ikke CSS til layout
Selv børn ved at CSS er den bedste måde at designe til internettet, men i forbindelse med e-mail-skabeloner foreslår jeg at gå tilbage til tabeller. Dette skyldes, at tabeller gør det super nemt at tilpasse din e-mail-skabelon, alle kan ændre indholdet uden at skulle røre ved koden. Desuden giver nogle e-mail-klienter ikke CSS-regler, ligesom en fuld featured browser gør det, så det kan være en god ide at bruge tabeller i stedet for at bruge CSS-design.
CSS giver dig flere muligheder og grunde til kreativt design, men fra brugbarhed og kompatibilitetsperspektiv foretrækkes tabeller. Du ved aldrig, hvor mange af dine modtagere der stadig er rodfæstet til deres spartanske e-mail-klienter, der ikke forstår dagens CSS-regler.
4. Brug ikke eksterne CSS-filer
Jeg ved, at dygtige designere ikke rammer en nøgle, før de får lov til at skrive CSS. Hvis du skal bruge CSS, foreslår jeg at skrive inline CSS og ikke kalde en ekstern CSS-fil i din e-mail-skabelon. De fleste e-mailudbydere som Gmail, Yahoo og Microsofts Outlook.com vil fjerne
, og andre tags fra din kode, så hvis du bruger en ekstern CSS-fil i din kode, vil e-mail-kroppen bryde.Den bedste måde at sikre, at dine CSS-stilarter gengives korrekt på tværs af alle e-mailudbydere eller klienter, er at bruge inline CSS for hvert element. Dette kan betyde, at du skriver mere kode, men det er ikke så skrøbeligt som eksternt CSS.
5. Brug ikke relative stier til billeder
Hvis du skriver kode i en IDE såsom formørkelse eller bruger en HTML editor som Dreamweaver, kan du bruge relative stier til billeder. Ved relativ vej mener jeg, at IDE'en får den lokale adresse på billedet, med henvisning til din computer eller dit websteds interne mapper. Uanset hvad det måtte være, skal du ændre alle relative billedbaner til absolutte billedbaner. En absolut billedbane vil arbejde universelt, mens en relativ billedbane kun virker i et givet sæt udviklingsmiljøer.
Email billede via Shutterstock
6. Glem ikke alt attributter for billeder
Alt attributter til billeder hjælper søgemaskiner med at forstå, hvad dit billede handler om. Bortset fra søgemaskiner kan alt attributter også være nyttigt for brugerne. For eksempel har nogle e-mail-klienter tendens til at blokere billeder som standard, så alt-tagget kan give et fingerpeg om, hvad billedet handler om. Hvis alt-tagget forekommer meningsfuldt for brugeren, kan han blive lokket til at klikke igennem for at lære mere om dit tilbud.
7. Glem ikke en almindelig tekstversion
Altid tilbyde en almindelig tekstversion af din e-mail-meddelelse, uanset hvor overbevisende og attraktivt din HTML-e-mail-skabelon kan være. Nogle e-mail-klienter eller tredjeparts e-mail-apps understøtter måske ikke, at e-mail-meddelelser er udformet i HTML, så du bør også formidle dine oplysninger i en alternativ tekstversion.
Inden du leverer en alternativ tekst, kun version af din e-mail-kopi, skal du dobbelttjekke for at sikre, at tekstversionen kun er en spejlkopi af den oprindelige email-besked. Begge beskeder skal nøjagtigt være ens, eller det kan skabe uoverensstemmelse i kommunikationen.
8. Brug ikke lange webadresser
Hvis din email-krop er lang nok og har links i almindelig tekst, vil det ødelægge præsentationen. En meget bedre og smukkere ide ville være at forkorte hyperlinksne med en URL-shortener f.eks Goo.gl eller Bit.ly . URL shorteners er uundværlige, især for almindelig tekst e-mails, hvor hyperlinks er vedlagt indenbøjninger (). I slutningen af dagen, vil du have e-mailen til at se professionel og almindelig tekst hyperlinks kan betyde direkte katastrofe.
Email billede via Shutterstock
9. Brug ikke video
Jeg er enig, videoer er værd at millioner af ord, men indlejring af videoer i e-mail kan ikke vise sig at være frugtbare nok til at retfærdiggøre overheaderne - medmindre du selvfølgelig uploader videoen til videodelingssteder som YouTube, Vimeo og indlejres derfra.
Hvis du henter videoen fra dit websted eller vedhæfter videoen som en vedhæftet fil, vil det tage aldre at indlæse modtagerens ende. Desuden er nogle e-mail-klienter prækonfigureret til at filtrere e-mails med store filstørrelser, så vedhæftning af en videofil kan nogle gange lande din besked i mappen spam.
10. Glem ikke etiketten
Okay, dette er ikke rigtig et design tip, men det er ikke mindre vigtigt end dem, der er diskuteret ovenfor. Du bør være opmærksom på e-mail-etikette - rigtige salutationer, tone, stavemåder, formatering, grammatik, sammensætning; alle ting der kommer til spil her. Hvis dit design er fremragende, men din kopi lyder boorish, kan din email gå imod dig, i stedet for at skabe nogen indflydelse på en positiv måde. Afhængigt af emnet i din e-mail-kampagne skal du komponere kopien af din e-mail, tilføje hilsener, komponere åbnings- og lukkelinjer og så videre. Brug af de samme linjer i hver anden kampagne er helt sikkert en skolepigefejl.
Hvilke fejl har du på tværs af i posten, der lander i din indbakke? Hvad mere skal e-mail-designere undgå? Lad os vide i kommentarerne.