Herkese Merhabalar,

Birçok kişi bu konuda problem yaşıyor email gönderimlerinde hazırlanan HTML’lerin web sitesiyle aynı olduğunu düşünüyor aslında iki konu birbirinden çok farklı ve email gönderimlerinde kullanılan kodlar özel kodlardır.

Email gönderimlerinde html hazırlarken basit kodlar kullanılması gerekiyor aşağıda bununla ilgili detayları maddeler halinde iletiyor olacağım.

Email Kodlamasında aşağıdaki adımların yapılması gerekir;

  1. Email tasarımlarınızın 700 px genişliğinden büyük tutulmaması gerekiyor.
  2. Hazırladığınız içeriklerin mobil kullanıcılarına da hitap etmesi önemlidir.
  3. Email içeriklerinizin sadece görsel değil Text olması önemli bir konu yani resim ve text oranı eşit olması gerekiyor.
  4. Web sitelerinde div tagleri kullanılır email gönderimlerinde table kullanılması daha uygun olmaktadır.
  5. Web sitelerinde kullanılan kısaltmalar “padding: 10px 0 5px 0” yerine “padding-top:10px;padding-right:0;padding-bottom:5px;padding-left:0” kullanılması daha doğru olacaktır.
  6. Kullandığınız resimlerin boyutları 100 ile 150 KB fazla tutulmaması önemlidir içeriğinizi mobilden okuyan kullanıcıların olduğunu unutmamak gerekir.
  7. İçeriklerinizde gif kullanılabilir yalnız outlook adresleri yani şirket adreslerinde gif içerikler çalışmıyor desteklemediğinden dolayı .GIF görselinizde verilecek mesaj ilk frame vermeniz gerekir.
  8. Hazırladığınız içeriklerin tüm ISP’lerde ( Hotmail, Gmail, Yahoo ve Şirket Adresleri) test edilmesi önemli bir konudur çünkü her ISP’nin kendine özgü desteklediği kodlar vardır yukarıda aslında basit kodlar ile yapılması gerektiğini bundan dolayı belirtmiştim.
  9. Web sitesindeki gibi resim yolları email gönderimlerinde farklıdır. Örneğin: görsellerde http://www.revotas.com/resim.jpg gibi  tam yolu vermemiz gerekiyor.

Email Kodlaması Yaparken yapılmaması gereken işlemler;

  1. Hotmail, Gmail ve Yahoo gibi tarayıcı tabanlı ISP’ler <head> ve <body> etiketlerini okumadığı için HTML kodlarında bu etiketleri kullanmamalısınız.
  2. HTML içersinde JavaScript, ActiveX kullanılmamalısınız.
  3. İçerikte google analytics kodları eklenmemeli bunun yerine utm kodları ekleyebilirsiniz.
  4. İçeriklerinizde gereksiz kodlardan kaçınılmalı yani karışık kodlar yerine basit kodlar ile işlemi sonlandırmanızdır.

Sorunuz olur ise aşağıdaki yorum alanından sorabilirsiniz.

Lütfen sormaktan çekinmeyin