Testowanie za pomocą Litmus i Email on Acid

Renderowanie wiadomości HTML różni się znacznie w ponad 50 kombinacjach klienta, wersji i systemu operacyjnego. Ręczne testowanie każdej z nich jest niemożliwe. Litmus i Email on Acid uruchamiają wiadomość w rzeczywistych silnikach klientów i zwracają zrzuty ekranu, dzięki czemu można wykryć problemy przed wysłaniem.

Litmus to najdłużej działająca komercyjna usługa do testowania wiadomości e-mail. Wklej kod HTML lub wyślij wiadomość na unikalny adres testowy, a Litmus wygeneruje podglądy w Outlooku 2007–2021, Apple Mail, iOS, Gmailu (w przeglądarce i aplikacji), Yahoo, Office 365, Thunderbirdzie oraz wielu innych klientach.

Email on Acid oferuje podobne podglądy, a także bardziej rozbudowane automatyczne kontrole: testowanie wyniku spamu, audyty renderowania trybu ciemnego, kontrole dostępności (kontrast kolorów, tekst alt) oraz weryfikację odnośników. Ceny są porównywalne z Litmus; należy wybrać usługę na podstawie zestawu funkcji, z którego zespół korzysta najczęściej.

Należy testować po każdej istotnej zmianie, a nie tylko przed ostatecznym wysłaniem. Wykrycie błędu w Yahoo w dniu wysyłki oznacza wiele godzin pracy w ostatniej chwili. Problemy należy wychwytywać podczas tworzenia, gdy koszt ich naprawy jest niższy.

Jeśli brakuje czasu, większość testów należy przeznaczyć na Outlooka 2010, 2013, 2016 i 365 — każdy z nich renderuje wiadomości nieco inaczej z powodu specyfiki silnika Word. Apple Mail i iOS Mail niemal zawsze działają poprawnie, a Gmail w przeglądarce działa po uwzględnieniu kilku pułapek związanych z @media.

Obie usługi oferują podglądy trybu ciemnego dla Apple Mail, iOS, Outlooka i Gmaila. Należy sprawdzić, czy logotypy są widoczne na ciemnych tłach, czy kontrast tekstu jest wystarczający oraz czy elementy interfejsu oznaczone kolorami (pigułki statusu, plakietki) pozostają rozróżnialne.

Narzędzia symulują działanie SpamAssassin i kilku popularnych filtrów, sygnalizując słowa wyzwalające, brak nagłówków list-unsubscribe oraz podejrzane wzorce odnośników. Niski wynik spamu nie gwarantuje dostarczenia do skrzynki odbiorczej, ale wysoki wynik niemal zawsze kończy się umieszczeniem wiadomości w folderze spamu.

Obie usługi skanują każdy odnośnik i obraz, zgłaszając uszkodzone adresy URL, brakujący tekst alt oraz duże rozmiary obrazów. Należy uruchomić ten audyt przed ostatecznym wysłaniem — uszkodzone CTA w kampanii do miliona odbiorców trudno naprawić.

Używaj stylelint wraz z recepturami stylelint-email lub htmlemail.io, aby wykrywać nieobsługiwany CSS podczas budowania. Połącz to z Litmus/EOA w celu wizualnego potwierdzenia; statyczne lintowanie wykrywa problemy wcześniej i taniej niż porównywanie różnic wizualnych.

Mailtrap, putsmail.com oraz rzeczywista skrzynka Gmail/Outlook/iCloud, nad którą masz kontrolę, oferują ograniczone bezpłatne podglądy. Używaj ich do szybkich kontroli poprawności podczas tworzenia, a przed wysłaniem polegaj na płatnych usługach zapewniających kompleksową macierz testów.

SendGrid, Mailgun, Postmark i inne usługi integrują podglądy Litmus lub EOA ze swoim edytorem wiadomości. Jeśli to możliwe, testuj wiadomość w tym samym narzędziu, które będzie ją wysyłać — renderowanie będzie dokładnie odzwierciedlać to, co zobaczą odbiorcy.

Litmus i Email on Acid renderują wiadomości w rzeczywistych silnikach klientów oraz zwracają zrzuty ekranu, podglądy trybu ciemnego, wyniki spamu i audyty dostępności. Należy skupić testy na wariantach Outlooka, uruchamiać statyczne lintowanie w CI oraz zintegrować podglądy z narzędziem do wysyłania, aby testowana wiadomość była dokładnie tą, którą otrzymają odbiorcy.