Inhoudsopgave
Degenen die zich toeleggen op e-mailmarketing, moeten weten hoe ze e-mails in html kunnen maken.
We gaan enkele aanbevelingen zien voor het ontwerp, de codering en de levering van e-mails in HTML-formaat en om uw nieuwsbrief er goed uit te laten zien in de meeste e-mailclients.Het verzenden van e-mails vanuit nieuwsbrieven is een goede vorm van communicatie tussen redacteuren en lezers, maar als we het ook in HTML-formaat doen, kunnen we het document verrijken met visuele elementen die de e-mail aantrekkelijker maken, directe toegang tot andere locaties en we Het stelt ons in staat om metingen te doen aan e-mailopeningen, de links die u bezoekt te volgen en te tellen, de interesses van de lezer te meten, enz.
Door een e-mail in platte tekst te verzenden kunnen we niet al deze functionaliteiten gebruiken, maar integendeel, we verkrijgen andere voordelen zoals een lager spamniveau door geen HTML-tags op te nemen en daarom wordt het voor mailclients gemakkelijker om de inhoud perfect te visualiseren van de e-mail in alle klanten.
Het coderen van HTML voor e-mails kan je veel kopzorgen opleveren, omdat zowel desktop- als webgebaseerde mailclients niet voldoen aan enige webstandaard, HTML-code en stylesheets niet goed interpreteren of op hun eigen manier interpreteren. naar de ontvangen e-mail, dus het ontwerp van de e-mail die de ontvanger ontvangt, kan behoorlijk verschillen van het ontwerp van de redacteur die die e-mail heeft verzonden.
HTML over CSSProbeer zoveel mogelijk HTML-tags en hun eigenschappen te gebruiken in plaats van stijlbladen, aangezien veel van de CSS-eigenschappen en -selectors worden beperkt door webclients.
Tabellen gebruiken voor lay-outJa, we keren terug naar de tafels. De webstandaarden zeggen dat tabellen niet mogen worden gebruikt om een webpagina op te maken, maar dit is geen webpagina maar een e-mail en het is aan te raden om ze te gebruiken in plaats vanals we willen dat onze nieuwsbrief goed wordt weergegeven in de meeste e-maillezers. En het is dat e-mailclients niet veel van de eigenschappen ondersteunen die nodig zijn om met divisies te ontwerpen.
Gebruik tabel- en celkenmerken om de tabel weer te geven in plaats van CSS-eigenschappen te gebruiken. Wijs bijvoorbeeld border = "0", valign = "top", align = "left" (of center), cellpadding = "0", cellspacing = "0", enzovoort toe. Hierdoor ziet de tabel er goed uit in oude e-mailclients.
Gebruik een tabel als container voor alle tabellen en interne elementen (bijvoorbeeld voor de koptekst, inhoud en voettekst).
Probeer niet te veel tabellen te nesten en vermijd het gebruik van de eigenschap "colspan", aangezien deze eigenschap niet goed wordt begrepen door sommige desktopclients.
Grootte en resolutie. U bent vast gewend om webpagina's te coderen in 800 × 600 of in 1024 × 768 ongeveer, maar voor het ontwerpen van e-mails in HTML werkt het misschien niet erg goed, aangezien de meeste clients de e-mail weergeven in een soort "preview-paneel" dat is normaal gesproken een onderdeel van de totale beschikbare ruimte.
Het beste is om de breedte in te stellen op ongeveer 500-600px of een grootte in percentages op te geven, zoals ik het meestal doe, zodat het zich aanpast aan de beschikbare ruimte.
Cascading Style Sheets (CSS) gebruikenHet gebruik van stylesheets in HTML-documenten voor e-mail is beperkt en afhankelijk van de client zal het meer of minder eigenschappen toestaan. Idealiter moeten stijlen worden toegepast op de tag zelf (inline-stijlen) in plaats van de klassen binnen de Head-tag te declareren zoals op een webpagina …
Het wordt bijvoorbeeld aanbevolen om
in plaats van
.
Als we afbeeldingen gebruiken, is het beter om het volledige pad te gebruiken naar het domein waar de afbeelding wordt gehost.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
