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
0
0
0
0