blog.michalprihoda.cz

Rozhodl jsem se sepsat pár rad pro tvorbu html emailů, určitě nepohltím všechny zrádnosti. Ale jako základ pro tvorbu to bude dobré.

Obecné rady

• v žádném případě nepoužíváme wysiwyg editor
• zapomeneme na sémantiku
• email odesíláme jako html a plain text
• každý newsletter má možnost odhlášení z databáze, ideálně v patičce
• snažíme se o co nejmenší obrázky
• v emailu můžeme uvést odkaz na newsletter zveřejněný na webu

A již ke kódování

• nepoužíváme javasritpt ani flash, pouze HTML, ideálně HTML4 a obrázky
• css používáme pouze inline
• nestylujeme tagy html ani body
• písmo definujeme v px
• základní layout děláme pomocí tabulek
• ideální šířka emailů 600px
• obrázky na pozadí nepoužíváme
• float nepoužíváme, nahradíme tabulky
• každý obrázek má šířku, výšku i ALT
• každý obrázek by měl mít align=“middle“, jinak hrozí mezi obrázky mezera

Testujem, testujem a raději ještě jednou testujem

• modlíme se aby email nemusel být odladěn i pro Lotus Notes – můžeme potom rovnou zapomenout na CSS
• jako první otevřeme email v IE6, správné zobrazení nám zaručí vcelku velkou další úspěšnost
• po odeslání
  • online klienti – kontrolujeme vždy v IE a jednom jiném prohlížeči
    • gmail.com
    • seznam.cz
    • centrum.cz
    • dle libosti i další, již ale nehrozí velké riziko špatného vykreslení
  • desktopové klienti
    • aktuální Outlook
    • Outlook 2003
    • Windows Live mail
    • aktuální Thunderbird
    • dle libosti i další, již ale nehrozí velké riziko špatného vykreslení

Doplněk: narazil jsem na hezkou tabulku s emailovými klienty a jejich vlastnosti http://www.campaignmonitor.com/downloads/documents-tools/Campaign_Monitor_Guide_to_CSS_Support_in_Email_April_2010.pdf