E-posta İmza Oluşturucu

Neden tablo tabanlı HTML?

E-posta istemcileri HTML’yi tutarsız şekilde yorumlar. Outlook, modern CSS’in büyük bölümünü yok sayan Word’ün işleme motorunu kullanır (flexbox yok, grid yok, sınırlı box-shadow). Satır içi stillerle oluşturulan tablo düzenleri, büyük istemcilerin tümünün öngörülebilir şekilde görüntülediği tek kalıptır. Oluşturucu tam olarak bu dar stili yazar, böylece imza Gmail, Outlook masaüstü, Outlook web, Apple Mail ve iOS Mail’de aynı görünür.

Oluşturucunun ürettiği şey

Çıktı basit bir tablodur: ilk satırda adınız kalın, altında unvanınız veya şirketiniz, son satırda ise dikey çizgiyle ayrılmış iletişim bilgileriniz yer alır:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

Boş bıraktığınız alanlar yalnızca atlanır, bu nedenle yalnızca ad ve e-posta içeren bir imza da kompakt kalır.

İmzada neler olmalı

Olması gerekenler:

• Tam ad.
• Unvan veya rol.
• Şirket adı.
• Doğrudan iletişim (e-posta veya telefon).

Yararlı eklemeler:

• LinkedIn URL’si veya kişisel web sitesi bağlantısı.
• Müşteriyle birebir ilgilenen roller için telefon numarası.

Kaçının:

• Uzun ilham verici sözler.
• Animasyonlu GIF’ler (birçok istemci animasyonu kaldırır).
• Büyük görseller (e-postanın yüklenmesini yavaşlatır ve “ağır” olarak işaretlenir).
• Yasal zorunluluk olmadıkça 2-3 satırı aşan “gizlilik” ibareleri.
• Kayıt olduğunuz her ağ için bir sosyal medya ikonu duvarı.

Fotoğraf veya logo daha sonra ekleme

Oluşturucu yalnızca metin üretir. Bir fotoğraf veya logo eklemek için oluşturulan HTML’yi e-posta istemcinizin imza düzenleyicisine yapıştırıp görsel araçlarını kullanın ya da HTML’yi düzenleyip barındırılan bir görsele işaret eden bir img etiketi ekleyin. Görsel, herkese açık bir URL üzerinde bulunmalıdır:

• Şirket CDN’i: iş imzaları için en iyisi; BT ekibiniz marka alan adı altında barındırabilir.
• Ücretsiz görsel barındırma (imgur, Cloudinary ücretsiz planı): hızlı ve ücretsiz; ancak hizmetin kapanma riski vardır.
• Base64 yerleştirme: barındırma gerektirmez ancak her e-postayı 20-50 KB büyütür ve bazı Outlook yapılandırmaları bunu kaldırır.

Görselleri küçük tutun: 20 KB’ın altında, kare, 120x120 veya daha küçük.

Outlook’a özgü incelikler

• Genişlik: 600px’in altında tutun; daha geniş imzalar önizleme bölmesinde kesilir.
• Yazı tipleri: Arial, Helvetica, Georgia, Verdana kullanın veya font-family: "Segoe UI", Arial, sans-serif; gibi bir yığın kullanın.
• Renkler: saf #000’den kaçının; #333 veya #444, koyu mod Outlook’ta daha iyi görünür.
• Birincil öğeler olarak CSS değişkenleri, flex, grid veya SVG kullanmayın.

Yasal ibareler

Bazı yargı bölgeleri (Birleşik Krallık Companies Act 2006, belirli kuruluşlar için AB gereklilikleri) iş e-postalarında kayıtlı şirket adı, numarası ve adresi ister. Gerekli bilgileri kendiniz ekleyin; unvan ve şirket alanlarına yazabilir ya da HTML’yi sonradan düzenleyebilirsiniz. Piyasanızın bunları gerektirip gerektirmediğini hukuk ekibinizle doğrulayın.