Najlepsze praktyki e-maili w formacie HTML: czy e-maile zawierające tylko obrazy są złe dla marketingu?
Opublikowany: 2022-11-24Firmy odnoszące sukcesy przywiązują dużą wagę do egzekwowania standardów swojej marki — i słusznie. Jest to wizualna reprezentacja relacji, jakie mają z klientami, a oni utrzymują ten kontakt, zawsze używając tych samych czcionek, kolorów, logo i stylów obrazu.
Dlatego może być tak irytujące, gdy zaczynasz opracowywać strategię marketingu e-mailowego dla swojego klienta, by zdać sobie sprawę, że jesteś ograniczony do bezpiecznych czcionek internetowych, nie możesz łatwo nakładać słów na obrazy i nie możesz kontrolować dokładnego wyglądu tekstu ponieważ dopełnienie lub marginesy różnią się w zależności od skrzynki odbiorczej.
Z tego powodu możesz pokusić się o utworzenie szablonu zawierającego tylko obraz, aby Twój e-mail zawsze wyglądał dokładnie tak, jak chcesz. Niestety, jest to krótkowzroczna strategia, która prawdopodobnie spowoduje więcej problemów niż rozwiązuje. Czytaj dalej, aby dowiedzieć się, dlaczego (i co powinieneś robić zamiast tego).
Dlaczego należy unikać wiadomości e-mail zawierających tylko obrazy
Niestety, zalety e-maili zawierających tylko obrazy nie przeważają nad wadami. Poniżej znajduje się tylko kilka powodów, dla których powinieneś ich unikać.
Mogą powodować problemy z dostarczalnością
Jeśli chodzi o tworzenie kampanii e-mailowych, Twoim najwyższym priorytetem powinna być zawsze dostarczalność. E-maile zawierające tylko obrazy są często wysyłane bezpośrednio do folderu ze spamem, ponieważ mogą być taktyką stosowaną przez oszustów w celu obejścia filtrów tekstowych wprowadzonych w celu wykrycia obraźliwych lub zwodniczych sformułowań.
Ogólny rozmiar pliku Twojego e-maila również wpływa na dostarczalność, jak pokazano w tym e-mailu na temat artykułu Acid, a e-maile zawierające tylko obrazy są znacznie większe niż e-maile HTML.
Mogą się wolno ładować — lub wcale się nie pojawiać
Niektóre klienty poczty e-mail mogą mieć domyślnie wyłączone obrazy ze względów bezpieczeństwa lub w celu ochrony użytkowników przed potencjalnie obraźliwymi treściami lub złośliwym oprogramowaniem. Jeśli utworzyłeś wiadomość e-mail zawierającą tylko obrazy, mogą zobaczyć tylko ścianę zepsutych ikon graficznych, jak przykłady pokazane w tym artykule lakmusowym na temat blokowania obrazów.
E-maile z dużą ilością obrazów mogą również znacznie wydłużyć czas ładowania wiadomości e-mail, co może być szkodliwe dla zaangażowania użytkowników. Ludzie spędzają średnio 10-13 sekund na czytaniu pojedynczego e-maila; oznacza to, że jeśli wystąpi opóźnienie podczas ładowania obrazów, i tak już wąskie okno możliwości, które musisz przekazać, zmniejszy się jeszcze bardziej.
Narażają na szwank dostępność
Osoby niedowidzące będą miały znacznie większe trudności z odczytaniem wiadomości e-mail za pomocą czytnika ekranu. Chociaż obrazy w wiadomości e-mail powinny zawsze zawierać opisowy tekst alternatywny odnoszący się do treści wiadomości e-mail, nie mają one na celu całkowitego zastąpienia tekstu wiadomości e-mail.
Nie są zoptymalizowane pod kątem urządzeń mobilnych
Jeśli zaprojektujesz wiadomość e-mail zawierającą tylko obrazy na komputer, Twój klient będzie mrużył oczy, aby zobaczyć ją na swoim urządzeniu mobilnym. Z drugiej strony, jeśli zaprojektujesz go pod kątem czytelności na telefonach, na ekranie komputera będzie wyglądał karygodnie duży.
Nie można ich tak łatwo przeszukiwać jak wiadomości e-mail w formacie HTML
Jeśli wyślesz wiadomość e-mail z informacjami, do których kontakt będzie chciał się odnieść później, na przykład kuponem lub nadchodzącym wydarzeniem, będzie im trudniej przeszukać skrzynkę odbiorczą w poszukiwaniu wiadomości, jeśli cały tekst będzie oparty na obrazach.
Teraz, gdy znasz już wszystkie powody, dla których nie powinieneś tworzyć wiadomości e-mail zawierających tylko obrazy, oto kilka najlepszych praktyk, o których należy pamiętać podczas tworzenia pięknych i skutecznych wiadomości e-mail w formacie HTML.
Najlepsze praktyki tworzenia wiadomości e-mail w formacie HTML
Czy to oznacza, że powinieneś unikać obrazów w e-mailach? Zupełnie nie! Większość zasobów sugeruje stosunek tekstu do obrazu 60/40, aby uzyskać najlepszą równowagę między dostarczalnością a optymalnym doświadczeniem użytkownika. Wypróbuj te strategie tworzenia e-maili, które robią wrażenie, z obrazami lub bez nich.
Zmniejsz rozmiar swoich obrazów tak bardzo, jak to możliwe
Możesz — i powinieneś — nadal dołączać obrazy do wiadomości e-mail, ale ich rozmiar pliku należy zminimalizować przed dodaniem ich do szablonu wiadomości e-mail.
Aby wyeksportować obrazy do wiadomości e-mail z programu Photoshop, wybierz opcję Plik > Eksportuj > Zapisz dla Internetu. W przypadku nieprzezroczystych obrazów, takich jak fotografie, format pliku JPEG pozwoli na mniejszy rozmiar pliku niż PNG. W przypadku ilustrowanych obrazów, takich jak logo, które wymagają przezroczystości, format PNG jest idealną opcją.
Jeśli nie masz dostępu do programu Photoshop, bezpłatne narzędzie do kompresji obrazów online, takie jak tinypng, może pomóc ograniczyć rozmiary obrazów do minimum.
Użyj aktywnego tekstu
W większości przypadków cała treść wiadomości e-mail powinna być tekstem HTML, który można zaznaczyć kursorem i odczytać na urządzeniu do odczytu ekranu. Chociaż oryginalna lista bezpiecznych czcionek internetowych to najbezpieczniejszy wybór, niektóre skrzynki odbiorcze mogą wyświetlać Twoją czcionkę (na przykład w Gmailu będą wyświetlane czcionki Google).
Zawsze możesz zdecydować się na użycie czcionki swojej marki w przypadku czcionek bezpiecznych dla sieci jako rozwiązania awaryjnego. Używając przecinków w CSS, mówisz skrzynce odbiorczej, aby używała pierwszej czcionki, jeśli to możliwe, następnie drugiej, jeśli to możliwe, i wreszcie dowolnej innej czcionki bezszeryfowej, jeśli pozostałe dwie nie są dostępne.
<style=”font-family: 'KoHo', Arial, sans-serif”>Twórz kuloodporne przyciski
Kuloodporny przycisk to dowolny przycisk wiadomości e-mail utworzony przy użyciu kodu HTML zamiast obrazu. Można je tworzyć za pomocą kilku metod, w tym dopełniania, obramowań lub języka Vector Markup Language (VML).
Ten kuloodporny kreator przycisków wiadomości e-mail może pomóc w łatwym utworzeniu stylizowanego przycisku, który będzie pięknie wyświetlał się w większości skrzynek odbiorczych, w tym w programie Outlook.
Zamień obrazy na gify, aby uzyskać maksymalny efekt
Możesz być zaskoczony, gdy dowiesz się, że animowany gif może mieć nawet mniejszy rozmiar niż zdjęcie. Wszystko sprowadza się do złożoności obrazu i liczby pikseli zmieniających się między klatkami.
W tym artykule przedstawiono kilka szczegółowych strategii tworzenia gifów o rozsądnych rozmiarach do wiadomości e-mail. Niektóre z tych wskazówek obejmują:
- Cięcie zamiast blaknięcia dla przejść
- Używanie ilustrowanych elementów wektorowych zamiast zdjęć
- Użycie nakładki w celu ograniczenia palety kolorów
Dołącz link „Wyświetl w przeglądarce” u góry wiadomości e-mail
Niektórzy użytkownicy wolą domyślnie wyłączyć obrazy lub mogą nie mieć możliwości kontrolowania tej funkcji, ponieważ mają skrzynkę odbiorczą w miejscu pracy z wbudowanymi funkcjami bezpieczeństwa.
Dlatego zawsze dobrym pomysłem jest umieszczenie łącza „wyświetl w przeglądarce” u góry wiadomości e-mail, aby kontakt mógł zobaczyć wiadomość e-mail w pierwotnej postaci.
Użyj elementów tekstowych zamiast ikon graficznych
Jeśli to możliwe, eksperymentuj z elementami tekstowymi/CSS zamiast obrazów. Na przykład, zamiast tworzyć obraz strzałki, sprawdź, czy istnieje czcionka bezpieczna dla sieci, która ją zawiera. Możesz sprawdzić w Google „ASCII” lub „Unicode”, a następnie słowo kluczowe. Ta tabela pokazuje wszystkie symbole, o których być może nie wiedziałeś, że należą do rodziny czcionek Arial.
Uczyń obrazy opcjonalnym elementem akcentującym
Ostatnim trendem, który zauważyliśmy, są e-maile, w których obrazy płynnie wtapiają się w jednokolorowe tło. Daje to złudzenie e-maila zawierającego tylko obraz, przy jednoczesnym zachowaniu tekstu HTML i responsywnego projektu na komputery i urządzenia mobilne.
Chociaż możesz nie mieć opcji idealnych czcionek i układu, dobrze zaprojektowany e-mail w formacie HTML jest nadal bardzo skutecznym narzędziem marketingowym, którego można użyć, aby dotrzeć do każdego z Twoich patronów — niezależnie od ich grupy demograficznej lub fizycznych możliwości.