Pomoc! Mój e-mail jest uszkodzony: typowe błędy + poprawki

Świat poczty e-mail jest pełen potencjalnych pułapek. Obsługa technik może zniknąć bez ostrzeżenia, a nagłe zmiany w silnikach renderujących klientów poczty e-mail utrudniają marketerom e-mailowym zrozumienie, co i gdzie zadziała. To, co może wyglądać dobrze w Apple Mail, może stać się koszmarem w Outlooku lub Gmailu. To, co dziś wyglądało idealnie, jutro może się zepsuć. Ponadto wersje skrzynki odbiorczej, aktualizacje aplikacji i zmiany przeglądarki mogą mieć wpływ na wygląd wiadomości e-mail.

Pierwszym krokiem w projektowaniu w terminie jest przygotowanie się na najgorsze. Miej zabezpieczenia wbudowane w swoje szablony, aby uwzględnić wszelkie poważne problemy, jakie możesz napotkać. — Logan Baird, Emma

Zebraliśmy kilka typowych problemów, które możesz znaleźć, oraz informacje o tym, jak włączyć zabezpieczenia do następnej kampanii e-mailowej. Generalnie sprowadza się to do…

Nieobsługiwany kod HTML lub CSS w klientach poczty e-mail

Nic dziwnego, że każdy klient poczty jest inny. Ale kiedy pracujesz nad 10 000 innych rzeczy na raz, nadążanie za nagłymi zmianami jest najmniejszym z twoich zmartwień. Nawet jeśli wsparcie się nie zmienia, klienci poczty e-mail inaczej interpretują Twój kod. Przekonaj się, jak standardowa wiadomość e-mail może wyglądać zupełnie inaczej u klientów w tym podglądzie z Listy kontrolnej Litmus.

Jeśli nie masz pewności, czy Twoja technika zadziała w Twoim kliencie poczty e-mail, użyj narzędzia Litmus' Code Analysis.

Dostępna w programie Litmus Builder funkcja Code Analysis pokaże wszystkie nieobsługiwane właściwości HTML lub CSS w tym konkretnym kliencie poczty e-mail, oszczędzając godziny rozwiązywania problemów.

Typowe błędy spowodowane zmianą wsparcia obejmują:

Obrazy się nie wyświetlają

Istnieje kilka powodów, dla których obrazy mogą nie pojawiać się w Twoich e-mailach. Najpopularniejszy? Wiele programów pocztowych domyślnie blokuje obrazy, dopóki użytkownik nie kliknie „Pokaż obrazy”. Jeśli nie masz pewności, oto aktualna lista wsparcia.

Poprawka: Aby upewnić się, że użytkownicy nadal będą się dobrze bawić, nawet jeśli obrazy się nie wyświetlają, dołącz tekst ALT. Jest to wiersz tekstu, który ma podsumować kontekst obrazu w wiadomości e-mail. Dołączenie tekstu ALT do wszystkich obrazów, nawet jeśli nie optymalizujesz dla każdego klienta, jest ogólną najlepszą praktyką. Gwarantuje, że Twoja wiadomość dotrze do odbiorcy, nawet jeśli użyjesz tekstu w obrazach, a także sprawi, że Twoje e-maile będą bardziej dostępne dla osób korzystających z czytników ekranu.

Inne mniej powszechne problemy to:

• Twój obraz nie jest przechowywany na publicznie dostępnym serwerze
• Twój obraz używa względnej zamiast bezwzględnej ścieżki adresu URL
• Twój format pliku obrazu to nie JPEG, GIF ani PNG
• Pod twoimi obrazami pojawiają się luki

Sprawdź, czy obrazy działają i jak wygląda twoja poczta e-mail z wyłączonymi obrazami, na Liście kontrolnej lakmusów.

Podgląd wiadomości e-mail z wyłączonymi obrazami Przeglądaj wiadomości e-mail z wyłączonymi obrazami i otrzymuj powiadomienia, jeśli w którymkolwiek z Twoich obrazów brakuje tekstu ALT, korzystając z Listy kontrolnej lakmusowej. Przekonaj się, co może zrobić Checklist! Spójrz na ten uszkodzony e-mail na Liście Kontrolnej Litmus Zobacz więcej →

Niestandardowe czcionki nie wyświetlają się

Być może współpracowałeś ze swoim projektantem, aby stworzyć niesamowitą niestandardową czcionkę — tylko po to, aby nie pojawiła się ona w wiadomości e-mail. Może to być spowodowane tym, że nie używasz czcionki bezpiecznej w Internecie lub czcionki systemowej, która jest obsługiwana przez wszystkich klientów i zazwyczaj jest instalowana na większości komputerów.

Poprawka: Jeśli chcesz mieć niestandardową czcionkę, pamiętaj o dołączeniu zastępczej i że są one tego samego typu, co twoja niestandardowa czcionka - na przykład używając czcionki bezszeryfowej dla obu - co pomoże zachować twoją projekt e-maila w różnych klientach pocztowych.

Aby uzyskać więcej wskazówek dotyczących typografii, zapoznaj się z naszym ostatecznym przewodnikiem.

E-mail wygląda dziwnie na telefonie komórkowym

Rozmiar ekranu może mieć duże znaczenie, jeśli chodzi o sposób renderowania wiadomości e-mail. Ponieważ ponad 50% e-maili otwieranych od 2015 r. pochodzi z urządzeń mobilnych, ważne jest, aby zoptymalizować wiadomości e-mail pod kątem mniejszych ekranów. Testowanie wiadomości e-mail na iPhonie, iPadzie i Androidzie jest łatwe dzięki podglądowi błyskawicznemu Litmus.

Projektowanie responsywne to nowa norma, zwłaszcza teraz, gdy obsługuje ją Gmail. E-maile responsywne opierają się na zapytaniach o media — lub regułach @media w kodzie — aby działały poprawnie. Zapytania o media to specjalny zestaw stylów CSS, które działają jak instrukcje warunkowe lub reguły dynamiczne. Starannie zaplanowane, mogą sprawić, że e-maile będą bardziej użyteczne na różnych rozmiarach ekranu. Zapytania o media nie są wszędzie obsługiwane, więc miej to na uwadze podczas projektowania.

Poprawka : nawet jeśli nie zdecydowałeś się na stosowanie projektowania responsywnego, istnieją sposoby na upewnienie się, że Twoja wiadomość e-mail jest czytelna i dostępna dla wszystkich odbiorców subskrybentów.

Myśleć o:

• Powiększanie czcionek: zalecamy minimum 14 pikseli w przypadku treści i 22 pikseli w przypadku nagłówków, aby Twoja poczta e-mail była czytelna na małych ekranach.
• Korzystanie z przyjaznego dla dotyku CTA: Twoi subskrybenci już nie klikają — oni też stukają! Zalecamy, aby przyciski były przyjazne dla palców minimum 44x44px.
• Uproszczenie układu: użyj podejścia jednokolumnowego lub responsywnego projektu, aby dostosować wyświetlanie na mniejszych ekranach i zwiększyć czytelność.
• Usprawnianie treści: oceń treść wiadomości e-mail i pozbądź się mniej przydatnych lub nieistotnych linków, kopii i obrazów. Bądź zwięzły, ale nadal przekonujący.

Łamanie linków + śledzenie

Tworząc wiadomość e-mail, szukasz nie tylko otwarć, ale także otwarć konwersji. Aby Twoi subskrybenci mogli dokonać konwersji, muszą mieć możliwość podjęcia działania, zwykle w formie przycisku wezwania do działania. Jeśli link do Twojego przycisku (lub jakichkolwiek linków, jeśli o to chodzi) zostanie uszkodzony, straciłeś ogromną szansę — i być może zaszkodziłeś Twojej reputacji wśród subskrybentów. Nigdy nie chcesz, aby zobaczyli ekran taki jak ten:

Podobnie, jeśli Twoje linki nie mają śledzenia, nie zrujnujesz doświadczenia użytkownika, ale nie będziesz w stanie stwierdzić, co działa, a co nie. Czy ktoś kliknął Twój link?

Poprawka : dwukrotnie sprawdź każdy z linków za pomocą Listy kontrolnej lakmusa, aby upewnić się, że działają.

Następnie upewnij się, że dodałeś kody śledzenia do każdego z linków za pomocą Menedżera śledzenia w programie Litmus Builder, dzięki czemu możesz mierzyć sukces swojej kampanii e-mailowej.

Animowane pliki GIF + wideo nie działają

Animowane pliki GIF i wideo dodają trochę pikanterii Twojemu e-mailowi. Mogą być zabawne i wciągające lub zapewniają szybkie demonstracje Twojego produktu w akcji. Bez względu na to, jak używasz którejkolwiek z technik, ich uwzględnienie w wiadomości e-mail może być trudne.

Po pierwsze, duże animowane pliki GIF i wideo zwykle przyspieszają ładowanie wiadomości e-mail i mogą frustrować subskrybentów, ponieważ nie zobaczą oni pełnej narracji, którą próbujesz przekazać, gdy wciąż ładują się ciężkie obrazy. Sprawy stają się jeszcze trudniejsze na urządzeniach mobilnych, gdzie ładowanie obrazów może sprawić, że wygląda na to, że wysłałeś pusty e-mail.

Poprawka : ponieważ nie każdy klient obsługuje animowane pliki GIF lub wideo, zoptymalizuj pierwszą klatkę swojego GIF-a i dołącz do niego obraz zastępczy. W obu przypadkach upewnij się, że obraz dokładnie oddaje Twoją wiadomość.

Dodanie wideo to potężna technika zachęcająca do zaangażowania. Dołączenie ikony odtwarzania do tego obrazu zachęci do kliknięcia. Umieść swój film na innej stronie, najlepiej na wyznaczonej stronie docelowej, aby dalej śledzić zaangażowanie subskrybentów, którzy kliknęli film w wiadomości e-mail.

Jeśli chodzi o szybkość wczytywania, zrównoważ kreację z danymi: użyj listy kontrolnej Litmus, aby określić szybkość ładowania e-maili z filmem lub GIF-em. W tym przewodniku zebraliśmy wszystko, co musisz wiedzieć o rozmiarze pliku, w tym o tym, jak możesz go zmniejszyć.

Bądź świadomy częstotliwości tej techniki. Używane oszczędnie animowane GIF-y i wideo mogą zaskoczyć i zachwycić subskrybentów. Używane zbyt często, ci sami subskrybenci mogą się nimi zmęczyć i być mniej skłonni do angażowania się w Twoje kampanie.

Potem są małe rzeczy…

Problemy ze składnią

To może być tak frustrujące, że nie wiesz, dlaczego wszystko wygląda dziwnie. Możliwe, że w kodzie znajduje się błędny tag zamykający, nieprawidłowo zagnieżdżona tabela lub inna ukryta literówka.

Poprawka : aby wykryć jakiekolwiek błędy, przeprowadź e-mail przez Listę kontrolną lakmusa, aby natychmiast zobaczyć, co jest zepsute.

Niebieskie linki

Apple konwertuje numery telefonów, adresy, daty i słowa zaproszenia, takie jak „dzisiejszy wieczór”, na podkreślone niebieskie linki w wiadomościach e-mail. Dzieje się tak, ponieważ informacje mogą wyzwalać zdarzenia związane z aplikacją, takie jak dodanie czegoś do kalendarza lub uruchomienie mapy.

Chociaż może to być świetne dla użytkowników otwierających osobiste wiadomości e-mail, w języku HTML może utrudnić czytanie lub podejmowanie działań na wiadomości e-mail. Niebieskie linki mogą prowadzić do zmniejszonej czytelności (pomyśl: niebieskie linki na niebieskim tle), a także mogą kolidować z projektem Twojej marki.

The Fix : Na szczęście istnieje kilka sposobów, aby to naprawić.

Rozwiązywanie problemów z e-mailami

Zapewnienie jakości jest jedną z najbardziej czasochłonnych części procesu projektowania wiadomości e-mail i jedną z najbardziej frustrujących, ale nie musi tak być. Usprawnij proces testowania za pomocą Litmusa, aby sprawdzić, czy masz problemy z renderowaniem w ponad 70 klientach poczty e-mail, a także śledzenia łączy, analizy kodu i innych funkcji, które ułatwiają rozwiązywanie problemów przed naciśnięciem przycisku Wyślij.

Zacznij testować teraz →