Verimlilik·
16 Nisan 2026
Pazarlama ekiplerinin büyük çoğunluğu, her kampanya öncesinde aynı içerikleri sıfırdan yazarak saatlerini harcıyor. Oysa doğru kurgulanmış bir şablon kütüphanesi; marka tutarlılığını korurken ekibin en kıymetli kaynağı olan zamanı da koruyor. E-posta şablonu hazırlamak kulağa teknik gelse de, temel HTML bilgisi ve birkaç iyi pratikle herkes yönetilebilir bir sistem kurabilir.
E-posta pazarlamasında tekrar eden unsurlar çoktur: logo, marka renkleri, yasal footer, sosyal medya ikonları, çıkma (unsubscribe) bağlantısı. Bu unsurları her seferinde sıfırdan kodlamak hem zaman kaybıdır hem de tutarsızlık riskini artırır. Merkezi bir şablon kütüphanesi şu faydaları sağlar:
Tarayıcılar için yazılan modern HTML ile e-posta HTML'i birbirinden önemli ölçüde ayrılır. E-posta istemcileri (Outlook, Gmail, Apple Mail vb.) farklı oluşturma motorları kullanır ve CSS desteği kısıtlıdır. Bu nedenle e-posta şablonlarında aşağıdaki teknik ilkelere uymak gerekir:
<table> elementleri kullanılır.<link> etiketi çoğu istemcide yoksayılır. Stiller style="" niteliğiyle doğrudan elementin üzerine yazılır.alt niteliği dolu olmayan görseller anlamsız boşluk bırakır.<meta charset="UTF-8"> ve gönderim sırasında Content-Type: text/html; charset=UTF-8 başlığı zorunludur (RFC 2045, RFC 2822).Bir e-posta şablonunu üç ana katmana ayırmak, hem bakımı hem de yeniden kullanımı kolaylaştırır:
| Katman | İçerik | Değişme Sıklığı |
|---|---|---|
| Çerçeve (Frame) | Dış tablo, arka plan rengi, 600 px kapsayıcı | Hiç değişmez |
| Başlık (Header) | Logo, navigasyon bağlantıları, önizleme metni | Marka yenilemesinde değişir |
| İçerik Bloğu (Body Block) | Başlık, paragraf, görsel, CTA düğmesi | Her kampanyada değişir |
| Alt Bilgi (Footer) | Şirket adresi, telefon, çıkma bağlantısı, yasal metin | Şirket bilgisi değiştiğinde güncellenir |
Şablon dosyanız bir HTML belgesidir. E-posta istemcilerine iletilmeden önce Outlook uyumluluğu için koşullu yorumlar (conditional comments) eklenir. Temel belge yapısı şöyle görünür:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-posta Başlığı</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f4;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
<tr><td align="center">
<table role="presentation" width="600" cellpadding="0" cellspacing="0"
style="background:#ffffff;">
<!-- İçerik buraya gelir -->
</table>
</td></tr>
</table>
</body>
</html>role="presentation" niteliği, ekran okuyucularının (JAWS, NVDA vb.) düzen tablolarını veri tablosu olarak yorumlamasını engeller; bu, WCAG 2.1 erişilebilirlik yönergesiyle örtüşen bir pratiktir.
Gelen kutusu listesinde konu satırının yanında görünen kısa metin, preheader olarak adlandırılır. Bu metin, görünmez bir <span> etiketi aracılığıyla şablona eklenir ve gönderilen HTML'nin <body> etiketi açıldıktan hemen sonra yerleştirilir:
<span style="display:none;max-height:0;overflow:hidden;mso-hide:all;">
Kampanyanızın kısa özeti burada yer alır...
</span>Preheader metni genellikle 85-100 karakter arasında tutulur; bu uzunluğu aşan kısımlar çoğu istemcide kesilebilir.
Düğmeler için CSS background-color özelliği Outlook'ta çalışmaz. Bu nedenle VML (Vector Markup Language) tabanlı Outlook koşullu bloğu kullanılır ya da daha basit bir yol olarak düz bir <a> etiketi tablo hücresiyle birleştirilir:
<td align="center" style="background-color:#0057FF;border-radius:4px;">
<a href="https://ornek.com/kampanya"
style="display:inline-block;padding:14px 28px;color:#ffffff;
font-family:Arial,sans-serif;font-size:16px;
text-decoration:none;font-weight:bold;">
Hemen İncele
</a>
</td>Türkiye İstatistik Kurumu (TÜİK) ve çeşitli e-posta servis sağlayıcılarının yayımladığı raporlar, e-postaların önemli bir kısmının mobil cihazlarda açıldığını ortaya koymaktadır. Tek sütunlu düzen (600 px yerine %100 genişlik) hem masaüstünde hem mobilde düzgün görünür. Medya sorguları destekleyen istemciler için ek CSS eklenebilir:
<style>
@media only screen and (max-width:600px) {
.container { width:100% !important; }
.stack { display:block !important; width:100% !important; }
}
</style>Gmail ve bazı Outlook sürümleri <style> bloğunu beden dışına taşısa da, tek sütunlu temel düzen bu istemcilerde de sorunsuz çalışır.
Türkiye'de ticari elektronik ileti göndermek, 6563 sayılı Elektronik Ticaretin Düzenlenmesi Hakkında Kanun (ETK) ve bu Kanun'a dayanan yönetmelikler kapsamındadır. 1 Ocak 2022'de yürürlüğe giren güncellemelerle birlikte aşağıdaki unsurlar her ticari e-postada zorunlu hale gelmiştir:
Şablon footer'ınıza aşağıdaki gibi bir yapı eklenmesi yasal gereklilikleri karşılar:
<p style="font-size:12px;color:#888888;text-align:center;">
Bu e-posta, <strong>Şirket Adı</strong> tarafından
<strong>info@sirket.com.tr</strong> adresine gönderilmiştir.
<br>Adres: Örnek Mah. 123. Sk. No:1, İstanbul, Türkiye
<br><a href="{{unsubscribe_url}}">Abonelikten çık</a>
</p>Tek bir şablon yeterli değildir; farklı kampanya türleri için farklı düzenlere ihtiyaç duyulur. Asgari bir kütüphane şu şablonları içermelidir:
Her şablonu bir sürüm kontrol sistemi (Git) veya bulut tabanlı bir doküman deposunda saklamak, geçmiş sürümlere dönebilmeyi ve ekip içi işbirliğini kolaylaştırır.
Şablon hazırlandıktan sonra çeşitli istemcilerde test edilmesi gerekir. Litmus ve Email on Acid gibi araçlar, farklı e-posta istemcilerinde şablonun nasıl göründüğünü önizleme imkânı sunar. Bunlara ek olarak şu kontroller önerilir:
Temel HTML ve satır içi CSS bilgisi yeterlidir. Sürükle-bırak düzenleyiciler (drag-and-drop editor) sunan e-posta pazarlama platformları, kod yazmadan şablon oluşturma imkânı tanır. Ancak kodun doğrudan yönetilmesi, istemciler arası uyumluluk sorunlarını çözmede daha fazla esneklik sağlar.
600 piksel genişlik, masaüstü e-posta istemcilerinin önizleme bölmesine (preview pane) sığan ve popüler ekran çözünürlüklerinin büyük çoğunluğunda kesilmeden görünen bir değer olduğu için yıllar içinde fiilî standart haline gelmiştir. Campaign Monitor ve Litmus gibi platformların yayımladığı rehberlerde bu değer tutarlı biçimde önerilmektedir.
En fazla iki farklı font ailesi önerilir: biri başlıklar, diğeri gövde metni için. Web fontları (Google Fonts vb.) birçok istemcide desteklenmez; bu nedenle her zaman Arial, Georgia veya Verdana gibi güvenli sistem fontlarından oluşan bir yedek (fallback) listesi belirtilmelidir.
Evet. 6563 sayılı ETK'nın 9. maddesi, ticari elektronik ileti alıcılarının her zaman ücretsiz ve kolayca iletişimden çıkabilme hakkını güvence altına alır. Bu hükmün ihlali idari para cezasına yol açabilir. Çıkma bağlantısı şablonun footer bölümüne yerleştirilerek hiçbir kampanyada atlanmaması sağlanır.
URL ile bağlantı vermek tercih edilir. Base64 ile gömülen görseller e-postanın dosya boyutunu ciddi ölçüde artırarak spam filtrelerine takılma ihtimalini yükseltir. Görseller CDN (Content Delivery Network) üzerinde barındırılırsa hem hız hem de teslimat oranı iyileşir.
Apple Mail, Outlook 2019+ ve bazı mobil uygulamalar karanlık modu destekler. CSS medya sorgusu @media (prefers-color-scheme: dark) ile karanlık mod için alternatif renkler tanımlanabilir. Renklerin şeffaf arkaplan yerine açık arka plana sahip olması ve logoların transparan PNG formatında hazırlanması, karanlık modda görsel bozulmayı en aza indirir.
En az şu dört kategori kapsanmalıdır: Gmail (web), Outlook 2016/2019, Apple Mail ve bir mobil istemci (iOS Mail veya Android Gmail). Hedef kitlenin istemci dağılımı biliniyorsa teste dahil edilen istemci sayısı buna göre artırılabilir. Litmus ve Email on Acid gibi araçlar 90'dan fazla istemci kombinasyonunu otomatik olarak test eder.
E-posta pazarlama platformları, alıcı adı veya diğer kişisel bilgileri şablona yerleştirmek için değişken etiketler (merge tags) kullanır. Bu etiketlerin sözdizimi platforma göre değişir: Mailchimp *|FNAME|*, diğer platformlar {{first_name}} gibi biçimler tercih eder. Connect365'te bu etiketler belgelenmiş API alanlarıyla eşleşir.
Spam filtrelerinin dikkate aldığı başlıca unsurlar şunlardır: metin/görsel oranı (yalnızca görsellerden oluşan e-postalar şüpheli bulunur), konu satırında büyük harf ve ünlem işareti kullanımı, gönderim alan adının SPF ve DKIM kayıtlarının doğru yapılandırılmış olması (RFC 7208 ve RFC 6376). SpamAssassin aracı ücretsiz olarak kullanılabilir ve şablon içeriğini değerlendirerek puan verir.
Temel çerçeve ve footer yılda bir kez gözden geçirilmesi yeterlidir; mevzuat değişikliklerinde (örneğin İYS yönetmelik güncellemeleri) ise derhal güncellenmesi gerekir. İçerik blokları kampanyayla birlikte değişeceği için ayrıca güncelleme planı gerektirmez.
Reklamsız, KVKK uyumlu; kurulum ve geçiş ücretsiz, mailleri biz taşırız.