Yardım! E-postam Bozuk: Yaygın Hatalar + Düzeltmeler

E-posta dünyası potansiyel tuzaklarla doludur. Tekniklere yönelik destek, uyarı vermeden ortadan kalkabilir ve e-posta istemcilerinin işleme motorlarındaki ani değişiklikler, e-posta pazarlamacılarının neyin nerede işe yarayacağını anlamalarını zorlaştırır. Apple Mail'de iyi görünen şeyler, Outlook veya Gmail'de kabusa dönüşebilir. Bugün mükemmel görünen yarın bozulabilir. Bunun da ötesinde, gelen kutusu sürümleri, uygulama güncellemeleri ve tarayıcı değişiklikleri bir e-postanın nasıl göründüğünü etkileyebilir.

Son teslim tarihine göre tasarım yapmanın ilk adımı en kötüsüne hazırlanmaktır. Karşılaşabileceğiniz tüm büyük sorunları kapsayacak şekilde şablonlarınıza yerleşik güvenlik önlemleri alın. —Logan Baird, Emma

Bulabileceğiniz bazı genel sorunları ve güvenlik önlemlerini bir sonraki e-posta kampanyanıza nasıl dahil edeceğinizi derledik. Genel olarak, aşağı gelir…

E-posta istemcilerinde desteklenmeyen HTML veya CSS

Her e-posta istemcisinin farklı olması şaşırtıcı değildir. Ancak aynı anda 10.000 başka şey üzerinde çalışırken, ani değişikliklere ayak uydurmak endişelerinizin en küçüğüdür. Destek değişmese bile, e-posta istemcileri kodunuzu farklı yorumlar. Litmus Kontrol Listesi'ndeki bu önizlemede standart bir e-postanın istemciler arasında nasıl oldukça farklı görünebileceğini kendiniz görün.

Tekniğinizin e-posta istemcinizde işe yarayıp yaramayacağından emin değilseniz, Litmus'un Kod Analizi aracını kullanın.

Litmus Builder'da bulunan Kod Analizi, o belirli e-posta istemcisinde desteklenmeyen HTML veya CSS özelliklerini göstererek saatlerce sorun gidermeden tasarruf etmenizi sağlar.

Değişen destekten kaynaklanan yaygın hatalar şunları içerir:

Resimler görünmüyor

E-postalarınızda resimlerin görünmemesinin birkaç nedeni olabilir. En genel? Birçok e-posta programı, kullanıcı "Görüntüleri göster"i tıklayana kadar görüntüleri varsayılan olarak engeller. Emin değilseniz, güncel destek listesi burada.

Düzeltme: Görüntüler görünmese bile kullanıcılarınızın harika bir deneyim yaşamasını sağlamak için ALT metni ekleyin. Bu, e-postadaki görüntünün bağlamını özetlemek için tasarlanmış bir metin satırıdır. Her müşteri için optimizasyon yapmıyor olsanız bile, tüm resimleriniz için ALT metni eklemek genel bir en iyi uygulamadır. Görüntülerinizde metin kullansanız bile mesajınızın iletilmesini sağlar ve ayrıca ekran okuyucu kullananlar için e-postalarınızı daha erişilebilir hale getirir.

Diğer daha az yaygın sorunlar şunlar olabilir:

• Resminiz, herkesin erişebileceği bir sunucuda barındırılmıyor
• Resminiz mutlak bir URL yolu yerine göreli bir yol kullanıyor
• Resim dosya biçiminiz JPEG, GIF veya PNG değil
• Resimlerinizin altında boşluklar görünüyor

Litmus Kontrol Listesi'nde resimlerin çalıştığından ve resimler kapalıyken e-postanızın nasıl göründüğünden emin olmak için kontrol edin.

E-postalarınızı resimlerle önizleyin E-postaları resimler kapalı olarak önizleyin ve Litmus Kontrol Listesi ile resimlerinizden herhangi birinin ALT metni eksikse bildirim alın. Kontrol Listesinin neler yapabileceğini kendiniz görün! Litmus Kontrol Listesindeki bu bozuk e-postaya bir göz atın Daha fazlasını gör →

Özel yazı tipleri görünmüyor

Harika bir özel yazı tipi oluşturmak için tasarımcınızla birlikte çalışmış olabilirsiniz - yalnızca e-postanızda görünmemesi için. Bunun nedeni, tüm istemcilerde desteği olan ve genellikle çoğu bilgisayarda yüklü olan, web için güvenli veya sistem yazı tipi kullanmamanız olabilir.

Düzeltme: Özel bir yazı tipine sahip olmak istiyorsanız, bir geri dönüş eklediğinizden ve bunların özel yazı tipinizle aynı türde olduğundan emin olun (örneğin, her ikisi için de sans-serif yazı tipi kullanın) bu, yazı tipinizi korumanıza yardımcı olur. farklı e-posta istemcilerinde e-posta tasarımı.

Tipografi hakkında daha fazla ipucu için nihai kılavuzumuza göz atın.

E-posta, mobil cihazlarda tuhaf görünüyor

E-postanızın nasıl oluşturulduğu konusunda ekran boyutu büyük bir fark yaratabilir. 2015'ten beri e-postaların %50'den fazlasının mobilden açılmasıyla, e-postalarınızı daha küçük ekranlar için optimize etmek önemlidir. Litmus Instant Previews ile e-postalarınızı iPhone, iPad ve Android'de test etmek kolaydır.

Duyarlı tasarım, özellikle Gmail'in desteklediği yeni normdur. Duyarlı e-postaların düzgün çalışması için medya sorgularına veya koddaki @medya kurallarına güvenir. Medya sorguları, koşullu ifadeler veya dinamik kurallar gibi davranan özel bir CSS stilleri kümesidir. Dikkatle planlanmış, e-postaları farklı ekran boyutlarında daha kullanışlı hale getirmeye yardımcı olabilirler. Medya sorguları her yerde desteklenmez, bu nedenle tasarım yaparken bunu aklınızda bulundurun.

Düzeltme : Duyarlı tasarım kullanmayı seçmemiş olsanız bile, e-postanızın tüm abone kitleniz için okunabilir ve eyleme geçirilebilir olduğundan emin olmanın yolları vardır.

Hakkında düşün:

• Yazı tiplerini büyütme: E-postanızın küçük ekranlarda okunabilmesi için gövde kopyası için minimum 14 piksel ve başlıklar için 22 piksel olmasını öneririz.
• Dokunma dostu bir CTA kullanma: Aboneleriniz artık tıklamıyor, onlar da tıklıyor! Düğmelerin parmak dostu minimum 44x44 piksel olmasını öneririz.
• Düzeninizi basitleştirme: Daha küçük ekranlarda görüntülemeye uyum sağlamak ve okunabilirliği artırmak için tek sütunlu bir yaklaşım veya duyarlı tasarım kullanın.
• İçeriğinizi düzene sokma: E-postanızdaki içeriği değerlendirin ve daha az kullanışlı veya alakasız bağlantılardan, kopyalardan ve resimlerden kurtulun. Kısa ama yine de ikna edici olun.

Bağlantı kopması + izleme

Bir e-posta oluştururken, yalnızca açılışları değil, aynı zamanda bu dönüştürmeyi de ararsınız. Abonelerinizin dönüşüm gerçekleştirmesi için, genellikle bir harekete geçirici mesaj düğmesi biçiminde işlem yapabilmeleri gerekir. Düğmenizin bağlantısı (veya bu konudaki herhangi bir bağlantı) bozuksa, büyük bir fırsatı kaçırdınız ve aboneleriniz nezdinde itibarınızı zedelemiş olabilirsiniz. Asla böyle bir ekran görmelerini istemezsiniz:

Benzer şekilde, bağlantılarınız üzerinde izleme yoksa, kullanıcı deneyimini mahvetmemiş olursunuz, ancak neyin işe yarayıp neyin yaramadığını anlayamazsınız. Linkinize kimse tıkladı mı?

Düzeltme : Çalıştıklarından emin olmak için Litmus Kontrol Listesi ile bağlantılarınızın her birini iki kez kontrol edin.

Ardından, Litmus Builder'daki İzleme Yöneticisi ile bağlantılarınızın her birine izleme kodları eklediğinizden emin olun, böylece e-posta kampanyanızın başarısını ölçebilirsiniz.

Hareketli GIF'ler + video çalışmıyor

Animasyonlu GIF'ler ve video, e-postanıza biraz renk katar. Eğlenceli ve ilgi çekici olabilirler veya ürününüzün çalışırken hızlı demolarını sağlayabilirler. Her iki tekniği de nasıl kullanırsanız kullanın, bir e-postaya dahil etmek zor olabilir.

İlk olarak, büyük animasyonlu GIF'ler ve videolar, e-postanızın yükleme hızını artırma eğilimindedir ve abonelerinizi hayal kırıklığına uğratabilir, çünkü ağır resimler hala yüklenirken karşılaşmaya çalıştığınız anlatıyı tam olarak göremezler. Mobil cihazlarda işler daha da karmaşık hale gelir, burada resim yüklerken boş bir e-posta göndermişsiniz gibi görünebilir.

Düzeltme : Her istemci animasyonlu GIF'leri veya videoyu desteklemeyeceğinden, GIF'inizin ilk karesini optimize edin ve videonuz için bir yedek resim ekleyin. Her ikisi için de görüntünün mesajınızı doğru bir şekilde yakaladığından emin olun.

Video eklemek, etkileşimi teşvik etmek için güçlü bir tekniktir. Bu resme bir oynatma simgesi eklemek, tıklamayı teşvik edecektir. Videonuzu başka bir sayfada, tercihen e-postadan videoya tıklayan abonelerinizin etkileşimini daha fazla takip etmek için belirlenmiş bir açılış sayfasında barındırın.

Yükleme hızı söz konusu olduğunda, reklam öğenizi verilerinizle dengeleyin: Videonuz veya GIF'inizle e-postanızın yükleme hızının ne olduğunu belirlemek için Litmus Kontrol Listesini kullanın. Bu kılavuzda, dosya boyutu hakkında bilmeniz gereken her şeyi, nasıl küçültebileceğiniz de dahil olmak üzere bir araya getirdik.

Bu teknik için frekansın farkında olun. Dikkatli kullanıldığında, animasyonlu GIF'ler ve videolar aboneleri şaşırtabilir ve memnun edebilir. Çok sık kullanıldığında, aynı aboneler onlardan bıkabilir ve kampanyalarınızla daha az etkileşim kurabilir.

Sonra küçük şeyler var…

Sözdizimi Sorunları

İşlerin neden tuhaf göründüğünü bilmemek çok sinir bozucu olabilir. Kodunuzda hatalı bir kapatma etiketi, yanlış yerleştirilmiş bir tablo veya başka bir gizli yazım hatası olabilir.

Düzeltme : Herhangi bir hatayı yakalamak için, neyin bozulduğunu anında görmek için e-postanızı Litmus Kontrol Listesi üzerinden çalıştırın.

Mavi bağlantılar

Apple, telefon numaralarını, adresleri, tarihleri ​​ve "bu gece" gibi davet kelimelerini e-postalarda altı çizili mavi bağlantılara dönüştürür. Bunun nedeni, bilgilerin takviminize bir şeyler eklemek veya bir haritayı başlatmak gibi uygulama kaynaklı olayları tetikleyebilmesidir.

Bu, kişisel e-postaları açan kullanıcılar için harika olsa da, HTML'de e-postanızı okumayı veya işlem yapmayı zorlaştırabilir. Mavi bağlantılar, okunabilirliğin azalmasına neden olabilir (düşün: mavi bir arka plan üzerinde mavi bağlantılar) ve ayrıca markanızın tasarımıyla çelişebilir.

Düzeltme : Neyse ki, bunu düzeltmenin birkaç yolu var.

E-postalarınızda sorun giderme

Kalite güvencesi, e-posta tasarım sürecinin en çok zaman alan ve en sinir bozucu bölümlerinden biridir, ancak olması gerekmiyor. 70'den fazla e-posta istemcisinde herhangi bir işleme sorununuz olup olmadığını görmek için test sürecinizi Litmus ile kolaylaştırın, ayrıca bağlantı izleme, kod analizi ve gönder tuşuna basmadan önce sorun gidermenizi kolaylaştıran diğer özellikler.

Şimdi test etmeye başlayın →