Blokowanie obrazu w wiadomościach e-mail: odpowiadanie na pytanie: co, dlaczego, gdzie, kto i jak

Jeśli zajmujesz się e-mail marketingiem, prawdopodobnie słyszałeś, że nie powinieneś wysyłać e-maili zawierających wszystkie obrazy. Podano wiele powodów. Twój e-mail trafi do spamu. Twoi widzowie nie będą mogli tego zobaczyć. To jest złe dla dostępności. Wszystko to były dobre powody. Ale wraz z rozwojem poczty e-mail zmienił się krajobraz. Przyjrzyjmy się, jak zmieniający się krajobraz wpłynął na obrazy w e-mailach i zaktualizuj niektóre z naszych sprawdzonych metod na rok 2021 i później.

Przeprowadzę Cię przez:

• Czym jest blokowanie obrazu w wiadomościach e-mail
• Dlaczego obrazy nie są wyświetlane
• Gdzie są domyślnie wyłączone
• Kto blokowałby obrazy w wiadomościach e-mail?
• Jak zoptymalizować obrazy wyłączone

Co to jest?

Blokowanie obrazów w wiadomościach e-mail to praktyka, w której obrazy są blokowane w wiadomościach e-mail lub nie są wyświetlane przez programy pocztowe lub serwery firmowe. Powoduje to, że obrazy nie wyświetlają się w wiadomościach e-mail, na przykład ten, w którym prawie nie ma tekstu ALT obrazu:

Lub ten z lepszym tekstem ALT obrazu (ale nadal nie wygląda dobrze, prawda?):

Dlaczego tak się dzieje?

Istnieje kilka powodów, dla których klienci poczty e-mail domyślnie blokują obrazy lub je wyłączają. Największym powodem jest bezpieczeństwo. Microsoft twierdzi, że blokuje obrazy, aby pomóc swoim czytelnikom uniknąć przeglądania potencjalnie obraźliwej zawartości, a także chronić ich przed złośliwym kodem. Oferują również punkt, w którym domyślnie blokowanie obrazów pozwala osobom o niższych przepustowościach wybrać, czy chcą korzystać z tej przepustowości do pobierania obrazów, czy nie.

Dla klientów e-mail, które mają obrazy domyślnie włączona, wielu z nich korzysta z serwerów proxy do obsługi obrazów obrazy zamiast obrazy pochodzą bezpośrednio z gospodarzami zewnętrznych. Dzięki temu klienci poczty e-mail mogą sprawdzać, czy nie ma wirusów i złośliwego oprogramowania, zanim obrazy dotrą do skrzynek odbiorczych, co zmniejsza potrzebę blokowania obrazów jako funkcji bezpieczeństwa.

Argument przepustowości nadal byłby dobrym powodem włączenia blokowania obrazów, ale wszystkie testowane przez nas mobilne klienty poczty e-mail domyślnie zezwalają na obrazy. Abonenci muszą naprawdę kopać, aby dowiedzieć się, jak wyłączyć obrazy na swoich urządzeniach mobilnych. To sprawia, że ​​dla marketerów e-mailowych jeszcze ważniejsze jest upewnienie się, że wszystkie używane obrazy są zoptymalizowane.

Gdzie obrazy w wiadomościach e-mail są blokowane?

W przeszłości wielu klientów poczty e-mail domyślnie blokowało obrazy. Obecnie największymi winowajcami są komputery klienckie programu Outlook. Większość innych klientów poczty e-mail, z wyjątkiem AOL, domyślnie wyświetla obrazy.

Klienci poczty internetowej

*Tekst ALT nadal ma podkreślenie.

Klienty stacjonarne

* To było wyłączone w Outlooku 2016, ale nie byliśmy w stanie sprawdzić, czy nadal tak jest.
**Wyświetla się po komunikacie ostrzegawczym i tylko wtedy, gdy obrazy są wyłączone. Jeśli obraz jest uszkodzony, tekst ALT nie jest renderowany.

Klienci mobilni

*To było ostatnio, kiedy sprawdzaliśmy, ale nie byliśmy w stanie sprawdzić, czy nadal tak jest.

Czy zatem wiadomość e-mail zawierająca tylko obrazy jest wyrokiem śmierci za Twoją wiadomość e-mail? Według udziału w rynku klientów poczty e-mail, podczas gdy Outlook jest czwartym najpopularniejszym klientem poczty e-mail, odpowiada on tylko za 6% otwarć e-maili. Ale ponieważ program Outlook domyślnie blokuje obrazy — a tym samym otwarty piksel śledzący — nie wiemy, jaka jest to dokładność.

Więc jest szansa, że ​​wszystko będzie dobrze. Ale, tak jak we wszystkich sprawach związanych z pocztą e-mail, zależy to od tego, kim są Twoi odbiorcy. Jeśli masz większą niż przeciętna liczbę subskrybentów Outlooka (jeśli jesteś B2B, jest duża szansa, że ​​to Ty), możesz mieć kłopoty.

Nigdy więcej zepsutych e-maili Wyświetlaj podgląd wiadomości e-mail w ponad 100 klientach poczty e-mail, aplikacjach i urządzeniach, aby zapewnić subskrybentom bezbłędną obsługę marki — z włączonymi obrazami i bez nich. Dowiedz się, jak →

Kto blokuje e-mailom ładowanie obrazów?

Nie ma prawdziwego sposobu, aby stwierdzić, na ile Twoich odbiorców ma wpływ blokowanie obrazu, ponieważ współczynniki otwarć są mierzone na podstawie załadowania pikseli obrazu. Brak ładowania obrazu oznacza brak śledzenia otwarcia.

Zgodnie z naszymi wcześniejszymi badaniami od momentu, gdy Gmail po raz pierwszy zaczął domyślnie włączać obrazy w 2013 roku, 43% użytkowników Gmaila używało do przeglądania e-maili z wyłączonymi obrazami. Czy to wskazuje na to, co robią użytkownicy Outlooka? Może tak być, ale nie mamy możliwości dowiedzenia się.

Ponieważ nie możesz dokładnie określić, jaka część Twoich odbiorców otwiera e-maile z wyłączonymi obrazami, najlepiej jest tworzyć e-maile z myślą o blokowaniu obrazów, aby zapewnić jak najlepsze wrażenia dla wszystkich.

Jak zoptymalizować wiadomości e-mail pod kątem wyłączenia obrazów?

Istnieje kilka sposobów na zakodowanie wiadomości e-mail, aby zapewnić wspaniałe wrażenia nawet w przypadku klientów, w których obrazy są zablokowane. Zanurkujemy w nich tutaj.

Używaj HTML na żywo tak często, jak to możliwe

Najlepszym sposobem kodowania wiadomości e-mail w celu zapewnienia maksymalnej dostępności jest kodowanie wiadomości e-mail za pomocą kodu HTML na żywo. Oznacza to nieumieszczanie tekstu (zwłaszcza kluczowych informacji) na obrazie. Niech przyciski i tekst będą kodowane za pomocą HTML, a nie tworzone jako grafika. Używaj obrazów specjalnie dla obrazów.

Tekst na żywo

Przechowuj tekst w znacznikach akapitów i nagłówków. Style marki są ważne, ale nie ważniejsze niż myślenie o doświadczeniach subskrybenta.

Magic Spoon wykonuje świetną robotę, aby ich obrazy zawierały prawidłowy tekst ALT, ale bardzo łatwo byłoby mieć je jako tekst na żywo w tagu <p>, aby uzyskać znacznie bardziej wpływową wersję bez obrazów, taką jak to, co zrobił Ace Hardware:

E-mail Magic Spoon z wyłączonymi obrazami	E-mail Ace Hardware z wyłączonymi obrazami

Mam nadzieję, że mają przynajmniej tekst alternatywny. Nie wyobrażam sobie, żeby zajęło to więcej niż 1-2 godziny 2 kod 2 poprawia dostępność. I znasz moje stanowisko… Jeśli robisz tylko wtopiony tekst ze względów brandingowych, bardziej zależy Ci na czcionce niż na subskrybentach z ograniczeniami

— Anne Tomlin (@pompeii79) 3 sierpnia 2021

Przyciski kuloodporne

Używanie tekstu na żywo w wezwaniach do działania (CTA) jest konieczne. Jako główny czynnik napędzający Twój e-mail, chcesz mieć pewność, że Twoje wezwania do działania są wyświetlane bez względu na to, z jakiego doświadczenia korzystają Twoi subskrybenci. Użyj kuloodpornego przycisku, aby to osiągnąć i upewnij się, że Twoje wezwania do działania są zawsze wyświetlane:

Obrazy tła

Nie zatrzymuj tekstu w swoich obrazach. Ale to nie znaczy, że nie możesz mieć pięknego projektu. Aby uzyskać to, co najlepsze z obu światów, użyj obrazu tła z tekstem na żywo na górze. Dzięki temu Twoja wiadomość zostanie dostrzeżona nawet wtedy, gdy obrazy są wyłączone.

Dołącz kolory tła do obrazów tła, aby upewnić się, że wiadomość e-mail jest nadal intrygująca i charakterystyczna dla marki (nie chcesz gigantycznej białej przestrzeni — chyba że o to Ci chodzi). Po prostu upewnij się, że stylujesz tekst ALT, aby wyświetlał się na zastępczym kolorze tła i nie zgubił się. Jak w tym przykładzie:

Obrazy włączone	Obrazy wyłączone

Kodowanie wiadomości e-mail na żywo może być trudniejsze niż „wklejanie obrazu”, ale gdy wiadomość e-mail jest zakodowana, wprowadzanie zmian w tekście jest o wiele łatwiejsze i szybsze niż wprowadzanie zmian w obrazie i ponowne przesyłanie go. Dzięki wszystkim dostępnym obecnie narzędziom (takim jak edytor wizualny Litmusa) tworzenie wiadomości e-mail bez użycia samych obrazów jest łatwiejsze niż kiedykolwiek.

Użyj tekstu ALT lub stylizowanego tekstu ALT

Tekst ALT to tekst, który pojawia się, gdy obrazy nie są wyświetlane lub jest odczytywany na głos, gdy subskrybent korzysta z czytnika ekranu. Jak pokazano we wcześniejszej tabeli wsparcia, tekst ALT jest obsługiwany prawie wszędzie. W niektórych miejscach możesz nawet stylizować tekst ALT, aby wyglądał podobnie do rzeczywistego tekstu na obrazach.

Używanie tekstu ALT pomaga osobom z włączonym blokowaniem obrazów (i tym, które używają czytników ekranu) wiedzieć, co jest na obrazach. Wiem, że często mam problemy z wymyśleniem tego, co napisać dla tekstu ALT dla obrazów, więc oto cztery pomocne wskazówki.

Tekst ALT nie musi być suchy.

Dodaj emocje do opisów tekstowych ALT, aby ożywić obrazy. Na przykład spójrz na ten obraz:

Zamiast po prostu „Strzał w głowę Taylora Davisa”, użyj „Taylor Davis, przyłapany na głośnym śmiechu w niespodziewanym momencie”.

Pamiętaj o kontekście swoich obrazów.

Tak, opisz, ale kluczem jest kontekst. Spójrzmy na ten obraz, na przykład:

„Osoba patrząca na swój telefon, a potem na zbliżenie ekranu pokazujące powiadomienie o e-mailu” to przyzwoity tekst ALT. Ale jeśli artykuł dotyczy wskazówek dotyczących wiersza tematu, bardziej trafnym i pomocnym tekstem ALT będzie „wyskakujące okienko alertu z atrakcyjnym wierszem tematu”.

W przypadku obrazów dekoracyjnych pozostaw pusty tekst ALT.

Wypunktowania oparte na obrazach lub reguły poziome nie wymagają tekstu ALT. Jeśli obraz jest czysto dekoracyjny, a nie funkcjonalny, dodanie tekstu ALT tylko odwróci uwagę czytelników od Twojej wiadomości.

Nie każ ludziom pobierać obrazów.

Kiedyś myślałem, że coś takiego jest genialne, ponieważ pobrane obrazy oznaczały uzyskanie otwartych danych:

Wydaje się to zabawnym i sprytnym sposobem na zachęcenie ludzi do pobierania obrazów, ale każdy, kto ma czytnik ekranu, może czuć się pominięty. Tekst ALT powinien być używany do poprawy doświadczeń wszystkich subskrybentów.

Jak kodować tekst ALT

Dodanie tekstu ALT do obrazów jest tak proste, jak dodanie atrybutu ALT do tagu obrazu: