HTML E-posta Biçimlendirme: Hatalar ve Düzeltmeler

Yayınlanan: 2019-12-26

E-postanız veya bülteniniz metin, boşluk, resim ve bağlantıların mükemmel dengesi olmalıdır. Ancak, kaç e-posta pazarlamacısının bu hassas denklemi tamamen yanlış anladığına şaşırabilirsiniz.

Çok fazla resim içeren e-postalar. Hepsini Benchmark'ta gördük.

Ancak, bu makale doğru yapmanıza yardımcı olmak içindir. Bu alanda yaptığımız, en yaygın HTML biçimlendirme hatalarını ve hatalarını ve bunların nasıl düzeltileceğini listelemek. Bu yüzden, işleri doğru yapıp yapmadığınız konusunda hâlâ sorularınız varsa okumaya devam edin. Büyük olasılıkla, muhtemelen yaparsınız.

Hata 1: Çok fazla resim/grafik kullanmak ve yeterli metin kullanmak

Muhtemelen birçok e-posta aldınız – özellikle spam gönderenlerden – resimlerle dolu (hatta tek bir büyük resim), ancak metin tarafı ince. Bu e-postalara bakmak güzel olsa da, e-posta istemcilerinin spam içerikli metin e-postalarını ayıklaması gibi, aynı zamanda resim ağırlıklı / hafif metinli olanları da engellediklerini unutmayın.
Peki, bu konuda ne yapabilirsiniz? Okumaya devam et:

  • Bu görüntüleri küçültün, küçültün, küçültün, böylece metni bunaltmazlar. E-postanızda veya bültenlerinizde bakiyeye ihtiyacınız var. Daha küçük resimler bunu başarmanıza yardımcı olabilir.
  • Gerekirse küçük resimler kullanın. Birisi bu küçük resimlere tıkladığında, onları html e-postanızın veya bülteninizin Web sürümüne geri bağlayın. E-postanızın veya haber bülteninizin Web versiyonuna gönderilen kişiler e-postanızı görseller de dahil olmak üzere bütünüyle göreceğinden, bu size çok yardımcı olacaktır.
  • Kısıtlama kullanın. Yalnızca bir metin paragrafınız varsa ve bir veya iki resim kullanmanız gerekiyorsa, kendinizi en iyisini seçmeye ve buna bağlı kalmaya zorlayın. Unutmayın: diğer görselleri muhtemelen daha sonraki bir kampanyada kullanabilirsiniz.
  • Büyük bir grafik veya resim dosyası olan bir e-posta göndermeyin. Metne ihtiyacınız var. E-posta istemcileri, bu kampanyaların gelen kutusuna ulaşmasına izin verip vermemeye karar vermek için e-postalarda ve haber bültenlerinde metin anahtar kelimeleri arar. %100 grafik dosyası geçemez.

Hata #2: Önizleme bölmesini unutmak

E-postanın eski günlerinde, uzun süreli bir haber bülteni göndermek çok önemli değildi çünkü şanslar, alıcının tüm sürümünü gelen kutusunda görebiliyordu. Artık değil. Önizleme bölmelerinin pek çok e-posta istemcisine hakim olmasıyla (Outlook ve Windows Mail yalnızca iki tanedir), müşterilerinizin çoğunun yalnızca birkaç inçlik küçük bir şerit görmesi tamamen olasıdır.

Bu sayede, alıcınızı e-posta kampanyanızı açmaya ve bütünüyle görüntülemeye ikna etmek için yalnızca birkaç santiminiz var. Önizleme bölmesini kendi yararınıza kullanmayla ilgili bazı ipuçları:

  • En önemli eşyalarınızı en üste koyun. E-postanızın üzerine harekete geçirici mesajınızı veya en önemli satış konuşmanızı koyarsanız, önizleme bölmesini kullanan müşterilerinizin göreceği şey budur. Onları merak et.
  • Logonuzu buna göre yerleştirin. Örneğin sol tarafa koyarsanız sadece görülmekle kalmaz, satış konuşmanıza/mesajınıza da engel olmaz.
  • Geniş gitmeyi mi düşünüyorsun? Yapma. Çoğu önizleme bölmesinde, e-postanızın ne kadarının genişlik açısından gösterileceği konusunda kısıtlamalar vardır. 575 veya 600 pikselden daha geniş olmayacak şekilde basit tutun.
  • Her şeyden önce bir metin bağlantısı düşünün. E-postanızın en üstünde, hatta grafiklerinizin üzerinde bir metin bağlantısı kullanın. Bu bağlantının metni yeterince ilgi çekiciyse, müşterileriniz bağlantıya tıklayacak ve e-postanızın Web tabanlı sürümünü ziyaret edecektir.

Hata #3: Ölü bağlantılar, çalışmayan resimler ve daha fazlasını kullanmak

E-posta pazarlamacılarının lejyonları, e-postaları göndermeden önce resimlerinin ve bağlantılarının çalıştığını varsaydığından, “varsaymak” kelimesiyle ilgili eski söz burada tamamen uygundur. Düzeninizi kontrol etmek için bir test e-postası göndermeniz yeterli değildir. Her bağlantının çalıştığından ve her görüntünün doğru göründüğünden kesinlikle emin olmalısınız.

İşte bazı ipuçları:

  • E-posta kampanyalarınızda metin URL'leri kullanmayın Metin URL'si, Web adresinin tamamını gösteren bir URL'dir. Örneğin: www.benchmarkemail.com . E-posta istemcileri tarafından engellenme şansınızı azaltmak için tam metin URL'si yerine bir köprü ve normal metin kullanın. İşte doğru yol: Karşılaştırma E-postasını ziyaret edin
    İşte yanlış yol: https://www.benchmarkemail.com/ adresini ziyaret edin.
  • Kendi başına duran metin kullanın Görüntülerinizin çalıştığından emin olmak için elinizden geleni yaptıysanız, yine de bu görüntüler olmadan kendi başına duran metinler oluşturmalısınız. Sunucular, PDA'lar, cep telefonları ve e-posta istemcileri bazen teknik sorunlar yaşar ve görüntüleri gösteremez. Bu sayede, herhangi bir resim gösterilmiyorsa, e-posta kopyanız kendi başına durmalıdır.

Hata #4: Ayrıntılı kod ve/veya ekler kullanma

Dikkat çekmek için rekabet eden çok sayıda e-posta sayesinde, birçok e-posta pazarlamacısı - belki siz de dahil olmak üzere - e-postaları daha göz kamaştırıcı hale getirmek için normların dışındaki kod türlerini kullandı. Bu coşkuyu alkışlasak da, bu e-postaların muhtemelen gelen kutusuna ulaşmayacağını biliyoruz:

  • Norm dışı kodlamayı ortadan kaldırın. Active X kullanarak bir e-posta ile basit, sıkıcı HTML ile yapabileceğinizden çok daha fazlasını yapabileceğinizi bile kabul edebiliriz. Aynı şey Javascript için de geçerli. Ancak, bu daha seksi kod türlerini kullanmanın birkaç büyük dezavantajı vardır: virüsler. Spam gönderenler, Active X aracılığıyla her türlü kötü şeyi (virüsler, truva atları) göndermekle ünlüdür. Bu sayede, e-posta istemcilerinin büyük çoğunluğu Active X'i kapıdan engeller. Bu kodu kullanırsanız, e-postanız hiçbir zaman gelen kutusuna, hatta çöp kutusuna bile gitmeyecektir. Bu yüzden tasarım kodu olarak HTML'ye sadık kalın.
  • Ek göndermeyin. Ekler, spam filtreleri için kırmızı bayrak gibidir. Ekli ticari bir e-posta gönderin ve e-posta kampanyalarınızın engellenmesi için yalvarıyorsunuz. Bu nedenle, tüm ekleri atmanızı öneririz. Konunuzu genişletmeniz gerekiyorsa ve daha fazla alan için çaresizseniz, sitenizde daha fazla bilgi içeren bir açılış sayfasına geri bağlantı verin.

Hata #5: E-postanızı çeşitli popüler e-posta hizmetleriyle test etmemek

E-posta istemcilerinin e-postalarınızı görüntülemek için farklı kodlamalar kullandığını unutmak kolaydır. Bu, AOL'deki bir e-postanın yahoo veya Gmail'deki bir e-postadan farklı görünebileceği anlamına gelir. İşte bu sorunu çözmenin birkaç yolu:

  • Test e-postaları gönderme konusunda takıntılı olun. Kampanyanız sona ermeden test e-postaları göndermenin ne kadar önemli olduğunu yeterince ifade edemeyiz. En iyi ücretsiz e-posta hizmetlerine (yahoo, Gmail, AOL, Hotmail, vb.) beş veya altı test e-postası gönderin ve geldiklerinde bu e-postalardaki her bağlantıya ve resme tıklayın. Çoğu hizmet görüntüleri devre dışı bırakacağından, bir test e-postası gönderin ve her istemcide görüntüleri açın ve kaçının doğru göründüğünü görün.
  • Büyük sorunları ele alın. Kabul edelim – e-postanızın hiçbir zaman tüm e-posta istemcilerinde mükemmel şekilde görüntülenmesini sağlayamazsınız. Kodlama sorunları nedeniyle, e-postanız veya bülteniniz AOL'de muhtemelen yahoo veya Gmail'de olduğundan biraz farklı görünecektir. Ancak, bazı şeyler gözden kaçabilirken, olamayacak şeylere konsantre olmalısınız. Bunlar, bazı e-posta istemcilerinde görünen ancak diğerlerinde görünmeyen resimleri, e-postanızın bazı istemciler tarafından istenmeyen posta kutusuna atılıp atılmadığını ve diğer büyük sorunları içerebilir. E-postanız çıkmadan önce büyük şeylerle uğraşın. Test, bu büyük sorunları açığa çıkarmanıza yardımcı olacaktır.

Bir e-posta pazarlamacısı olarak teslim edilebilirliği artırmak için yapabileceğiniz en önemli şeylerden biri, yukarıda sıralanan HTML biçimlendirme sorunlarından kaçınmaktır. Bu ipuçlarından bazıları yabancı gibi görünse de - özellikle de yeni başlıyorsanız - bu listeyi sık sık kontrol edin ve bilmeden önce, bu ipuçları ikinci doğa gibi olacaktır.