Jan Brašna | HereBeDragons™

Další taháky k HTML emailům (Aktualizováno)

Před pár dny sepsal Honza Řezáč dva perfektní články, které určitě zužitkuje každý, kdo potřebuje komponovat HTML maily. Nemyslím tím ony podivné výstupy z Outlooku s modrým Comic Sans a zběsilým odsazením. Mám na mysli HTML maily pro především marketingové účely, newslettery, šablony pozvánek atp. Jsou to texty HTML email a HTML email II.

Honza tím publikoval něco, co jsem chtěl již nějakou dobu taktéž popsat, ale nějak se na to nedostalo. Proto mi tady zůstalo pár zdrojů, které by bylo škoda nezmínit; sám Honza vyzval k dalšímu podělení se o tipy.

Z nějaké studie (kterou už jsem jako na potvoru nedohledal) vyplynulo, že ne všichni jsou ochotni akceptovat HTML blyštivé pozlátko a nezajímá je onen obrázkový marketing okolo, ale jdou po informaci. Proto je vhodné už při opt-inu zjistit, zda-li chce odběratel HTML či plaintext, na to by se asi nemělo zapomínat. Bohužel je to problém mailových klientů, kteří ne vždy dokáží tuto preferenci aplikovat na jeden zdrojový mail. V ideálním případě by tato volba nebyla třeba. Pokud totiž posíláme HTML e-mail, měl by být rozhodně multipart, tzn. krom vlastní MIME HTML části je dobré jako alternativní část vložit i ty samé informace v plaintextu. V ideálním světe by si pak odběratel definoval až v klientovi, kterou část chce vidět.

Co se týče vlastní kostry e-mailu, tak velice povedený text je z A List Apart – Kissing in a Tree, o který se právě také Honza při psaní článků opíral.

Další informace ohledně možnosti používání CSS v HTML e-mailech jsou na CSS-D Wiki, v oddílu Style in E-mail. Jsou zde popsané různé problémy konkrétních klientů a taktéž dobrá poznámka – pokud chcete skutečně kompatibilní HTML/CSS e-mail, otestujte si ho v NN 4.7 :) V textu jsou zmíněné typické problémy klientů s pozicováním či dalšími typicky webovými CSS konstrukcemi a doporučení a tipy pro různé stupně postupné degradace layoutu.

Na WebMarketingToday je v článku HTML E-Mail Client Program Summary a následném zaktualizovaném Survey of E-Mail Format Preferences and Programs přehled klientů a jejich schopností se vypořádat s jednotlivými specifiky HTML e-mailů. Pro každého, kdo posílá či připravuje maily nějaké různorodé skupině odběratelů, je to povinná četba.

Další dva materiály jsou přímo „od zdroje“. Jsou to tutoriály, které nabízí svým klientům (ale nejen jim) společnosti, které se zabývají vedením e-mailových kampaní. První je PDF Email Design & Coding Guide systému MailChimp, která obsahuje opět tipy na konstrukci layoutu, časté problémy, nekompatibility klientů, ale také například problémy s antispamy a etiketou. Druhým je Optimizing CSS presentation in HTML emails od CampaignMonitoru, který je mimochodem dnes asi nejpoužívanějším produktem pro rozesílání opt-in e-mailů. V textu je ukázka konkrétní konstrukce HTML emailu (nikoliv pomocí značkové polévky aka tag soup, ale XHTML a CSS) a v komentářích jsou další postřehy.

Update:

CampaignMonitor vydal před pár dny další zajímavý článek s názvem Email Design Guidelines for 2006, ve kterém shrnuje problémy s HTML e-maily v dnešní době a uvádí několik zásadních pravidel, jak předat informaci ze zprávy i při různém stupni nepodpory technologií ze strany poštovního klienta a jak se také vyhnout dalším problémům jako jsou velikost okna případě zamítnutí mailu z důvodu HTML obsahu.

Pro větší „hard-core“ zájemce je zde text A MIME is a terrible thing to waste, který obsahuje velice technický pohled na problematiku MIME typů, obsahu s více částmi ap.

Tento arzenál už dokáže vyřešit nejednu bezesnou noc kodérovu, nemluvě o boulích, které často pramení z mlácení hlavou o zeď, stůl, (doplňte dle potřeby)…

Neděle, 4. 12. 2005 22.38 | Trvalý odkaz | Trackback

7 komentářů

  1. [1] whitwa

    Díky za shrnutí, jak to tak vypadá, z této problematiky se vyklubal pěkný problémový otesánek podobný optimalizaci pro IE :)

    25. 11. 2005 20.52

  2. [2] Filosof

    Optimalizace pro IE mi přijde mnohem jednodušší než optimalizace pro NN 4.7 :-).

    Každopádně díky za zdroje.. :-)

    28. 11. 2005 8.58

  3. [3] los_adios

    Díky za obrovskou pomoc..:-)

    28. 11. 2005 15.37

  4. [4] los_adios

    Teď už záleží jen na mě – zapomněl jsem dodat…

    28. 11. 2005 15.37

  5. [5] Ice

    Díky moc. Bude se to hodit.

    25. 3. 2006 10.31

  6. [6] dave

    Diky za uzitecne info, hodilo se. Jen jsem se neustale trapil v Outlook Express s focusem na mnou pozadovane misto v sablone (aby si uzivatel nemusel preklikavat), kam se ma zacit psat. Staci tam vlozit

    Snad to nekomu ulehci hledani…

    4. 10. 2007 14.05

  7. [7] dave

    aha, takze tam staci vlozit span s id=„_AthCaret“

    4. 10. 2007 14.07

RSS komentářů

Vaše postřehy

FinePrint™: Pokud máš chuť plkat mimo téma spotu nebo se tady navážet do ostatních, máš šanci, že komentář půjde do křemíkového pekla. Účelové nebo anonymní příspěvky budu dle rozmaru a bez vysvětlování likvidovat. Podepiš se; pokud se k napsanému nehlásíš, ani to neodesílej. Diskusi mám rád, ne už tak flame a blbce. Mysli na to při psaní.