Podczas projektowania marketingowej wiadomości e-mail można wyświetlić podgląd jej wyglądu na różnych typach urządzeń i klientach poczty e-mail. Jeśli zauważysz, że Twoja wiadomość e-mail nie renderuje się zgodnie z oczekiwaniami na określonych klientach, zapoznaj się z najlepszymi praktykami i poprawkami dla typowych problemów poniżej.
Przed wysłaniem wiadomości e-mail można wyświetlić podgląd jej wyglądu na różnych klientach i urządzeniach.
Jeśli całkowity rozmiar wiadomości e-mail, w tym dowolny osadzony kod w znacznikach wiadomości, przekracza 102 KB, Gmail przycina wiadomość e-mail. Aby wyświetlić pełną treść wiadomości e-mail, odbiorca będzie musiał kliknąć łącze Wyświetl całą wiadomość, co może negatywnie wpłynąć na reputację wysyłającego, a także zakłóca zdolność HubSpot do śledzenia interakcji z wiadomością e-mail.
Jeśli istnieje ryzyko, że przygotowana wiadomość e-mail zostanie przycięta w Gmailu, w panelu Sprawdź i wyślij pojawi się ostrzeżenie. Ostrzeżenie to jest oparte na przybliżonym rozmiarze wiadomości e-mail, na podstawie kodu HTML wiadomości e-mail i powiązanych z nią linków do śledzenia.
Aby zapobiec przycinaniu wiadomości e-mail przez Gmaila, wykonaj poniższe czynności:
Chociaż trudno jest zaprojektować wiadomość e-mail tak, aby wyglądała idealnie między komputerem a urządzeniem mobilnym, możesz postępować zgodnie z poniższymi wskazówkami, aby zapewnić spójne wrażenia mobilne.
Wszystkie szablony HubSpot typu " przeciągnij i upuść " są domyślnie responsywne. Oznacza to, że treść dostosowuje się do ekranu, na którym jest wyświetlana. HubSpot dodaje również maksymalną szerokość do obrazów w edytorze treści, więc nie musisz się martwić o edycję kodu źródłowego, aby dodać maksymalną szerokość.
Jeśli tworzysz kodowany szablon wiadomości e-mail w HubSpot, pamiętaj, aby użyć naszych znaczników responsywnych szablonów wiadomości e-mail. Możesz także kupić responsywny szablon wiadomości e-mail wTemplate Marketplace.
W większości przypadków prędkość pobierania na urządzeniach mobilnych jest wolniejsza niż na komputerach stacjonarnych. Używaj mniejszych plików graficznych, aby skrócić czas ładowania wiadomości e-mail. HubSpot automatycznie zmienia rozmiar obrazów, które zawierają atrybut szerokości w tagu <img>. Usługi takie jak FastStone Photo Resizer i JPEGmini mogą również zmniejszyć rozmiar pliku nawet o 80% bez obniżania jakości obrazu.
Upewnij się, że Twoje treści są wystarczająco duże, aby były czytelne na urządzeniach mobilnych. Aby upewnić się, że subskrybenci mogą wyraźnie zobaczyć i kliknąć treść, upewnij się, że wszystkie linki tekstowe i przyciski wezwania do działania są wyższe i szersze niż 57x57 pikseli.
Gdy wiadomość e-mail pojawia się w skrzynce odbiorczej odbiorcy, klienci poczty e-mail, tacy jak Gmail lub Outlook, mogą renderować dodatkową treść z treści wiadomości e-mail po temacie i tekście podglądu. Takie zachowanie może skutkować pojawieniem się niezamierzonego tekstu po podglądzie. Na przykład, jeśli w górnej części wiadomości e-mail znajduje się obraz, taki jak baner lub logo, tekst alternatywny obrazu może zostać uwzględniony w podglądzie wiadomości e-mail.
Aby zapobiec temu problemowi, możesz spróbować podać podsumowanie treści wiadomości e-mail jako tekst alternatywny obrazu w górnej części wiadomości e-mail lub całkowicie pominąć tekst alternatywny. Aby potwierdzić, że pełny tekst podglądu pojawia się zgodnie z oczekiwaniami, możesz wysłać sobie testową wiadomość e-mail.
Jeśli do tworzenia wiadomości e-mail używasz klasycznego edytora wiadomości e-mail, powinieneś unikać używania elementów <script> lub <iframe> w szablonie, ponieważ nie będą one renderowane przez większość głównych klientów poczty e-mail. Jeśli dodajesz <iframe> do elementu HTML, aby wstawić wideo do wiadomości e-mail, powinieneś zdecydować się na użycie modułu wideo.