10 Niet bij ontwerpen voor e-mail
E-mailmarketing is waarschijnlijk de oudste en de meest succesvolle vorm van marketing voor het web. In grote lijnen omvat e-mailmarketing het verzenden van gespecialiseerde aangepaste e-mails om leads te genereren, een aanbieding te promoten, gerichte advertenties te plaatsen of deals te initiëren. E-mailmarketing verhoogt de straal van uw merk, waardoor u, de marketeer, een robuuste merkwaarde rond uw product kunt opbouwen.
Maar de meeste marketeers maken een basisfout - ze maken geen e-mailsjablonen die zijn geoptimaliseerd voor de inbox van een typische gebruiker. Het verzenden van e-mails die niet zijn opgemaakt, ontworpen of juist gestructureerd, vermindert in feite uw geloofwaardigheid en als gebruikers een verspreide e-mail in hun inbox zien, hoeven ze er eenvoudigweg niet op te letten.
Hoe optimaliseert u uw e-mailsjablonen voor maximale conversies? Dit hangt in het algemeen af van het onderwerp van de e-mail, maar ongeacht het product of de service die u probeert te 'verkopen', hier volgen enkele eenvoudige tips voor het maken van geoptimaliseerde e-mailsjablonen van inbox voor betere conversies:
1. Gebruik geen tekstverwerker om e-mailsjablonen samen te stellen
Kantoortoepassingen en tekstverwerkers zoals Microsoft Office en Open Office zijn geweldig voor het schrijven van documenten, maar als het gaat om het samenstellen of ontwerpen van e-mailsjablonen, raad ik u ten zeerste aan om helemaal geen tekstverwerkingshulpmiddelen te gebruiken. Dit komt omdat wanneer u inhoud, afbeeldingen en andere elementen uit een tekstverwerker kopieert naar uw e-mailinbox, de tekstverwerkingsprogramma extra code kopieert naar de HTML-bron van het e-mailbericht. Dit kan het ontwerp van de e-mail doorbreken en in het ergste geval kan de ontvanger abrupte code zien in plaats van de e-mailtekst.
In plaats daarvan is het een goed idee om HTML-editors zoals Microsoft Frontpage of Adobe Dreamweaver te gebruiken om e-mailsjablonen te ontwerpen. Als u niet bekend bent met HTML-editors, gebruikt u de goede oude notepad-toepassing, maar gebruik geen tekstverwerker voor het samenstellen van e-mailsjablonen.
2. Negeer web-standaarden voor HTML niet
Wanneer u de HTML-code voor de e-mail schrijft, moet u voorzichtig zijn met hoe de HTML wordt gegenereerd in verschillende browsers. Juist, de HTML-code die u gebruikt, moet gestandaardiseerd zijn en vrij van fouten. Het gebruik van obscure codes die niet worden ondersteund in oudere browsers, wordt als een slechte praktijk beschouwd. Besteed veel aandacht aan HTML-opmaak, uitlijning en de beste werkwijzen die elke browser ondersteunt en begrijpt.
E-mail afbeelding via Shutterstock
3. Gebruik geen CSS voor lay-out
Zelfs kinderen weten dat CSS de beste manier is om te ontwerpen voor het web, maar in de context van e-mailsjablonen zou ik willen voorstellen terug te gaan naar tabellen. Dit komt omdat tabellen het super eenvoudig maken om uw e-mailsjabloon aan te passen, iedereen kan de inhoud wijzigen zonder de code aan te raken. Bovendien geven sommige e-mailclients geen CSS-regels weer, net zoals een browser met volledige functionaliteit, dus het is misschien een goed idee om tabellen te gebruiken in plaats van CSS-ontwerpen te gebruiken.
CSS biedt meer opties en redenen voor creatief ontwerp, maar vanuit het oogpunt van bruikbaarheid en compatibiliteit hebben tabellen de voorkeur. Je weet nooit hoeveel van je ontvangers nog steeds geworteld zijn bij hun spartaanse e-mailclients die de moderne CSS-regels niet begrijpen.
4. Gebruik geen externe CSS-bestanden
Ik weet dat bekwame ontwerpers geen sleutel raken totdat ze CSS mogen schrijven. Als u CSS moet gebruiken, raad ik aan inline CSS te schrijven en geen extern CSS-bestand naar uw e-mailsjabloon te bellen. De meeste e-mailserviceproviders zoals Gmail, Yahoo en Microsoft Outlook.com worden verwijderd
en andere tags uit uw code, dus als u een extern CSS-bestand in uw code gebruikt, zal het hoofdgedeelte van de e-mail breken.De beste manier om ervoor te zorgen dat uw CSS-stijlen correct worden weergegeven door elke e-mailserviceprovider of -cliënt, is het gebruik van inline CSS voor elk element. Dit kan betekenen dat je meer code schrijft, maar het is niet zo kwetsbaar als externe CSS.
5. Gebruik geen relatieve paden voor afbeeldingen
Als u code schrijft in een IDE zoals een eclips of een HTML-editor zoals Dreamweaver gebruikt, gebruikt u mogelijk relatieve paden voor afbeeldingen. Op relatief pad, bedoel ik dat de IDE het lokale adres van de afbeelding krijgt, met verwijzing naar uw computer of de interne mappen van uw website. Wat het ook mag zijn, u moet alle relatieve afbeeldingspaden wijzigen in absolute afbeeldingspaden. Een absoluut afbeeldingspad zal universeel werken, terwijl een relatief afbeeldingspad alleen in een gegeven reeks ontwikkelomgevingen werkt.
E-mail afbeelding via Shutterstock
6. Vergeet alt-attributen voor afbeeldingen niet
Alt-kenmerken voor afbeeldingen helpen zoekmachines te begrijpen waar uw afbeelding over gaat. Anders dan zoekmachines kunnen alt-attributen ook nuttig zijn voor gebruikers. Sommige e-mailclients hebben bijvoorbeeld de neiging om standaard afbeeldingen te blokkeren, dus de alt-tag kan een idee geven waar de afbeelding over gaat. Als de alt-tag betekenisvol lijkt voor de gebruiker, kan hij worden verleid om door te klikken om meer te weten te komen over uw aanbod.
7. Vergeet een gewone tekstversie niet
Bied altijd een gewone tekstversie van uw e-mailbericht aan, hoe aantrekkelijk en interessant uw HTML-e-mailsjabloon ook is. Sommige e-mailclients of e-mail-apps van derden ondersteunen mogelijk niet het renderen van e-mailberichten die zijn gemaakt in HTML, dus u moet uw gegevens ook in een alternatieve versie van platte tekst overbrengen.
Voordat u een alternatieve tekstversie van uw e-mailexemplaar verzendt, controleert u of de versie met alleen tekst een kopie is van het oorspronkelijke e-mailbericht. Beide berichten moeten exact hetzelfde zijn, of er kan een discrepantie in de communicatie ontstaan.
8. Gebruik geen lange URL's
Als uw e-mailbericht lang genoeg is en links in platte tekst bevat, gaat dit de presentatie verknoeien. Een veel beter en mooier idee zou zijn om de hyperlinks in te korten met een URL-verkorter, bijvoorbeeld Goo.gl of Bit.ly . URL-verkortingen zijn onmisbaar, vooral voor e-mails met platte tekst waarbij de hyperlinks tussen accolades zijn geplaatst (). Aan het eind van de dag wilt u dat de e-mail er professioneel uitziet en dat hyperlinks in platte tekst regelrechte rampen kunnen betekenen.
E-mail afbeelding via Shutterstock
9. Gebruik geen video
Ik ben het ermee eens dat video's miljoenen woorden waard zijn, maar video's invoegen in e-mail is misschien niet vruchtbaar genoeg om de overhead te rechtvaardigen - tenzij je de video natuurlijk uploadt naar sites voor het delen van video's zoals YouTube, Vimeo en vanaf daar insluiten.
Als je de video ophaalt van je website of de video bijvoegt als e-mailbijlage, duurt het lang voordat het einde van de ontvanger is geladen. Bovendien zijn sommige e-mailclients vooraf geconfigureerd om e-mails met grote bestandsgrootten te filteren, dus als u een videobestand toevoegt, kan uw bericht soms in de map met ongewenste e-mail terechtkomen.
10. Vergeet etiquette niet
Oke deze is niet echt een ontwerptip, maar het is niet minder belangrijk dan de hierboven besproken. U dient op de hoogte te zijn van e-mailetiquette - juiste begroeting, toon, spelling, opmaak, grammatica, samenstelling; alle dingen die hier van pas komen. Als uw ontwerp uitstekend is maar uw exemplaar lelijk klinkt, kan uw e-mail tegen u ingaan, in plaats van op een positieve manier impact te creëren. Afhankelijk van het onderwerp van uw e-mailcampagne, moet u de kopie van uw e-mail opstellen, aanhalingen toevoegen, openings- en sluitingsregels opstellen enzovoort. Het gebruik van dezelfde regels in elke andere campagne is zeker een fout van een schooljongen.
Welke fouten heb je tegengekomen in de e-mail die in je Postvak IN belandt? Wat moeten e-mailontwerpers nog meer vermijden? Laat het ons weten in de comments.