Jak zoptymalizować pocztę e-mail pod kątem urządzeń mobilnych

W 2010 roku dyrektor generalny Google, Eric Schmidt, twierdził, że od tego czasu ich celem było „…uczynienie z urządzeń mobilnych odpowiedzi na prawie wszystko”. To stwierdzenie stało się czymś więcej niż proroctwem. Dzisiaj, aby być bliżej swoich odbiorców i zapewnić jak najlepsze wrażenia, skoncentruj się najpierw na urządzeniach mobilnych. W tym artykule przygotowaliśmy wiele przydatnych wskazówek, które pomogą Ci zoptymalizować pocztę e-mail pod kątem urządzeń mobilnych, więc czytaj dalej.

Dlaczego powinieneś skupić się na urządzeniach mobilnych

W 2017 r. liczba cyfrowych minut mobilnych wyniosła 61,9%, co jest imponujące w porównaniu z 29,3% dla komputerów stacjonarnych i zaledwie 8,8% dla tabletów. W 2018 roku konsumpcja telefonów komórkowych jest nadal najwyższa, co widać na poniższym wykresie:

Co więcej, użytkownicy mobilni spędzają więcej czasu w Internecie, w szczególności dwa razy dłużej niż użytkownicy komputerów stacjonarnych. Dla ponad połowy z nich każdy poranek zaczyna się ze smartfonem w dłoni, a według Express Pigeon 91% z nich sprawdza pocztę przynajmniej raz dziennie. Aby dotrzeć do szerszego grona odbiorców, zapoznaj się z kilkoma wskazówkami, jak zoptymalizować pocztę e-mail pod kątem urządzeń mobilnych.

Zintegruj formularze rejestracji dostosowane do urządzeń mobilnych

E-mail marketing zaczyna się od osób, które odwiedzają Twoją witrynę. Na tym etapie Twoim celem jest skupienie uwagi odwiedzających na formularzu zgody, wzbudzenie zainteresowania i zmotywowanie ich do subskrypcji.

Najlepszym sposobem na stworzenie formularza subskrypcji przyjaznego dla urządzeń mobilnych jest zmniejszenie liczby pól w nim, użycie odpowiednio dużych czcionek i umieszczenie samego formularza w widocznym miejscu. Możesz także użyć input type=”e-mail”, tworząc specjalną klawiaturę ze znakami takimi jak „@” lub „.” lub adres e-mail użytkownika automatycznie pojawia się na urządzeniu mobilnym.

Sprawdź mobilny widok formularza subskrypcji GAP. Jest krótki, widoczny i zgodny z ogólnym designem marki. Co więcej, niesie ze sobą wartość, ponieważ marka obiecuje specjalną ofertę powitalną dla nowych abonentów.

Skróć wiersz tematu

Liczba znaków wyświetlanych w wierszach tematu przez różnych klientów poczty e-mail jest różna, ale praktyczną zasadą jest utrzymywanie jej na około 25-30 znaków.

Poniżej możesz zobaczyć kilka dobrych przykładów e-maili, w których wiersze tematu podsumowują treść e-maili i są w pełni widoczne na ekranie telefonu komórkowego.

Zoptymalizuj tekst w preheaderze

24% osób patrzy na tekst podglądu podczas podejmowania decyzji, czy otworzyć wiadomość e-mail, czy nie; dlatego powinieneś włożyć trochę wysiłku w napisanie swoich preheaderów. Podobnie jak wiersze tematu, teksty podglądu mają ograniczoną liczbę wyświetlanych znaków w zależności od klienta poczty e-mail.

Zawsze skupiaj się bardziej na pierwszych słowach preheadera, ponieważ jest to część, która będzie wyświetlana na każdym urządzeniu przez każdego klienta poczty e-mail.

Użyj tekstu podglądu, aby podać więcej szczegółów na temat treści wiadomości e-mail. Na przykład w promocyjnych wiadomościach e-mail możesz omówić dostawę lub określić warunki promocji.

Spraw, aby czcionki były wystarczająco duże

Twój tekst powinien być czytelny na każdym urządzeniu. W tym celu należy zachować równowagę między rozmiarem czcionki tytułu a tekstu. Powiedzmy, wybierz 22-24 pt dla tytułu i 14-16 pt dla tekstu, ale nie zmniejszaj niż 14 pt. Jeśli chodzi o typy czcionek, lepiej jest używać czcionek bezpiecznych w Internecie — Arial, Tahoma, Times New Roman, Courier New — ponieważ obsługują je wszystkie klienty poczty e-mail.

Pomyśl o użyciu kontrastujących kolorów w wiadomości e-mail, aby była widoczna w świetle słonecznym lub na ekranie o obniżonej jasności.

Spójrz na przykład z Tentree: widać kontrast między białą czcionką a zielonym tłem oraz kombinację analogicznych odcieni zieleni. Ekskluzywna oferta darmowej wysyłki jest zaznaczona na niebiesko.

Innym pomysłem jest połączenie jasnych kolorów z czernią i bielą, jak w e-mailu z Banana Republic.

Pracuj nad swoim wezwaniem do działania

75% ludzi dotyka ekranu tylko kciukiem; mniej niż 50% trzyma telefon jedną ręką, 36% użytkowników trzyma telefon w dłoni, a 10% ludzi trzyma telefon w jednej ręce i stuka palcem drugiej ręki. Weź pod uwagę te dane, wybierając miejsce na przycisk wezwania do działania (CTA).

Jeśli jest kilka CTA, określ ich priorytet i umieść je zgodnie z zasadą „główne CTA jest większe i wyższe”. Rozmiar przycisku powinien wynosić co najmniej 44×44px z wystarczającą ilością wolnego miejsca wokół niego — dzięki temu czytnik łatwo kliknie jednym kciukiem. Staraj się unikać zbyt wielu linków hipertekstowych w kopii, ponieważ ich kliknięcie może wydawać się niewygodne.

Wspomniany powyżej e-mail od Tentree ma widoczny, łatwy do kliknięcia przycisk CTA z wystarczającą ilością białego miejsca wokół.

Zwróć uwagę na rozmiar elementów wizualnych

Urządzenia mobilne ładują obrazy i zdjęcia znacznie wolniej niż komputery stacjonarne. Wizualizacje zawsze utrudniają załadowanie wiadomości e-mail, więc ich rozmiar nie powinien przekraczać 599 pikseli. Pamiętaj o jakości — czytelnicy raczej nie będą preferować rozmytych i rozpikselowanych obrazów. Przetestuj wiadomości e-mail z GIF-ami we wszystkich możliwych klientach poczty e-mail, aby upewnić się, że są wyświetlane poprawnie, a Twój e-mail nie trafia do folderu spamu.

Poniżej możesz zobaczyć przykład od Marka: ich e-maile są bogate w GIF-y i obrazy, ale ich ładowanie nie trwa długo.

Poza tym nie zapomnij dodać tekstu ALT do wszystkich wizualizacji, ponieważ niektórzy klienci poczty mogą automatycznie blokować obrazy.

Jeśli chodzi o treści wideo, możesz użyć GIF-ów lub prostych obrazów z przyciskiem odtwarzania jako miniatury i prowadzić użytkowników do strony internetowej, na której mogą obejrzeć ten film. Zobacz przykład z Litmus: używają GIF-a, który wznawia przegląd wideo z przyciskiem odtwarzania.

Wykorzystaj w pełni responsywny projekt

Jako e-mail marketer powinieneś najpierw zacząć tworzyć responsywne projekty e-maili, aby tworzyć bezbłędne wiadomości e-mail. Responsywność oznacza, że ​​Twój e-mail będzie poprawnie wyświetlany na urządzeniach mobilnych, tabletach i komputerach stacjonarnych, ponieważ jego szerokość układu i struktura zmienia się w czasie rzeczywistym w zależności od rozmiaru ekranu urządzenia i przeglądarki.

Gotowe szablony SendPulse upraszczają nawigację użytkownikom i ułatwiają marketerom tworzenie zoptymalizowanych wiadomości e-mail. Po prostu wybierz szablon, zmień go w dowolny sposób i wyślij na swoją listę mailingową. Będzie automatycznie dostosowywany do ekranów komputerów stacjonarnych, telefonów komórkowych i tabletów. Wygodne, prawda?

Zobacz, jak jeden z szablonów SendPulse wygląda na pulpicie: obrazy są duże, każdy przycisk można łatwo znaleźć i kliknąć, czcionki są czytelne.

Każdy element jest zoptymalizowany pod kątem urządzeń mobilnych: w wersji mobilnej główny tekst jest wystarczająco duży, a przyciski odpowiedniej wielkości, aby można je było kliknąć kciukiem.

Podsumowując

Wróćmy do wskazówek, których możesz użyć, aby zoptymalizować pocztę e-mail pod kątem użytkowników mobilnych:

• Zacznij od formularzy rejestracji dostosowanych do urządzeń mobilnych;
• Przejdź do krótkich i pouczających tematów i zapowiedzi;
• Używaj czytelnych, bezpiecznych czcionek internetowych;
• Utrzymuj duże i wyraźne przyciski CTA;
• Sprawdź, czy wszystkie elementy wizualne świetnie prezentują się na urządzeniach mobilnych;
• Używaj responsywnych układów.