Podgląd i optymalizacja sposobu wyświetlania wiadomości e-mail w różnych klientach i urządzeniach
Data ostatniej aktualizacji: stycznia 20, 2023
Podczas projektowania wiadomości marketingowej możesz podejrzeć, jak wygląda ona na różnych typach urządzeń i klientów poczty. Jeśli zauważysz, że Twoja wiadomość nie wyświetla się w oczekiwany sposób na poszczególnych klientach, zapoznaj się z poniższymi najlepszymi praktykami i rozwiązaniami najczęściej występujących problemów.
Podgląd wiadomości e-mail na urządzeniach mobilnych i klientach stacjonarnych
Przed wysłaniem wiadomości e-mail można podejrzeć, jak będzie ona wyglądać na różnych klientach i urządzeniach.
- W koncie HubSpot przejdź do Marketing > E-mail.
- Kliknijnazwę istniejącej zredagowanej wiadomości e-mail.
- W prawym górnym rogu edytora wiadomości e-mail kliknij menu rozwijaneAkcje, a następnie kliknij opcjęPodgląd.
- Zobacz, jak wiadomość e-mail będzie wyglądać zarówno na większym ekranie komputera stacjonarnego, jak i na mniejszej wersji mobilnej
- Aby wyświetlić podgląd tego, jak Twoja wiadomość e-mail będzie wyglądać w określonych klientach poczty e-mail, kliknij opcjęKlienci w górnej części ekranu podglądu.
- W lewym panelu zaznaczpole wyboru obok dowolnego klienta poczty e-mail, którego podgląd chcesz wyświetlić.
- W prawym górnym rogu kliknij przyciskPrzetestuj moją wiadomość e-mail teraz. HubSpot wygeneruje podglądy dla każdego z wybranych klientów.
- Klikaj przyciski < lub >, aby przechodzić między podglądami klientów.
- Wiele klientów domyślnie wyłącza obrazy przy pierwszym ładowaniu wiadomości e-mail. Aby zobaczyć, jak wygląda Twoja wiadomość e-mail bez obrazów, włącz przełącznikblokowania obrazów.
Naprawianie problemów z przycinaniem w Gmailu
Jeśli całkowity rozmiar Twojej wiadomości e-mail, wraz z kodem osadzonym w znacznikach wiadomości, przekroczy 102 KB, Gmail będzie przycinał Twoją wiadomość. 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ę Twojej wysyłki, a także zakłócić możliwość śledzenia interakcji z Twoją wiadomością e-mail przez HubSpot.
Jeśli projektowana wiadomość e-mail jest zagrożona przycięciem w Gmailu, w panelu Przeglądanie i wysyłanie zostanie wyświetlone ostrzeżenie.
Aby zapobiec przycinaniu wiadomości e-mail przez Gmaila, możesz wykonać poniższe kroki:
- Przytnij dodatkową treść:popraw wiadomość e-mail, aby usunąć z niej treści, które nie są niezbędne do przeczytania przez odbiorców. Sprawdź też, czy nie ma w niej kodu lub stylów, które mogły zostać dołączone, jeśli kopiowałeś treść z innego edytora. Pamiętaj, że usunięcie dużych obrazów nie zmniejszy znacząco rozmiaru emaila, ponieważ są one ładowane oddzielnie od treści emaila.
- Unikaj wysyłania wielu wiadomości e-mail z tym samym tematem: jeśli wyślesz do odbiorcy kilka wiadomości e-mail o tym samym temacie, Gmail automatycznie połączy je w jeden wątek, nawet jeśli nowsza wiadomość zawierała nową treść.
- Przetestuj wiadomość e-mail po wprowadzeniu zmian: po zmodyfikowaniu wiadomości e-mail w celu zmniejszenia jej rozmiaru wyślij wiadomość testową na własne konto Gmaila, aby sprawdzić, czy wiadomość jest wyświetlana tak, jak byś tego oczekiwał, bez żadnych przycięć.
Zadbaj o to, by wiadomość była przyjazna dla urządzeń mobilnych
Chociaż trudno jest zaprojektować wiadomość e-mail tak, aby idealnie wyświetlała się na urządzeniach stacjonarnych i mobilnych, możesz zastosować się do poniższych wskazówek, aby zapewnić spójne wrażenia z użytkowania na urządzeniach mobilnych.
Użyj responsywnego szablonu wiadomości e-mail
Wszystkie szablony HubSpotszablony 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 także maksymalną szerokość do obrazów w edytorze treści, dzięki czemu nie trzeba się martwić o edycję kodu źródłowego w celu dodania maksymalnej szerokości.
Jeśli tworzysz zakodowany szablon wiadomości e-mail w HubSpot, pamiętaj, aby użyć naszegoznacznika responsywnego szablonu wiadomości e-mail. Możesz równieżzakupić responsywny szablon wiadomości e-mail w serwisieRynku Szablonów.
Zmniejsz rozmiary plików graficznych
W większości przypadków prędkość pobierania na urządzeniach mobilnych jest mniejsza niż na komputerach stacjonarnych. Aby skrócić czas ładowania wiadomości e-mail, używaj mniejszych plików graficznych. HubSpot automatycznie zmienia rozmiar obrazów, które zawierają atrybut width w znaczniku <img>. Serwisy takie jak FastStone Photo Resizer czyJPEGmini również mogązmniejszyć rozmiar pliku nawet o 80% bez obniżania jakości obrazu.
Zwiększ rozmiar linków i przycisków CTA
Upewnij się, że Twoje treści są wystarczająco duże, aby były czytelne na urządzeniach mobilnych. Aby Twoi subskrybenci mogli wyraźnie widzieć i klikać na Twoje treści, upewnij się, żewszystkie linki tekstowe i przyciski CTA są wyższe i szersze niż 57x57 pikseli.
Rozwiązywanie problemów z tekstem podglądu wiadomości e-mail
Kiedy Twoja wiadomość e-mail pojawia się w skrzynce odbiorcy, klienty poczty, takie jak Gmail czy Outlook, mogą renderować dodatkową treść z treści wiadomości po temacie i tekście podglądu. Takie zachowanie może powodować wyświetlanie niezamierzonego tekstu po podglądzie. Na przykład jeśli w górnej części wiadomości e-mail znajduje się obrazek, taki jak baner lub logo, tekst alt tego obrazka może zostać uwzględniony w podglądzie wiadomości e-mail.
Aby zapobiec temu problemowi, możesz spróbować zamieścić podsumowanie treści wiadomości e-mail jako tekst alt obrazu na górze wiadomości e-mail lub całkowicie pominąć tekst alt. Aby potwierdzić, że pełny tekst podglądu jest wyświetlany zgodnie z oczekiwaniami, możesz wysłać wiadomość testową.
Unikaj używania JavaScriptu i ramek inline
Jeśli do tworzenia wiadomości e-mail używasz klasycznego edytora poczty, powinieneś unikać stosowania w szablonie elementów <script> lub <iframe>, ponieważ nie będą one renderowane przez większość głównych klientów poczty. Jeśli dodajesz element <iframe> do elementu HTML, aby wstawić do wiadomości wideo, powinieneś zdecydować się na użycie modułu wideo.
Powiązana treść
-
Tworzenie e-maili marketingowych w edytorze e-maili metodą "przeciągnij i upuść
Edytor wiadomości e-mail HubSpot typu "przeciągnij i upuść" zapewnia intuicyjny interfejs do skalowania...
Baza wiedzy -
Wstawianie zaproszeń do kalendarza do e-maili marketingowych
Dowiedz się, jak utworzyć zaproszenie do kalendarza i dodać je do wiadomości marketingowej HubSpot. Jeśli nie...
Baza wiedzy -
Skonfiguruj informacje w stopce wiadomości CAN-SPAM
Aby zachować zgodność z ustawą CAN-SPAM z 2003 r., wiadomości e-mail o charakterze marketingowym muszą...
Baza wiedzy