E-ticaretin ve internet reklamlarının öneminin arttığı şu dönemde, ürününü pazarlamak isteyen kurumsal firmalar için e-bülten‘ler ayrı bir avantaj sağlarken, web tasarımcılar için de html e-mail tasarımı her geçen gün değer kazanıyor. Ben de bunun üzerine, öncelikle kısaca e-bültenlerin önemine ve avantajına değindikten sonra, konuyu web tasarımcılar bakımından bütün detaylarıyla ele alarak, e-mail tasarımını hazırlarken ve html kodlamasını yaparken nelerin dikkate alınması gerektiğinden söz etmek istiyorum. Hazırladığınız e-bültenlerin spam filtrelerine takılmadan okuyucuya ulaşmasını istiyorsanız anlatacaklarımı dikkate almanızı tavsiye ederim.
E-bülten’in önemi ve avantajları
İnternetin neredeyse en büyük pazarlama aracı olduğunu göz önüne aldığımızda, insanlara ulaşmanın en kolay yolunun e-mail olduğunu rahatlıkla söyleyebiliriz. Bu nedenle de hedef kitleye ulaşabileceğiniz en kolay, en ucuz (düşük maliyetli), en kısa ve en etkili yoldur e-bültenler. Kişisel bir ilan olması açısından okuyucu üzerinde oluşturduğu samimi hissiyattan dolayı etkisi büyüktür.
E-bültenleri düz metin ve ekte resim dosyası olarak ta gönderebileceğiniz gibi, asıl konumuz olan html e-mail tasarımı şeklinde de göndererek reklamınıza daha profesyonel ve daha etkili bir görünüm kazandırabilirsiniz.
Spam filtrelerden korunmanın yolları
E-mail yoluyla reklam yaparken, kurumsal firmaların önündeki en büyük handikap spam filtreleridir. E-bülten veya html e-mail tasarımı kurallarına göre hazırlanmazsa mailin spam filtreye takılması kaçınılmaz olur ve hedef kitlenizin posta kutularında görünmeden emekleriniz boşa gider. Eğer e-bültenlerinizin spam filtrelere takılmasını istemiyorsanız aşağıdaki önerileri dikkate almanız gerekiyor.
- Tamamı büyük harflerden oluşan cümleler kullanmayın.
- Cümlelerin sonuna ünlem işaretlerini ardarda dizmeyin!!!!!
- E-mailinizde çok fazla renk bulundurmayın. E-mailin bir kaç renkten oluşmasını sağlayın.
- “Ücretsiz”, “buraya tıkla!”, “hemen tıkla!” gibi reklam kokan ifadeleri mümkün olduğunca kullanmayın.
- Spam olarak algılanan kelimelerden kesinlikle kaçının (viagra, mortgage…)
- “Kimden” bölümüne firma ya da ürün adını yazın.
- “Konu” bölümüne “test” kelimesini yazmayın.
- Yasal olmayan toplu e-mail gönderimi yapmayın.
E-bülten gönderirken spam filtrelere takılmamak için önemli noktalar genel olarak bu kadar. Html e-mail tasarımının doğru görünmesi ve spam olarak algılanmaması için dikkat edilecek noktalara ve kurallara geçebiliriz artık. Bu bölüm daha çok web tasarımcıları ilgilendirdiği gibi, bazı maddeler e-maili gönderecek firmaları da ilgilendiyor.
Html E-mail Tasarımı yaparken dikkat edilecekler
- Tasarımın genişliği 400-600 piksel arasında olmalıdır.
- E-mail, sadece resim dosyalarından oluşmamalıdır.
- Önemli içeriklerde, başlıklarda ve linklerde kesinlikle resim kullanmamalısınız.
- Yasal ve profesonel olmak için, e-mailin en üstüne ya da en altına “listeden çıkmak için tıklayın” linki ekleyerek, alıcılara tek tıkla listeden çıkma imkanı sağlamanız gerekir.
- E-maili asla sadece Html olarak göndermeyin. Sayfanın en üstüne mutlaka e-mailin sadece metinden oluşan versiyonunu ekleyin.
- Hotmail ve Gmail gibi tarayıcı tabanlı e-mailservisleri <head> ve <body> etiketlerini okumadığı için, Html kodlarında bu etiketleri kullanmayın. Buna bağlı olarak <title></title> etiketi de e-mailin spam olarak algılanmasına neden olur.
- Html e-mail kodlamasında DIV etiketi ve CSS dosyası kullanamazsınız. Kodlarınız sadece Table’lardan ve tablolara verebileceğiniz stil özelliklerinden oluşmalıdır.
<td style=”color:#000000;margin-left:10px”> gibi
- Stil özelliklerini verirken css’te kullandığınız kısaltmaları kullanamazsınız. Yani “margin: 10px 0 5px 0” yerine “margin-top:10px;margin-right:0;margin-bottom:5px;margin-left:0” şeklinde yazmanız gerekiyor.
- Karışık tablo yapısından kaçının. Mümkün olduğunca basit bir tablo taslağı oluşturun.
- Eksik tablo etiketleri ya da gereksiz etiketlerle doldurulmuş kötü html yapısı e-mailin spam filtresine takılmasına yol açar. Özellikle de Html e-mail editörü kullanıyorsanız kodların mümkün olduğunca düzenli ve hatasız yazılmasına dikkat edin.
- Kullandığın resim dosyalarını kendi sunucunuzdan çağırmalı ve linklerini de mutlaka http://www.sunucunuz.com/resim.gif örneğindeki gibi vermelisiniz.
- Html e-mail kodlamasında JavaScript, ActiveX kullanamazsınız.
- E-mailin altına geçerli iletişim bilgilerinizi ve firmanın gizlilik politikası linkini mutlaka ekleyin.
- Resimleri kapalı duruma getirerek, e-mail resimsiz versiyonunun da düzgün göründüğünden emin olun.
Yukarıda bahsettiklerim Html e-mail nasıl hazırlanır diye merak eden tasarımcılara yardımcı olacaktır diye düşünüyorum. Ancak gördüğünüz üzere html e-mail hazırlamak hiç de kolay değil aslında. Düzgün görünmesi ve spam olarak algılanmaması için bir çok kuralı var. Bu nedenle, firmaların bu konuda deneyimli web tasarımcıları tercih ettiğini göz önünde bulundurarak, yukarıda belirttiğim önemli bilgileri dikkate alın ve zaman kaybetmeden siz de html e-mail tasarımında uzman konumuna yükselmeye çalışın. Böylelikle iş alanınızı büyüterek müşteri portföyünüzü genişletebilirsiniz.
Haziran 17, 2010
harika bir yazı elinize sağlık.
Haziran 18, 2010
Paylaşım için teşekkürler çok işime yaradı.
Ağustos 27, 2010
Öncelikle paylaşım adına teşekkürler.Söylediklerinizi harfiyen uyguladım.Domainim windowsa’da kayıtlı yani site domain mx ayarlarımda yapıldı ancak yine de smart screen filtresine takılıyor mailler.Yani bu iş o kadar kolay değil demek ki 🙂
Ağustos 27, 2010
Evet gerçekten de mail servisleri bu konuda hiç taviz vermiyorlar. Bu konuda çok ciddi çalışmalar yürüten en büyük bankaların (ve diğer firmaların) mailleri bile zaman zaman filtrelere takılıyor maalesef. yine de bu makalede sözü edilen önemli noktalara dikkat ederek mailinizi daha çok kişiye ulaştırabilirsiniz. işinize yaradıysa ne mutlu bana:)
Ağustos 31, 2010
Teşekkürler Verdiğiniz bilgileri için 🙂
Aralık 31, 2010
Html modunda gönderi hiç bir ücretsiz mail sağlayısında yok ama kendi web sitenizden gönderim yapabilirsiniz.
Haziran 18, 2011
peki background varsa email tasarımında, onu nasıl yapıcaz, kodu ne olacak…
Haziran 25, 2011
E bulten ile ilgili vermiş olduğunuz bilgiler için teşekkür ederiz..
Haziran 29, 2011
Geçen ay hazırlamıştım bir tane, hiçte göründüğü gibi değil. Gerçekten çok zor. Ne html ne css’e benziyor garip bir tasarım yolu var, çözebilmiş değilim ama bakalım bu ayki bültende belki daha iyi anlarım.
Ekim 5, 2011
Maile nasıl eklenebileceği hakkında biraz bilgi verebilir misiniz?
Ekim 7, 2011
Gerçekten güzel bir konu, teşekkürler.
Mart 23, 2012
nerden hazırlıyabilirim böyle bi mail çok önemli yardım edn lütfen
Haziran 14, 2012
Resimleri otomatik olarak nasıl gösterebilirim ? resimleri gösteri tıklamak zorunda kalmadan doğrudan açılmasını istiyorum
Kasım 3, 2015
İşte aradığım makale ! Faydalı oldu gerçekten, teşekkürler.