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.

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

Data ostatniej aktualizacji: stycznia 20, 2023

Dotyczy:

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

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.

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ł 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.

review-and-send-gmail-clipping-warning

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.

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

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.

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.