HTML Kodlama Yaparken Nelere Dikkat Edilmeli

Birçok kişi HTML kodlama yaparken problem yaşıyor ve e-posta gönderimlerinde hazırlanan HTML’lerin web sitesiyle aynı olduğunu düşünüyor. Aslında iki konu birbirinden çok farklı ve e-posta gönderimlerinde kullanılan kodlar özel kodlardır. HTML Kodlama Yaparken Nelere Dikkat Edilmeli yazımızda e-posta kodlamasında yapılması ve yapılmaması gerekilen işlemleri anlattık. Hakkımızda daha fazla bilgi almak için tıklayın.

E-posta gönderimlerinde HTML hazırlarken basit kodlar kullanılması gerekiyor. Aşağıdaki maddelerde daha detaylıca e-posta kodlamasında yapılması gerekenleri anlattık.

E-posta Kodlamasında Yapılması Gereken İşlemler;

  1. E-posta tasarımlarınızın 700 px genişliğinden büyük tutulmaması gerekir.
  2. Hazırladığınız içeriklerin mobil kullanıcılarına da hitap etmesi önemlidir.
  3. E-posta içeriklerinizin sadece görsel değil Text olması önemli bir konudur. Bu sebeple resim ve text oranı eşit olması gerekir.
  4. Web sitelerinde div tagleri kullanılır. E-posta gönderimlerinde ise 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 gerekiyor.
  7. İçeriklerinizde gif kullanılabilir yalnız Outlook adresleri yani şirket adreslerinde gif içerikler desteklemediğinden dolayı çalışmıyor. GIF görselinizde verilecek mesajı ilk frame’de 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ı e-posta gönderimlerinde farklıdır. Örneğin: görsellerde http://www.revotas.com/resim.jpg gibi tam yolu vermemiz gerekiyor.

E-posta Kodlaması Yaparken Yapılmaması Gereken İş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 kullanmamalı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ırmalısınız.