E-posta Bülteni Formatı - Etkili Kampanyalar İçin Yapılması ve Yapılmaması Gerekenler

İlk bakışta basit ve okunaklı bir yapı koruyun. Yaklaşık 600–650 px genişliğinde tek sütunlu bir düzen, net bir başlık, cömert satır yüksekliği ve keskin kenar boşlukları okuyucuların hızlıca taramasını sağlar. Bu tasarım, kaydırma sırasında hata yapma olasılığını azaltır ve mesajınızı kolayca emilmesini sağlar. Dikkati korumak için en önemli detayları üst kısma yerleştirin ve bölümleri ayırmak için beyaz alanı kullanın.

Yapın: Konu satırlarını kısa ve eylem odaklı tutun. Düz bir dilde yazın, kısa cümleler kullanın ve okunabilirliği yüksek tutun. Ağır metin blokları yerine kısa paragraflar kullanın; bunun yerine düz bir dil ve kısa cümleler kullanın. Mesajınızı destekleyen bir veya iki görsel ekleyin, ancak dosya boyutlarını küçük tutun ve neyin işe yaradığını seçmek için testlere güvenin. Bağlantıları belirgin yerlere koyun ve okuyucuların bunları kolayca tıklamasını sağlayın. Bölümler arasında bir ritim oluşturun ki okuyucular bunalmış hissetmesin.

Yapmayın: Bülteni resimler veya uzun metin bloklarıyla aşırı yükleyin. Küçük yazı tipleri, tutarsız hizalama veya belirsiz dil ile ritmi bozun. Belirsiz çağrılara eylemden kaçının ve sansasyonel görünen çok fazla iddialı ifadeden kaçının. Birden fazla bağlantı eklemeniz gerekiyorsa, bunları net bir şekilde gruplayın ve mobil ve masaüstünde çalıştıklarını test edin. Göndermeden önce son okumanın testini unutmayın.

Test ve detaylar: Hızlı kontroller için gerçek aboneleri kullanın ve mobilde okunabilirliği doğrulayın. Her resmin alternatif metne sahip olduğunu ve resim yüklenmesinin düzeni bozmayacağını doğrulayın. Açılma oranlarını ve tıklama yollarını ölçmek için doğru araçları kullanın, ardından sonuçları somut değişikliklere dönüştürün. Bu gerçeklik, genç bir kitleye yönelik kampanyalar için önemlidir; burada hızlı ilham ve içeriğe kolay erişim etkileşimi artırır.

Tutarlılık ve sonraki adımlar: Yeniden kullanabileceğiniz basit bir şablon oluşturun ve test alışkanlığını sürdürün. Sayılarda aynı yapıyı ve tonu koruyun, böylece okuyucular sesinizi çaba sarf etmeden tanıyabilir. Kopyanızı kısa tutun, bağlantılarınızı çalışır halde tutun ve görsellerinizi temiz tutun; çünkü istikrarlı detaylar güven oluşturur ve zamanla yanıtı iyileştirir.

E-posta Bülten Formatı: Kampanyalar İçin Yapılması ve Yapılmaması Gerekenler - YÜKSEK KALİTELİ RESİMLER KULLANIN

Mesajınızı sabitlemek ve tanınırlığı artırmak için her bölüm başına tek bir yüksek kaliteli resim kullanın. Net bir resim hedefinizi destekler, tereddüdü azaltır ve göndereninizi öne çıkarır. Bunu net, ortalanmış ve mobil ekranlar için düzgün kırpılmış tutun ki bulanıklık farkındalığı ve güveni incitmesin.

Hafif bir resim seçin ve müşteriler arasında test edin. 200 KB'nin altında ve 600–800 px genişliğinde hedefleyin; resim ölçeklensin diye duyarlı boyutlandırma kullanın, mobilde yüzlerce pikselden masaüstünde daha büyük ekranlara kadar. Fotoğraflar için JPEG kullanın; az renkli grafikler için PNG; desteklendiği yerde kaliteyi artırmak için WebP düşünün dosya boyutunu artırmadan.

Alt metin önemlidir: Erişilebilirliği ve teslim edilebilirliği iyileştirmek için her resim için açıklayıcı metin sağlayın. Alt metin, resimde neyin olduğunu ve içeriğe nasıl ilişkili olduğunu açıklamalı, böylece resmi yükleyemeyen okuyucular hala mesajı alır ve hikayeyle bağ kurar. Hızlıca fark edilebilecek kısa bir dil kullanın.

Barındırma güvenilirliğini doğrulayın: Resmi güvenilir bir domaine barındırın, bağlantıları sabit tutun ve önizlemelerde bağlantıların kırık olmadığını kontrol edin. Bu adımlar, okuyucuları sinirlendiren ve deneyimi inciten kırık resim simgelerinden kaçınmaya yardımcı olur. Resim yüklenmezse, değeri ileten ve net bir tıklama hedefi gibi bir düğme içeren eşlik eden kopya olduğundan emin olun, böylece metne bağımlı olanlar hala mesajınızı alır.

Yerleştirme ve bağlam: Güçlü bir CTA'ya yakın bir resim yerleştirin; metin veya düğme bir sonraki adımı net bir şekilde göstermeli. Tıklama hedeflerinin mobilde kolayca dokunulabilir olduğundan emin olun; düğmeleri renk ve kontrastla görsel olarak belirgin hale getirin. Cihazlar arasında test etmek, resmin mesajı görüş alanından çıkarmadığını ve CTA'nın görünür kaldığını doğrulamaya yardımcı olur, yüzlerce alıcı arasında teslim edilebilirliği ve etkileşimi korur.

Dengeyi koruyun: Mesajı güçlendiren ancak kopyayı ezmeyen bir resim seçin. Kahraman resmini kullanıyorsanız, alt metin ve çevredeki kopyanın resmi gerektirmeden tam değeri sunduğundan emin olun. Bu yaklaşım deneyimi iyileştirir ve teklifi iletmek için sadece görsellere bağımlı olmaktan kaçınır.

Erişilebilirlik ve analiz: Her resmi sahneyi ve amacı tanımlayan alt metinle işaretleyin. Bu, hızlı tarayanlara yardımcı olur ve okuyucular ve e-posta istemcileri arasında farkındalığı artırır. Bu arada, genel dosya boyutunu düşük tutun ki hızlı yükleme korunsun, bu mobil bağlamlarda okuyucular için daha iyi etkileşimi destekler.

Görseller ve Resim Stratejisi

Üstte teklifi ve değeri ileten net bir kahraman resmiyle başlayın. Dosya boyutunu 150 KB'nin altında ve genişliği 600–700 px civarında tutun, 16:9 en-boy oranıyla. Tanınırlığı ve erişilebilirliği desteklemek için sahneyi tanımlayan alt metin ekleyin.

Kolay yükleme ve temiz okuyucu deneyimi için görsel sayısını sınırlayın. Bir sayı kullanın: bir kahraman resmi artı iki destekleyici resim; bu mobil ve masaüstünde düzeni basit tutar.

Yazı tipleri ve tipografi: 1-2 web yazı tipi kullanın; gövde metnini 16–18 px olarak ayarlayın, 1.4–1.6 satır yüksekliğiyle; metin ve arka plan arasında yüksek kontrast sağlayın; yazı tipi değişikliğini en aza indirin ve başlıkları net bir şekilde farklılaştırın.

Özelleştirilebilir şablonlar: Gönderenin paletine uyan resim değişikliklerini hızlıca yapmanızı sağlayan özelleştirilebilir bir düzen seçin. Bu yaklaşımı kullanarak, 2-3 resim varyantı hazırlayın ve okuyuculardan daha yüksek puan alan hangisi olduğunu belirlemek için bir araçla test edin.

CTA'ların yerleştirilmesi: Eylemleri yönlendirmek için resimleri kenara ve orta metin bloğuna hizalayın. Bu nokta akışı rafine etmeye yardımcı olur ve okuyucu etkileşimini artırır.

Optimizasyon ve performans: Tembel yükleme kullanın, resimleri sıkıştırın ve otomatik oynatan medyadan kaçının. Hızlı referanslar için kısa listeler kullanın—açılışlar, tıklamalar, tanınırlık puanı. Açılışlar, tıklamalar ve tanınırlık puanı gibi metrikleri izleyin; okuyucunun istediği, alt metin ve görseller mesajla uyumlu olduğunda ortaya çıkar; sonuçları okuyucuların istediği şekilde görselleri ayarlamak için kullanın.

Başlığı birden fazla görsel veya logoyla karıştırmayın; tanınırlığı korumak için tek bir odak resmi ve basit bir marka işareti tutun.

Erişilebilirlik İçin Alt Metinle Yüksek Kaliteli Resimler Kullanın

Alt metin yazarken, resmin desteklediği konuyu ve hikayeyi tanımlayın, resimler engellenmiş okuyucuların hala anlamı kavrayabilmesini sağlayın. Açık okuyucular, başlığı tekrarlamak yerine değer katan alt metinden faydalanır.

Açılma oranını yavaşlatmadan okunabilirliği ve etkileşimi iyileştirmek için şu pratik adımları izleyin, altyazıları basit tutarak:

• Yüksek çözünürlükte oluşturulan ancak e-posta için optimize edilmiş görseller seçin. Ağır dosyaları 150 KB'nin altında tutun ve masaüstü için en az 600 px genişlik sağlayın, mobil için duyarlı ölçeklendirme ile.
• Alt metin yönergeleri: Her resim için önce konuyu, sonra eylemi veya sonucu tanımlayın. Basit tutun, genellikle 1–2 kısa cümle ve 125 karakterden az hedefleyin. Kopyaya en ilgili olanı dahil edin ve "resim of" veya "picture of" gibi ifadelerden kaçının.
• Süsleyici görseller: Varlık bilgi eklemiyorsa, ekran okuyucuları karıştırmamak için alt="" ayarlayın. Bu, resimler engellenmiş okuyanlar için okunabilirliğe yardımcı olur.
• Yazı tipleri ve okunabilirlik: Web-güvenli yazı tipleri seçin ve yüksek kontrast sağlayın; alt metin görsellerin yerini almaz ancak resimler yüklenmediğinde anlayışı destekler. Gözü başlığa ve ana kopyaya yönlendiren basit düzenler kullanın.
• Başlığa yakın bağlam: Mesajı güçlendirmek için bir resmi başlığına yakın yerleştirin; alt metni kopyalamadan değer katan kısa bir altyazı ekleyin.
• En iyi uygulama nedir? Kesinlikle büyük müşterilerde test edin ki alt metin görsellerle sırayla okunsun; gerekirse ayarlayın ki başlığa bakan okuyucular hala özeti alsın.
• Takımları hatırlatma: Tasarım brifine alt metni dahil edin; yazarları ve tasarımcıları erken bağlayın; son teslimden önce her görselin alt metni oluşturulduğundan emin olun.
• Ölçüm ve takip: Okunabilirliği ve etkileşimi izleyin, alt metin tutarlı uygulandığında ve görseller kopyayla dengelendiğinde açılma oranlarında iyileşmeleri arayın. Neredeyse her müşteri bu uyumdan faydalanır.

Resim Çözünürlüğünü E-posta Genişliği ve Düzenle Hizalayın

Ana e-posta sütununa uyması için her resmi 600px genişliğinde tasarlayın ve yüksek DPI ekranlar için 2x sürüm (1200px) sağlayın. Bu, düzeni tutarlı tutar ve yüzlerce adres arasında yükleme sürelerini hızlandırır. Katın üstündeki net bir resim güçlü bir kanca ile önderlik eder ve dikkat çeker, alakasız görseller çerçeve dışında kalır.

Dosya boyutlarını küçük tutun: İçerik türüne göre resim başına 80-150 KB hedefleyin. Uygun formatlar kullanın: Fotoğraflar için JPG, şeffaflık içeren logolar için PNG. Yüksek DPI ekranlar için detayı korumak üzere 2x resim sağlayın; iş akışınızdaki araçlar fark edilebilir kayıplar olmadan kalite ayarı yapmanızı sağlar. Teslimatı hızlandırmak için resim adreslerini CMS'inizde veya CDN'inizde saklayın.

Resimleri duyarlı hale getirin: Düzenle ölçeklensin diye satır içi stillerde width: 100%; height: auto; ayarlayın. Resimler engellendiğinde dikkati korumak için açıklayıcı alt metin kullanın. Resim mesajı desteklemeli, ezmemeli. Resimlerin işaret ettiği bağlantıları doğrulayın ve doğru adresleri kullandıklarından emin olun. Bu ihtiyaç, görseller ve kopya dengesini nasıl kuracağınızı bilgilendirir.

Yaratıcılık performanstan ödün vermeden parlasın. Faydalı olduğunda birden fazla resim kullanın, ancak karışıklıktan kaçının. Yapılmaması gerekenler arasında büyük GIF'ler, ağır katmanlar ve okuyucuları dağıtan markalama yer alır. Çoğu işletme, görsellerin düzen ve temel mesajınızla uyumlu kaldığında, binlerce abone için cihazlar arasında hızlı yüklendiğinde başarı görür.

Hızlı bir müşteri arası testle takip edin, her resmin mobil ve masaüstünde düzenle uyumlu olduğunu doğrulayın. Yükleme sürelerini, netliği ve resim adreslerinin doğru çözümlendiğini kontrol edin. Katın üstünde net görsellerle önderlik edin ve gerisini temiz tutun ki okuyucu odakı korunsun. Seyircinizin en çok istediği temelde metrikleri toplayın ve yineleyin.

Ana Mesajlar İçin Resimlere Bağımlı Olmayın; Metinsel Alternatifler Sağlayın

E-posta gövdesinde ana mesajların kısa metinsel bir sürümünü her zaman sağlayın; resimler yüklenmese bile aynı bilgi görünür kalmalı ve bu metin gecikmesiz istenen anlamı iletir. Binlerce gönderide şaşırtıcı erişimle, bu yaklaşım kalabalık gelen kutularında görünürlüğünüzü korur.

Başlıklarla ve kısa satırlarla yapılandırın. Ağır içerikleri sindirilebilir parçalara ayırın ve her başlığın altına 3–5 satırlık bir özet yerleştirin ki birçok okuyucu önce tarasın ve hala özü kavrasın. Bu kurulum, küçük ekranlarda okumayı destekler ve genç kitlelerin arkadaşları CTA'yı tararken etkileşimde kalmasına yardımcı olur.

Her grafik için metinsel alternatifler dahil edin: Bir altyazı, alt metin veya ana mesajları tekrarlayan özel bir metin bloğu. Bir resim bağlantı içeriyorsa, resmin yanında düz metinde adresi gösterin ki resimler engellendiğinde okuyucular kopyalayabilsin. Bu, binlerce aboneyi etkileşimde tutar ve kayıp yönleri önler.

Erişilebilir metinle bülteni tasarlamak, başlıklar ve bölümler arasında okuma deneyimini artırır ve aynı bilgi basit veya zengin özellikli düzen olsun tutarlı şekilde net kalır. Okuyucular isteği anlamak için görselleri çözmek zorunda kalmaz, kesinlikle cihazlar arasında kalıcılığı iyileştirir.

Çeşitli arka planlardan gaby'ler ve gaby ile testlerde, metinsel ipuçları okuma kavrayışını iyileştirdi. Genç kitlelerden ve arkadaşlarından birçok abone, önemli her şey satırlar ve altyazılarda düz bir şekilde belirtildiğinde daha hızlı yanıt verir. Bir mesaj belirsiz görünüyorsa, kritik her şeyin düz metinde de göründüğü şekilde kopyayı ayarlayın.

Öğe	Fayda
Resimler için düz metin eşdeğerleri	Anlamı korur, erişilebilirliğe yardımcı olur, terkleri azaltır
Net başlıklar + kısa satırlar	Tarama ve hızlı anlayışı kolaylaştırır
Düz metin bağlantıları/adresleri	Resim yüklenmeden referansları kullanılabilir tutar

Büyük Dosyalardan Kaçının; Görünür Kayıplar Olmadan Resimleri Sıkıştırın

Çoğu görsel için resimleri 100 KB'nin altına sıkıştırın. Dışa aktarmadan önce maksimum 600 px genişliğe yeniden boyutlandırın, ardından WebP veya AVIF gibi modern bir formatta JPEG veya PNG yedeğiyle kaydedin.

Fotoğraflar için %60–75 kalitede WebP dışa aktarın. Basit grafikler için şeffaflık gerekmiyorsa PNG-8 veya WebP kullanın. JPEG kullanmanız gerekiyorsa, kaliteyi %60–70'e ayarlayın ve algılanan hızı iyileştirmek için aşamalı işleme etkinleştirin.

Resim başına 5–20 KB tıraş etmek için meta verileri ve renk profillerini çıkarın. Dışa aktarım sırasında gömülü ICC profillerini ve EXIF verilerini devre dışı bırakın. Bu, çoğu istemcide gösterimi tehlikeye atmadan mobil ağlarda çözümlemeyi hızlı tutar.

%100 yakınlaştırmada Gmail, Outlook ve Apple Mail'de test edin. Metin okunabilirliğini ve renk doğruluğunu doğrulayın; eğer artefaktlar görünürse, daha düşük kalite veya farklı formatla yeniden dışa aktarın.

İş akışınızda süreci otomatikleştirin: Varlıkları Squoosh veya ImageOptim gibi bir sıkıştırıcıdan geçirin ve orijinallerin yanında optimize edilmiş sürümleri saklayın. CDN'de barındırıyorsanız, güvenilir yedekle WebP/AVIF için içerik müzakeresini etkinleştirin.

E-postadaki büyük varlık sayısını sınırlayın; yükleme sürelerini hızlı ve deneyimi okuyucular için pürüzsüz tutmak için bir ana resim ve her biri 20 KB'nin altında birkaç küçük ikon hedefleyin.

Resimleri Büyük E-posta İstemcileri ve Cihazlar Arasında Test Edin

Görsellerin doğru işlendiğinden ve açılış afişinin okunabilir kaldığından emin olmak için resimleri birden fazla büyük e-posta istemcisi ve cihazda test edin.

Gaby klasöründe saklanan küratörlü bir resim kümesi kullanmak doğrulamayı hızlandırır ve platformlar arasında okunabilirlik üzerindeki olası etkiyi ölçmeyi kolaylaştırır. Bu yaklaşım, geri bildirimden sonra bilgili ayarlamaları destekler.

Bu, kullanıcıların istemci ayarlarına göre farklı bir açılış gördüğü için cihazlar ve gelen kutuları arasında tutarlı bir hikaye tutmayı destekler. Potansiyel olarak, bazı istemciler okunabilirliği etkileyen ince renk kaymaları veya boşluk farkları gösterecek; bunları notlarınıza kaydedin.

• Çoğu işleme farkı Gmail (web/uygulama), Outlook (Windows/mac), Apple Mail (iOS/mac), Yahoo, AOL, Proton Mail ve Samsung/Android e-posta uygulamalarında olur. Her biri için gösterimi, alt metni ve afişin uygun genişliğe ölçeklendiğini doğrulayın—çoğu düzen 600–650 px hedefler.
• Çoklu genişliklerde test edin: 320 px, 360 px, 600 px ve 768 px mobil ve masaüstünde açılışı kapsar. 600–650 px taban genişlik koruyun ve yüksek yoğunluklu ekranlar için 2x varyant sağlayın.
• Resim yükleme davranışını kontrol edin: Birçok istemci varsayılan olarak harici resimleri engeller. Gösterilen şeyi tanımlayan alt metinle açılış satırının ana mesajı ilettiğinden emin olun.
• Dosya formatları ve boyutları: Fotoğraflar için JPEG, logolar veya düz grafikler için PNG kullanın; gerekmedikçe animasyonlu GIF'lerden kaçının. Resim başına toplam yükü 150 KB'nin altında ve e-posta bölümü başına 500 KB'nin altında tutun ki yükleme süreleri korunsun.
• Satır içi stiller yaklaşımı: Birçok istemci baş veya harici CSS'yi yok saydığından, işleme yönlendirmek için genişlik ve yüksekliği satır içi uygulayın. Bu, ortamlar arasında görselleri sabit tutmaya yardımcı olur.
• Retina hazır olması: ~1200 px genişliğinde 2x resim sağlayın ve 1x sürümle eşleştirin; yönetimi basitleştirmek için aynı adlandırma şemasını kullanın.
• Varlık yönetimi: İlgisiz dosyaları önlemek için varlıkları gaby klasöründe tutun ve testler için özel bir alt klasör koruyun. Takım için merkezi bir yerde sonuçları belgeleyin.
• İlerleme kontrolü: Birden fazla takım üyesiyle testi çalıştırın; geri bildirimi tek bir yerde toplayın; ardından afiş görsellerini buna göre ayarlayın, son sürümü bir sonraki açılış için daha güçlü hale getirin.

Tek bir kahraman resmine bağlı kalmayın; performans karşılaştırması için birden fazla görsel dahil edin.

Sonuçları ve notları paylaşılan bir klasörde belgelemeyi unutmayın ki takım üyeleri sorunlara ve kararlara kolayca başvurabilsin.

Genç markalar için hız ve netlik önemlidir; açılma oranları, görseller açılış mesajıyla uyumlu olduğunda iyileşir ve okuyucunun ilk gördüğü şey anlamlıdır.