Blocarea imaginilor prin e-mail: Răspunsul la ce, de ce, unde, cine și cum

Dacă sunteți în marketing prin e-mail, probabil ați auzit că nu ar trebui să trimiteți e-mailuri cu toate imaginile. Au fost date o mulțime de motive pentru asta. E-mailul dvs. va merge la spam. Spectatorii tăi nu vor putea să-l vadă. Este rău pentru accesibilitate. Toate acestea au fost motive întemeiate. Dar pe măsură ce e-mailul a avansat, peisajul s-a schimbat. Să analizăm modul în care peisajul în schimbare a afectat imaginile din e-mail și să actualizăm unele dintre cele mai bune practici pentru 2021 și ulterior.

Te voi ghida prin:

• Ce este blocarea imaginilor de e-mail
• De ce nu sunt afișate imaginile
• Unde sunt dezactivate implicit
• Cine ar bloca imaginile de e-mail
• Cum să optimizați pentru imagini dezactivate

Ce-i asta?

Blocarea imaginilor prin e-mail este practica în care imaginile sunt blocate din e-mailuri sau nu sunt afișate de clienții de e-mail sau serverele companiei. Acest lucru are ca rezultat imaginile care nu apar în e-mailuri, cum ar fi aceasta fără aproape niciun text ALT al imaginii:

Sau acesta cu text ALT de imagine mai bun (totuși nu arată grozav, nu?):

De ce se întâmplă?

Există mai multe motive pentru care clienții de e-mail blochează imaginile sau le dezactivează implicit. Cel mai mare motiv este securitatea. Microsoft susține că blochează imaginile pentru a-și ajuta cititorii să evite vizualizarea conținutului potențial ofensator, precum și pentru a le proteja de codurile rău intenționate. Ele oferă, de asemenea, punctul că blocarea imaginilor în mod implicit permite persoanelor cu lățimi de bandă mai mici să aleagă dacă doresc să folosească acea lățime de bandă pentru descărcarea imaginilor sau nu.

Pentru clienții de e-mail care au imaginile activate în mod implicit, mulți dintre aceștia folosesc servere proxy de imagini pentru a găzdui imaginile în loc să cadă imaginile direct de la gazdele externe. Acest lucru permite clienților de e-mail să verifice dacă există viruși și programe malware înainte ca imaginile să ajungă în căsuța de e-mail, scăzând nevoia de blocare a imaginilor ca caracteristică de securitate.

Argumentul lățimii de bandă ar fi în continuare un motiv bun pentru ca blocarea imaginilor să fie activată, dar toți clienții de e-mail mobile pe care i-am testat permit imaginile în mod implicit. Abonații trebuie să caute cu adevărat pentru a afla cum să dezactiveze imaginile pentru dispozitivele lor mobile. Acest lucru face și mai important ca agenții de marketing prin e-mail să se asigure că orice imagini utilizate sunt optimizate.

Unde sunt blocate imaginile de e-mail?

În trecut, mulți clienți de e-mail blocau imaginile în mod implicit. În zilele noastre, cei mai mari vinovați sunt clienții desktop Outlook. Majoritatea celorlalți clienți de e-mail, cu excepția AOL, arată imagini în mod implicit.

Clienți Webmail

*Textul ALT are încă o subliniere.

Clienți desktop

*Acesta a fost oprit din Outlook 2016, dar nu am putut testa pentru a vedea dacă acesta este încă cazul.
**Aceasta se redă după mesajul de avertizare și numai dacă imaginile sunt dezactivate. Dacă o imagine este ruptă, textul ALT nu este redat.

Clienți de telefonie mobilă

*Acesta a fost ultima dată când am verificat, dar nu am putut testa pentru a vedea dacă acesta este încă cazul.

Deci, un e-mail doar cu imagini este o condamnare la moarte pentru e-mailul tău? Conform cotei de piață a clientului de e-mail, în timp ce Outlook este al 4-lea cel mai popular client de e-mail, reprezintă doar 6% din deschiderile de e-mail. Dar, deoarece Outlook blochează imaginile și, prin urmare, pixelul de urmărire deschis, în mod implicit, nu știm cât de precis este.

Deci există șanse să fii bine. Dar, ca în toate lucrurile prin e-mail, depinde de publicul tău. Dacă aveți o cantitate mai mare decât media de abonați Outlook (dacă sunteți B2B, există șanse mari să fiți dvs.), atunci ați putea avea probleme.

Gata cu e-mailurile sparte Previzualizați-vă e-mailurile pe peste 100 de clienți de e-mail, aplicații și dispozitive pentru a asigura o experiență de abonat conform mărcii, fără erori, cu și fără imagini activate. Aflați cum →

Cine blochează e-mailurile lor de la încărcarea imaginilor?

Nu există o modalitate reală de a spune cât de mult din publicul dvs. este afectat de blocarea imaginii, deoarece ratele de deschidere sunt măsurate prin încărcarea pixelilor imaginii. Nicio imagine nu se încarcă înseamnă că nicio deschidere nu este urmărită.

Conform cercetărilor noastre anterioare de când Gmail a început să activeze imaginile în mod implicit în 2013, 43% dintre utilizatorii Gmail obișnuiau să vizualizeze e-mailurile cu imaginile dezactivate. Este un indiciu a ceea ce fac utilizatorii Outlook? S-ar putea, dar nu avem de unde să știm.

Deoarece nu puteți spune exact cât de mult din publicul dvs. deschide e-mailuri cu imaginile dezactivate, cel mai bine este să vă creați e-mailurile ținând cont de blocarea imaginilor pentru a asigura cea mai bună experiență pentru toată lumea.

Cum poți optimiza e-mailurile pentru imagini dezactivate?

Există mai multe moduri prin care puteți codifica un e-mail pentru a oferi o experiență grozavă chiar și clienților în care imaginile sunt blocate. Ne vom scufunda în ele aici.

Folosiți HTML live cât mai mult posibil

Cel mai bun mod de a codifica e-mailurile pentru a asigura accesibilitatea maximă este codificarea e-mailurilor cu HTML live. Aceasta înseamnă să nu puneți text (în special informații cheie) într-o imagine. Faceți ca butoanele și textul să fie codificate folosind HTML în loc să fie create ca grafic. Utilizați imagini în mod specific pentru imagini.

Text live

Păstrați textul în etichetele de paragraf și antet. Stilurile de brand sunt importante, dar nu mai importante decât să te gândești la experiența abonatului tău.

Magic Spoon face o treabă grozavă pentru ca imaginile lor să conțină text ALT adecvat, dar ar fi foarte simplu să le aveți ca text live într-o etichetă <p> pentru o versiune fără imagini mult mai de impact, cum ar fi ceea ce a făcut Ace Hardware:

E-mail Magic Spoon cu imaginile dezactivate	E-mail Ace Hardware cu imaginile dezactivate

Sper că au cel puțin text alternativ. Nu îmi pot imagina că durează mai mult de 1-2 ore 2 codul 2 îmbunătățește accesibilitatea. Și știți poziția mea... Dacă scrieți doar text integrat din motive de branding, vă pasă mai mult de fontul dvs. decât de abonații dvs. cu limitări

— Anne Tomlin (@pompeii79) 3 august 2021

Butoane antiglonț

Utilizarea textului live în apeluri la acțiune (CTA) este imperativă. În calitate de motor principal pentru e-mailul dvs., doriți să vă asigurați că îndemnurile dvs. vor apărea indiferent de experiența pe care o folosesc abonații dvs. Folosiți un buton antiglonț pentru a realiza acest lucru și asigurați-vă că îndemnurile dvs. apar întotdeauna:

Imagini de fundal

Nu prindeți text în imagini. Dar asta nu înseamnă că nu poți avea un design frumos. Pentru a obține cele mai bune din ambele lumi, utilizați o imagine de fundal cu text live deasupra. Acest lucru vă asigură că mesajul dvs. apare chiar și atunci când imaginile sunt oprite.

Și includeți culorile de fundal împreună cu imaginile de fundal pentru a vă asigura că e-mailul dvs. este încă intrigant și pe marcă (nu doriți spațiu alb uriaș, cu excepția cazului în care acesta este aspectul pe care îl doriți). Doar asigurați-vă că vă stilați textul ALT, astfel încât să apară pe culoarea de rezervă și să nu se piardă. Ca acest exemplu:

Imagini pe	Imaginile dezactivate

E-mailurile de codare live pot fi mai complicate decât „încărcarea unei imagini”, dar atunci când e-mailul este codificat, modificarea textului este mult mai ușoară și mai rapidă decât a face modificări la o imagine și a trebui să o reîncărcați. Cu toate instrumentele disponibile în zilele noastre (cum ar fi Editorul vizual de la Litmus), este mai ușor ca niciodată să creezi un e-mail fără a utiliza doar imagini.

Utilizați text ALT sau text ALT stilizat

Textul ALT este textul care apare atunci când imaginile nu sunt afișate sau este citit cu voce tare atunci când abonatul dvs. folosește un cititor de ecran. După cum se arată în tabelul de asistență anterior, textul ALT este acceptat aproape peste tot. Și în unele locuri, puteți chiar stila textul ALT, astfel încât să arate similar cu textul real din imaginile dvs.

Utilizarea textului ALT îi ajută pe cei cu blocarea imaginilor activată (și pe cei care folosesc cititoare de ecran) să știe ce este în imagini. Știu că am adesea probleme în a găsi ce să scriu pentru textul ALT pentru imagini, așa că iată patru sfaturi utile.

Textul ALT nu trebuie să fie uscat.

Adăugați emoție descrierilor dvs. de text ALT pentru a vă anima imaginile. De exemplu, uitați-vă la această imagine:

În loc de doar „Capul lui Taylor Davis”, folosește „Taylor Davis, surprins râzând în hohote într-un moment neașteptat”.

Ține cont de contextul imaginilor tale.

Da, fii descriptiv, dar contextul este cheia. Să ne uităm la această imagine, de exemplu:

„Persoană care se uită la telefon și apoi un prim plan al ecranului care arată o notificare pentru un e-mail” este un text ALT decent. Dar dacă articolul este despre sfaturi pentru linia de subiect, atunci „o alertă pop-up care arată o linie de subiect convingătoare” este un text ALT mai relevant și mai util.

Lăsați textul ALT necompletat pentru imaginile decorative.

Punctele marcatoare bazate pe imagini sau regulile orizontale nu au nevoie de text ALT. Dacă imaginea este pur decorativă, nu funcțională, atunci adăugarea de text ALT ar distrage atenția cititorilor de la mesajul dvs.

Nu le spune oamenilor să descarce imagini.

Obișnuiam să cred că așa ceva este genial, deoarece imaginile descărcate însemnau obținerea de date deschise:

Aceasta pare o modalitate distractivă și inteligentă de a-i determina pe oameni să descarce imagini, dar oricine are un cititor de ecran s-ar putea simți exclus. Textul ALT ar trebui folosit pentru a îmbunătăți experiențele tuturor abonaților.

Cum se codifică textul ALT

Adăugarea de text ALT la imagini este la fel de simplă ca și adăugarea atributului ALT la eticheta de imagine: