E-posta şablonu tasarımı, web tasarımından farklı kurallara tabidir. Tarayıcılarda sorunsuz çalışan modern yerleşim teknikleri, e-posta istemcilerinin bir kısmında hiç çalışmaz. Üstelik tasarım tercihleriniz yalnızca görünümü değil, iletinin gelen kutusuna ulaşıp ulaşmayacağını da etkiler.
Bu rehber, teslimat dostu ve her istemcide okunabilir şablon hazırlamanın kurallarını anlatıyor.
Tasarımın Teslimata Etkisi
Spam filtreleri iletinin görsel yapısını da değerlendirir. Şu tasarım tercihleri doğrudan spam puanını yükseltir:
- Tek büyük görselden oluşan ileti. Metin içermeyen, tamamı tek bir görsel olan e-postalar klasik bir spam kalıbıdır. Filtreler metni okuyamadığı için içeriği değerlendiremez ve şüpheyle yaklaşır.
- Düz metin sürümünün olmaması. Yalnızca HTML gönderen iletiler daha şüpheli değerlendirilir. Her iletide düz metin karşılığı bulunmalıdır.
- Aşırı bağlantı yoğunluğu. Metne oranla çok fazla bağlantı içeren iletiler işaretlenir.
- Kısaltılmış bağlantılar. Hedefi gizlediği için spam göstergesi sayılır. Kendi alan adınızdan bağlantı verin.
- Bozuk HTML. Kapanmamış etiketler ve geçersiz yapı, filtreleri tetikler.
- Gizlenmiş metin. Arka planla aynı renkte yazı veya sıfır boyutlu metin, doğrudan spam işareti sayılır — bazı şablon araçları bunu farkında olmadan üretir.
Teknik Kurallar
E-posta istemcileri, tarayıcıların desteklediği birçok özelliği desteklemez. Güvenli yaklaşım:
Tablo Tabanlı Yerleşim
Modern web yerleşim teknikleri bazı e-posta istemcilerinde çalışmaz. Yerleşim için tablo kullanmak, e-posta dünyasında hâlâ en güvenli yöntemdir. Web geliştirme alışkanlıklarınıza aykırı gelir ama uyumluluk için gereklidir.
Satır İçi Stil
Bazı istemciler ileti gövdesindeki stil bloklarını kaldırır. Stilleri doğrudan etiketlerin içine yazmak, her istemcide çalışmayı garanti eder. Şablon araçlarının çoğu bu dönüşümü otomatik yapar.
Sabit Genişlik
Okuma bölmesi dar olabileceği için makul bir maksimum genişlik belirleyin. Çok geniş şablonlar yatay kaydırma gerektirir ve okunmaz hâle gelir.
Görseller Kapalı Varsayımı
Birçok istemci görselleri varsayılan olarak engeller. İletiniz görseller yüklenmeden de anlaşılır olmalıdır:
- Her görsele açıklayıcı alternatif metin yazın.
- Kritik bilgiyi (sipariş numarası, tutar, eylem bağlantısı) görselin içine koymayın.
- Logo yüklenmese bile marka adı metin olarak görünsün.
Yazı Tipi
Özel yazı tipleri çoğu istemcide çalışmaz. Sistem yazı tipleri kullanın ve yedek zinciri tanımlayın. Boyut olarak da cömert davranın — küçük yazı, mobil okumada ciddi sorun üretir.
Mobil Öncelikli Yaklaşım
E-postaların önemli bir bölümü mobil cihazlarda okunur. Bu, tasarım kararlarını doğrudan etkiler:
| Öğe | Mobil kuralı |
|---|---|
| Sütun sayısı | Tek sütun en güvenlisi |
| Buton boyutu | Parmakla rahat dokunulacak kadar büyük |
| Yazı boyutu | Yakınlaştırma gerektirmeyecek kadar |
| Konu satırı | Kısa — mobilde erken kesilir |
| Ön izleme metni | Bilinçli yazılmalı |
Ön İzleme Metni: Atlanan Fırsat
Çoğu istemci, konu satırının yanında iletinin ilk satırlarından bir ön izleme gösterir. Bu alan bilinçli doldurulmazsa, oraya iletinin en üstündeki teknik metin düşer — "Bu e-postayı görüntüleyemiyorsanız tıklayın" gibi.
Ön izleme metnini konu satırının devamı gibi kurgulayın. Açılma oranını doğrudan etkileyen, maliyetsiz bir iyileştirmedir.
Karanlık Mod
Birçok istemci karanlık modda renkleri otomatik dönüştürür ve bu dönüşüm bazen istenmeyen sonuçlar üretir: beyaz zeminli logolar kaybolur, açık gri metin okunamaz hâle gelir.
Pratik önlemler: logoyu şeffaf arka planlı hazırlayın, saf beyaz yerine hafif kırık tonlar kullanın ve tasarımı hem açık hem karanlık modda test edin.
Test: Tahmin Etmeyin
E-posta istemcileri arasındaki uyumsuzluk gerçek ve öngörülemezdir. Göndermeden önce test edin:
- Farklı istemcilerde açın. Masaüstü uygulaması, web arayüzü ve mobil uygulama — en az üç ortam.
- Görseller kapalı deneyin. İleti hâlâ anlaşılıyor mu?
- Karanlık modda bakın.
- Düz metin sürümünü okuyun. Otomatik üretilen düz metin genellikle okunaksızdır; elle düzenleyin.
- Tüm bağlantıları tıklayın. Şablon değişkenleri doğru dolmuş mu?
- Nereye düştüğünü kontrol edin. Farklı sağlayıcılardaki test adreslerine gönderip gelen kutusuna mı spam'e mi düştüğüne bakın.
Sonuç
E-posta şablonu tasarımında iki hedef birlikte gözetilmelidir: her istemcide okunabilirlik ve spam filtrelerinden temiz geçiş. İkisini birden sağlayan yaklaşım aslında basittir — gerçek metin ağırlıklı, tek sütunlu, satır içi stilli ve düz metin sürümü olan sade bir şablon. Görsel ağırlıklı, karmaşık yerleşimli tasarımlar hem daha çok istemcide bozulur hem daha çok filtreye takılır. İyi yapılandırılmış bir smarthost altyapısı gönderim tarafını üstlenir; şablon tarafı ise tamamen sizin tasarım tercihlerinize bağlıdır.
Sıkça Sorulan Sorular (SSS)
Hâlâ tablo tabanlı yerleşim mi kullanmalıyım?
E-posta için evet. Modern yerleşim teknikleri bazı istemcilerde desteklenmez ve tasarımınız orada tamamen bozulur. Tablo tabanlı yerleşim eski bir yöntem ama uyumluluk açısından hâlâ en güvenli olanıdır.
Tamamen görselden oluşan e-posta göndermek neden kötü?
İki nedenle: filtreler metni okuyamadığı için iletiyi şüpheli sayar ve birçok istemci görselleri engellediği için kullanıcı boş bir e-posta görür. Her zaman gerçek metin içerin.
Düz metin sürümü gerçekten gerekli mi?
Evet. Hem teslimat açısından olumlu bir sinyaldir hem de HTML görüntüleyemeyen ortamlarda iletinizin okunmasını sağlar. Otomatik üretilen sürüm genellikle kötüdür — elle düzenlemeye değer.
Şablon genişliği ne olmalı?
Okuma bölmelerinin dar olabileceğini varsayıp makul bir maksimum genişlik belirleyin. Mobilde tek sütuna inen esnek bir yapı en güvenlisidir. Çok geniş şablonlar yatay kaydırma gerektirir ve okunmaz.
