Neyse ki, resimler için alternatif metin etiketleri olan ALT etiketleri var.
E-posta Pazarlamada ALT Etiketi nedir?
Bir ALT etiketi, bir görüntü gösterilemediğinde kullanıcıya görünen kodlanmış bir koddur. ALT etiketlerini yedekleme planınız olarak düşünün. Resimler bir e-posta istemcisi tarafından otomatik olarak indirilmediğinde veya alıcı e-postanızı açmamayı seçtiğinde, bunun yerine alternatif metin görüntülenir.ALT etiketleri aşağıdaki nedenlerden dolayı önemlidir:
Bir e-posta istemcisi resimleri otomatik olarak indirmezse, ALT metni mesajınızı e-posta alıcısına iletir. E-postaların resimlere yoğun şekilde yüklendiği durumlarda, ALT etiketleri işe yarar.
Görüntülerin kötü bir bağlantıdan (veya yabancı işgalinden) dolayı yüklenemediği talihsiz durumlarda, ALT etiketleri, en sevdiğiniz çocukluk süper kahramanı gibi güne bazı bağlamlar sağlamak için gelir.
Tek kelime: fırsat. Fırsatları kaçırmaktan hoşlanır mısın? Ben de değil. ALT etiketleri, bir açıklığı daha da genişletmek için kullanılabilir ve bunları kullanmazsanız, kaçırırsınız.
E-postalarım için ALT Etiketleri Nasıl Oluştururum?
Peki, ALT metni arka tarafta nasıl görünüyor? Onu kıralım:
<img src=”emailbannerimage.jpg” border=”0″ alt=” E-postalarım için ALT Etiketleri Nasıl Oluştururum” width=”564px” height=”205″ />
Bir görüntüye ALT metni eklemek için, img src'inizden sonra alt = ”METİNİNİZİ BURAYA GİTTİN” yazmanız yeterlidir. Basit mi?
Ama orada durmayalım. Satır içi CSS kullanarak ALT metni de stilleyebiliriz. Bu, stilize edilmiş ALT metninin neye benzediğidir:
Şunu kıralım:
Font-size: 20px - Burada, ALT metni için yazı tipi boyutunu ayarlıyoruz. Normalde, bu e-posta istemcisinde tercih edilen her şey için varsayılan olacaktır, ancak bazı gözleri yakalamak için daha büyük olmasını istiyoruz!
Font-weight: bold - Bu, ALT metni siler.
Line-height: 205px - Bu bir zorlayıcı ve onunla oynamanız gerekebilir. Bu e-postadaki banner resmi 205 piksel uzunluğundadır, bu yüzden metnin dikey olarak merkezde hizalanmasını sağlamak için bu alt metin 205px üzerinde satır yüksekliğini yapıyorum. Resmin yüksekliğiyle başlayın ve sonucu beğenip beğenmediğinizi görün!
Background-color: #5a54a4 –- Bu, ALT metninizi stilize etmenin en önemli öğelerinden biridir. Arka plan rengi eklediğinizde, resimleriniz görüntülenmediğinde bile e-postanızın görünümünü, hissini ve markasını koruyabilirsiniz.
Color: #ffffff - bu ALT metnin rengidir. Arka plan renginizde güzel bir kontrast sağlayan ve markanın üzerinde kalan bir renk seçin.
Text-align: center merkez - Bu stil, ALT metninizi görüntünüzde yatay olarak hizalar.
İşte sonuç! Şimdi bu biraz daha çekici görünüyor, değil mi?
Hiç yorum yok:
Yorum Gönder