E-posta Görüntü Engelleme: Ne, Neden, Nerede, Kim ve Nasıl Sorularını Yanıtlama

E-posta pazarlamacılığı yapıyorsanız, muhtemelen tamamı resimli e-postalar göndermemeniz gerektiğini duymuşsunuzdur. Bunun için pek çok sebep gösterildi. E-postanız spam'e gidecek. İzleyicileriniz bunu göremeyecek. Erişilebilirlik için kötü. Bunların hepsi iyi sebeplerdi. Ancak e-posta ilerledikçe manzara değişti. Değişen ortamın e-postadaki görüntüleri nasıl etkilediğini inceleyelim ve 2021 ve sonrası için en iyi uygulamalarımızdan bazılarını güncelleyelim.

Size yol göstereceğim:

• E-posta görüntü engelleme nedir?
• Resimler neden görüntülenmiyor?
• Varsayılan olarak kapalı oldukları yer
• E-posta resimlerini kim engeller?
• Kapalı görüntüler için nasıl optimize edilir

Bu da ne?

E-posta görüntü engelleme, görüntülerin e-postalardan engellendiği veya e-posta istemcileri veya şirket sunucuları tarafından görüntülenmediği uygulamadır. Bu, e-postalarda neredeyse hiç resim ALT metni olmayan bu resim gibi resimlerin görünmemesine neden olur:

Veya daha iyi görüntü ALT metni olan bu (yine de harika görünmüyor, değil mi?):

Neden oluyor?

E-posta istemcilerinin görüntüleri engellemesinin veya varsayılan olarak kapatmasının birkaç nedeni vardır. En büyük sebep güvenlik. Microsoft, okuyucularının potansiyel olarak rahatsız edici içeriği görüntülemekten kaçınmasına yardımcı olmak ve onları kötü amaçlı kodlardan korumak için görüntüleri engellediklerini iddia ediyor. Ayrıca, varsayılan olarak görüntüleri engellemenin, daha düşük bant genişliğine sahip kişilerin, bu bant genişliğini görüntü indirmek için kullanmak isteyip istemediklerini seçmelerine olanak tanıdığını da sunarlar.

Varsayılan olarak açık görüntüler var e-posta istemcileri için çoğu yerine görüntüleri harici ana doğrudan gelir sahip görüntülerini barındırmak için görüntü proxy sunucuları kullanır. Bu, e-posta istemcilerinin, görüntüler gelen kutularına ulaşmadan önce virüsleri ve kötü amaçlı yazılımları kontrol etmesine olanak tanır ve bir güvenlik özelliği olarak görüntü engelleme ihtiyacını azaltır.

Bant genişliği argümanı, görüntü engellemenin açılması için hala iyi bir neden olabilir, ancak test ettiğimiz tüm mobil e-posta istemcileri varsayılan olarak görüntülere izin verir. Abonelerin, mobil cihazları için görüntüleri nasıl kapatacaklarını bulmak için gerçekten araştırmaları gerekiyor. Bu, e-posta pazarlamacılarının kullanılan görsellerin optimize edildiğinden emin olmalarını daha da önemli hale getiriyor.

E-posta resimleri nerede engellenir?

Geçmişte birçok e-posta istemcisi varsayılan olarak görüntüleri engelledi. Bugünlerde en büyük suçlular Outlook masaüstü istemcileridir. AOL dışındaki diğer e-posta istemcilerinin çoğu varsayılan olarak resimleri gösterir.

Web Posta İstemcileri

*ALT metninde hala bir alt çizgi var.

Masaüstü İstemcileri

*Bu, Outlook 2016'dan itibaren kapalıydı, ancak durumun hala böyle olup olmadığını test edemedik.
**Bu, uyarı mesajından sonra ve yalnızca görüntüler kapatıldığında oluşturulur. Bir görüntü bozulursa, ALT metni oluşturulmaz.

Mobil İstemciler

*Bu, en son kontrol ettiğimizdeydi, ancak durumun hala böyle olup olmadığını test edemedik.

Öyleyse, yalnızca görüntü içeren bir e-posta, e-postanız için bir ölüm cezası mı? E-posta Müşteri Pazar Payı'na göre, Outlook en popüler 4. e-posta istemcisi olsa da, e-posta açılışlarının yalnızca %6'sını oluşturuyor. Ancak Outlook, görüntüleri ve dolayısıyla açık izleme pikselini varsayılan olarak engellediğinden, bunun ne kadar doğru olduğunu bilmiyoruz.

Yani iyi olman için bir şans var. Ancak, e-postadaki her şeyde olduğu gibi, hedef kitlenizin kim olduğuna bağlıdır. Ortalamanın üzerinde bir Outlook aboneniz varsa (B2B iseniz, bunun siz olma ihtimali yüksektir), o zaman başınız belada olabilir.

Artık bozuk e-posta yok 100'den fazla e-posta istemcisinde, uygulamada ve cihazda e-postalarınızı önizleyin ve markaya uygun, hatasız bir abone deneyimi yaşayın - görseller açık olsun veya olmasın. Nasıl yapılacağını öğrenin →

E-postalarının resim yüklemesini kim engelliyor?

Açık hızlar bir görüntü pikseli yüküyle ölçüldüğünden, hedef kitlenizin ne kadarının görüntü engellemeden etkilendiğini söylemenin gerçek bir yolu yoktur. Görüntü yükleme olmaması, hiçbir açık izlenmediği anlamına gelir.

Gmail'in 2013'te resimleri varsayılan olarak açmaya başladığı önceki araştırmamıza göre, Gmail kullanıcılarının %43'ü e-postaları resimler kapalı olarak görüntüledi. Bu, Outlook kullanıcılarının ne yaptığının göstergesi mi? Olabilir ama bizim bilmemize imkan yok.

Hedef kitlenizin ne kadarının resimler kapalıyken e-posta açtığını tam olarak söyleyemeyeceğiniz için, herkes için en iyi deneyimi sağlamak için e-postalarınızı resim engellemeyi göz önünde bulundurarak oluşturmak en iyisidir.

Görüntüler için e-postaları nasıl optimize edebilirsiniz?

Görüntülerin engellendiği istemcilerde bile harika bir deneyim sağlamak için bir e-postayı kodlamanın birkaç yolu vardır. Burada onlara dalacağız.

Mümkün olduğunca canlı HTML kullanın

Maksimum erişilebilirliği sağlamak için e-postaları kodlamanın en iyi yolu, e-postaları canlı HTML ile kodlamaktır. Bu, bir görüntüye metin (özellikle önemli bilgiler) koymamak anlamına gelir. Düğmelerin ve metnin grafik olarak oluşturulmak yerine HTML kullanılarak kodlanmasını sağlayın. Görseller için özel olarak görseller kullanın.

Canlı metin

Metninizi paragraf ve başlık etiketlerinde tutun. Marka stilleri önemlidir, ancak abonenizin deneyimini düşünmekten daha önemli değildir.

Magic Spoon, resimlerinin uygun ALT metni içermesi konusunda harika bir iş çıkarıyor, ancak Ace Hardware'in yaptığı gibi çok daha etkili resimsiz bir sürüm için bunları bir <p> etiketinde canlı metin olarak kullanmak çok basit olurdu:

Resimlerin kapalı olduğu Magic Spoon e-postası	Görüntüler kapalı olan Ace Hardware e-postası

Umarım en azından alt metinleri vardır. Bunun 1-2 saatten fazla sürdüğünü hayal edemiyorum 2 kod 2 erişilebilirliği artırır. Ve benim duruşumu biliyorsun… Sadece markalaşma nedenleriyle hazır metinler yapıyorsanız, yazı tipinize, sınırlı abonelerinizden daha fazla önem veriyorsunuz.

— Anne Tomlin (@pompeii79) 3 Ağustos 2021

kurşun geçirmez düğmeler

Harekete geçirici mesajlarda (CTA) canlı metin kullanmak zorunludur. E-postanızın ana sürücüsü olarak, abonelerinizin kullandığı deneyim ne olursa olsun CTA'larınızın görünmesini sağlamak istersiniz. Bunu gerçekleştirmek için kurşun geçirmez bir düğme kullanın ve CTA'larınızın her zaman göründüğünden emin olun:

Arka plan resimleri

Metni resimlerinize hapsetmeyin. Ancak bu, güzel bir tasarıma sahip olamayacağınız anlamına gelmez. Her iki dünyanın da en iyisini elde etmek için, üstte canlı metin bulunan bir arka plan resmi kullanın. Bu, görüntüler kapatıldığında bile mesajınızın görünmesini sağlar.

Ve e-postanızın hala ilgi çekici ve markaya uygun olduğundan emin olmak için arka plan resimlerine arka plan renkleri ekleyin (devasa beyaz alan istemezsiniz - aradığınız görünüm bu değilse). ALT metninizi, arka plan rengi geri dönüşünde görünecek ve kaybolmayacak şekilde biçimlendirdiğinizden emin olun. Bu örnek gibi:

üzerindeki resimler	Görüntüler kapalı

Canlı kodlama e-postaları, "bir resmi yerleştirmekten" daha zor olabilir, ancak e-postanız kodlandığında, metinde değişiklik yapmak, bir resimde değişiklik yapmaktan ve onu yeniden yüklemek zorunda kalmaktan çok daha kolay ve hızlıdır. Bugünlerde mevcut olan tüm araçlarla (Litmus' Visual Editor gibi), yalnızca görsel kullanmadan bir e-posta oluşturmak hiç olmadığı kadar kolay.

ALT metni veya stilize ALT metni kullanın

ALT metni, aboneniz bir ekran okuyucu kullanırken resimler görüntülenmediğinde veya yüksek sesle okunduğunda görünen metindir. Daha önce destek tablosunda gösterildiği gibi, ALT metni hemen hemen her yerde desteklenir. Hatta bazı yerlerde, ALT metnini, resimlerinizdeki asıl metne benzeyecek şekilde biçimlendirebilirsiniz.

ALT metninin kullanılması, görüntü engelleme açık olan kişilerin (ve ekran okuyucu kullananların) görüntülerde ne olduğunu bilmelerine yardımcı olur. Resimler için ALT metni için ne yazacağımı bulmakta sık sık sorun yaşadığımı biliyorum, bu yüzden işte size dört yardımcı ipucu.

ALT metninin kuru olması gerekmez.

Resimlerinizi canlandırmaya yardımcı olmak için ALT metin açıklamalarınıza duygu ekleyin. Örneğin, şu resme bakın:

Yalnızca “Taylor Davis'in Headshot” yerine “Taylor Davis, beklenmedik bir anda yüksek sesle gülerken yakalandı” ifadesini kullanın.

Resimlerinizin bağlamını aklınızda bulundurun.

Evet, açıklayıcı olun, ancak bağlam anahtardır. Bu resme bakalım, örneğin:

“Telefonuna bakan kişi ve ardından bir e-posta için bildirim gösteren ekranın yakın çekimi” iyi bir ALT metnidir. Ancak makale konu satırı ipuçlarıyla ilgiliyse, "zorlayıcı bir konu satırını gösteren bir açılır pencere uyarısı" daha alakalı ve yararlı bir ALT metnidir.

Dekoratif resimler için ALT metnini boş bırakın.

Görüntü tabanlı madde işaretleri veya yatay kurallar ALT metnine ihtiyaç duymaz. Görüntü işlevsel değil de tamamen dekoratifse, ALT metni eklemek yalnızca okuyucuları mesajınızdan uzaklaştırır.

İnsanlara resimleri indirmelerini söyleme.

Bunun gibi bir şeyin dahiyane olduğunu düşünürdüm çünkü indirilen görseller açık veri almak anlamına geliyordu:

Bu, insanların görüntüleri indirmesini sağlamanın eğlenceli ve akıllıca bir yolu gibi görünüyor, ancak ekran okuyucusu olan herkes kendini dışlanmış hissedebilir. Tüm abonelerinizin deneyimlerini iyileştirmek için ALT metni kullanılmalıdır.

ALT metni nasıl kodlanır

Resimlere ALT metni eklemek, resim etiketinize ALT niteliği eklemek kadar kolaydır: