Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Email

Podgląd i optymalizacja sposobu wyświetlania wiadomości w różnych klientach i urządzeniach

Data ostatniej aktualizacji: listopada 17, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Podczas projektowania wiadomości marketingowej możesz sprawdzić, 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żesz 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.
  • Sprawdź, 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, 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ść teraz. HubSpot wygeneruje podglądy dla każdego z wybranych klientów.
    • Klikaj przyciski < lub >, aby przechodzić między podglądami klientów.
    • Domyślnie wiele klientów początkowo 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.

preview-your-email-in-editor

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ł wiadomość. Aby wyświetlić pełną treść wiadomości, Twój 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ą przez HubSpot.

Jeśli Twój projekt wiadomości e-mail jest zagrożony przycięciem w Gmailu, na dole edytora wiadomości e-mail pojawi się ostrzeżenie.

gmail-clipping-warning

Aby zapobiec przycinaniu wiadomości przez Gmaila, możesz wykonać poniższe kroki:

  • Przytnij dodatkową treść:popraw swoją 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 Twojego emaila, ponieważ są one ładowane oddzielnie od treści.
  • 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ęć.

Spraw, aby Twój email był przyjazny dla urządzeń mobilnych

Choć trudno jest zaprojektować wiadomość tak, by idealnie wyświetlała się na urządzeniach stacjonarnych i mobilnych, możesz skorzystać z poniższych wskazówek, by zapewnić sobie spójne wrażenia z użytkowania na urządzeniach mobilnych.

Użyj responsywnego szablonu wiadomości e-mail

Wszystkie szablony HubSpotszablony "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 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 wTemplate Marketplace.

Zmniejsz rozmiary plików graficznych

W większości przypadków prędkości pobierania na urządzeniach mobilnych są wolniejsze niż na komputerach stacjonarnych. Użyj mniejszych plików graficznych, aby skrócić czas ładowania wiadomości e-mail. HubSpot automatycznie zmienia rozmiar obrazów, które zawierają atrybut width w tagu <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 upewnić się, że Twoi subskrybenci widzą i mogą wyraźnie kliknąć na Twoją treść, upewnij się, żewszystkie linki tekstowe i przyciski CTA są wyższe i szersze niż 57x57 pikseli.

Rozwiązywanie problemów z tekstem podglądu emaila

Kiedy Twój email pojawia się w skrzynce odbiorcy, klienty poczty takie jak Gmail czy Outlook mogą renderować dodatkową treść z treści emaila po temacie i tekście podglądu. Takie zachowanie może spowodować wyświetlenie niezamierzonego tekstu po podglądzie. Na przykład jeśli na górze 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.

email-preview-text-with-image-alt-text

Aby zapobiec temu problemowi, możesz spróbować umieścić podsumowanie treści wiadomości 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 pojawia się zgodnie z oczekiwaniami, możesz wysłać sobie testową wiadomość e-mail.

Unikaj używania JavaScript i ramek inline

Jeśli do tworzenia swoich emaili używasz klasycznego edytora poczty, powinieneś unikać używania elementów <script> lub <iframe> w swoim szablonie, ponieważ nie będą one renderowane przez większość głównych klientów poczty. Jeśli dodajesz <iframe> do elementu HTML, aby wstawić wideo do swojego maila, powinieneś zdecydować się na użycie modułu wideo.