Html E-mail (E-mail Marketing) Gönderme Standartları ve Püf Noktaları
Günümüzde her ne kadar web teknolojileri gelişse de mailing sektöründe işler o şekilde ilerlemiyor. Bugün kullandığımız mail clientlarının çoğu css özelliklerinden birçoğunu desteklemez. Bu eksikliği hazırlanan html maillere inline css yazılarak, div yerine table yapısı kullanarak kısmen çözmekteyiz.
Css Özellikleri | Google Gmail | Apple Mail | M. Outlook 2007 | M. Thunderbird | W. Live Hotmail | Yahoo! |
Background-image | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor |
Background-position | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor |
Color, bg-color | Desteklemiyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor |
Descendant selectors | Desteklemiyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor |
Float, clear | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor | Destekliyor | Destekliyor |
Margin | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor |
Padding | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor | Destekliyor | Destekliyor |
Varying link-colors | Desteklemiyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor |
Width, height | Desteklemiyor | Destekliyor | Desteklemiyor | Destekliyor | Destekliyor | Destekliyor |
Background-position | Kısmen | Destekliyor | Kısmen | Destekliyor | Kısmen | Destekliyor |
Border | Kısmen | Destekliyor | Destekliyor | Destekliyor | Kısmen | Destekliyor |
Font style | Kısmen | Destekliyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor |
Font-family tırnak içinde | Kısmen | Destekliyor | Destekliyor | Destekliyor | Kısmen | Destekliyor |
Font inheritance | Kısmen | Destekliyor | Destekliyor | Destekliyor | Kısmen | Destekliyor |
Line-height | Kısmen | Destekliyor | Destekliyor | Destekliyor | Destekliyor | Destekliyor |
List-style-image | Kısmen | Destekliyor | Kısmen | Destekliyor | Kısmen | Destekliyor |
Kim neyi destekliyor? (Detaylı)
Püf Noktalar:
– HTML e-mail’de resim etiketlerini kodlarken
Bu şekilde kodlamak yerine;
1 | <img alt="" src="img/resim.gif" /> |
Bu şekilde kodlayın
1 | <img alt="" src="http://www.sunucu.com/email/img/resim.gif" /> |
– HTML e-mail tasarımı yaparken genişliği web sayfası mantığında değil dikey önizleme paneli kullanan Outlook, Aol veya Gmail kullanıcılarını da düşünerek max. 640pxolmasına özen gösterin.
– Mail htmllerinizde JavaScript kodlarınız çalışmayacaktır.
– HTML e-mail tasarımı, web sayfası tasarımından ayıran en önemli özellik web sayfalarında olduğu gibi Css konumlandırma, Div’ler, DHTML ve karışık gömülü tablolar kullanamazsınız.
– Üyelikten çıkma linki (unsubscribe link) eklemeniz maillerinizin güvenirliliği ve spam’e düşmemeniz için önemlidir.
Kaynak:
http://www.email-standards.org
http://www.campaignmonitor.com