E-postalarda HTML ve CSS kodlaması

İçindekiler
E-posta pazarlamasına kendini adamış olanlar, html'de nasıl e-posta oluşturulacağını bilmelidir.
HTML biçimindeki e-postaların tasarımı, kodlanması ve teslimi ve Bülteninizin çoğu e-posta istemcisinde iyi görünmesi için bazı öneriler göreceğiz.
Bültenlerden e-posta göndermek, editörler ve okuyucular arasında iyi bir iletişim şeklidir, ancak bunu HTML biçiminde de yaparsak, e-postayı daha çekici hale getiren görsel öğelerle belgeyi zenginleştirmemize, diğer konumlara doğrudan erişim sağlamamıza olanak tanır ve biz E-posta açılışlarında ölçüm yapmamıza, ziyaret ettiğiniz bağlantıları takip etmemize ve saymamıza, okuyucunun ilgi alanlarını ölçmemize vb.
Düz metin olarak bir e-posta göndererek tüm bu işlevleri kullanamayız, aksine HTML etiketlerini dahil etmeyerek daha düşük spam seviyesi gibi başka avantajlar elde ederiz ve bu nedenle posta istemcilerinin içeriği mükemmel bir şekilde görselleştirmesini kolaylaştırır. tüm müşterilerdeki e-postanın.
Hem masaüstü hem de web tabanlı posta istemcileri herhangi bir web standardına uymadığından, HTML kodunu ve stil sayfalarını iyi yorumlamadığından veya kendi yöntemleriyle yorumlamadığından, e-postalar için HTML kodlamak size çok fazla baş ağrısı verebilir. bu nedenle alıcının aldığı e-postanın tasarımı, o e-postayı gönderen editörün tasarımından oldukça farklı olabilir.
CSS üzerinden HTMLCSS özelliklerinin ve seçicilerinin çoğu web istemcileri tarafından kısıtlandığından, stil sayfaları yerine HTML etiketlerini ve özelliklerini mümkün olduğunca kullanmaya çalışın.
Düzen için tabloları kullanmaEvet, tablolara dönüyoruz. Web standartları, bir web sayfasını düzenlemek için tabloların kullanılmaması gerektiğini söyler, ancak bu bir web sayfası değil, bir e-postadır ve bunun yerine tabloların kullanılması tavsiye edilir.Bültenimizin posta okuyucularının çoğunda iyi görüntülenmesini istiyorsak. Ve posta istemcileri, bölümlerle tasarım yapmak için gerekli olan birçok özelliği desteklemez..
Tabloyu görüntülemek için CSS özelliklerini kullanmak yerine tablo ve hücre niteliklerini kullanın. Örneğin, border = "0", valign = "top", align = "sol" (veya merkez), cellpadding = "0", cellpacing = "0" vb. atayın. Bu, eski posta istemcilerinde tablonun iyi görünmesini sağlayacaktır.
Tabloyu tüm tablolar ve dahili öğeler için kapsayıcı olarak kullanın (örneğin üst bilgi, içerik ve alt bilgi için).
Çok fazla tabloyu iç içe yerleştirmemeye çalışın ve bu özellik bazı masaüstü istemcileri tarafından iyi anlaşılmadığından "colspan" özelliğini kullanmaktan kaçının.
Boyut ve çözünürlük. Elbette, web sayfalarını yaklaşık olarak 800 × 600 veya 1024 × 768 olarak kodlamaya alışkınsınız, ancak HTML'deki e-postaların tasarımı için çok iyi çalışmayabilir, çünkü istemcilerin çoğu e-postayı bir tür "önizleme panelinde" gösterir. normalde toplam kullanılabilir alanın bir parçasıdır.
Yapılacak en iyi şey, genişliği yaklaşık 500-600 piksele ayarlamak veya yüzde olarak bir boyut vermektir, ben genellikle böyle yaparım, böylece mevcut alana uyum sağlar.
Basamaklı Stil Sayfalarını (CSS) KullanmaE-posta için HTML belgelerinde stil sayfalarının kullanımı sınırlıdır ve hangi istemcinin daha fazla veya daha az özelliğe izin vereceğine bağlıdır. İdeal olarak, bir web sayfasında yaptığınız gibi Head etiketi içindeki sınıfları bildirmek yerine stiller etiketin kendisine (satır içi stiller) uygulanmalıdır.
Örneğin, kullanılması tavsiye edilir.

onun yerine

.
Görüntüleri kullanırsak, görüntünün barındırıldığı etki alanının tam yolunu kullanmak daha iyidir.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave