najlepszy rozmiar szablonu e-mail dla różnych kampanii
Dlaczego rozmiar szablonu e-mail jest tak ważny? Dlaczego jest tak wiele pytań na ten temat i brak szybkich odpowiedzi? Mówiąc prościej, rozmiar projektu wiadomości e-mail ma wpływ na to, czy Twoja wiadomość e-mail zostanie w ogóle dostarczona. Określa również, czy klient przeczyta Twoją wiadomość i podejmie pożądane działania. Istnieje standardowa szerokość szablonu (600 px), ale nadal istnieją zawiłości, o których powinieneś wiedzieć. Ponadto nie ma ścisłych reguł dotyczących wysokości szablonu wiadomości e-mail, takich samych jak w przypadku bloków projektowych.,
w tym artykule przejrzymy wszystkie komponenty szablonu e-mail i wyjaśnimy Zasady dla każdego rodzaju kampanii.,tr>
wymiary szablonu poczty e-mail
główną ideą ujednolicania standardów poczty e-mail jest wyświetlanie we wszystkich klientach poczty e-mail i typach urządzeń., Większość odbiorców korzysta z Gmaila na komputerze lub aplikacji e-mail na iPhone ' a. To powiedziawszy, nadal wiele osób czyta wiadomości e-mail z programem Outlook, Yahoo Mail, a nawet AOL. Oznacza to, że nieuchronnie napotkasz różne silniki renderowania i problemy z wyświetlaniem.
aby pasować do każdego typu urządzenia, twoje e-maile muszą być responsywne. Ten trend nie jest nowy, więc wszystkie predefiniowane szablony i struktury poczty e-mail są już zaprojektowane tak, aby pasowały do tej reguły., Jeśli kodujesz szablony za pomocą czystego HTML i CSS, skorzystaj z zaleceń zebranych w naszym przewodniku, jak zbudować pocztę HTML.
Szerokość projektu e-maila
słyszałeś już o 600 pikselach. Jest to standardowa szerokość, która była zalecana w ostatnich latach. Rzeczy się nie zmieniły: 600 pikseli to nadal złota zasada. Jest to średnia szerokość pulpitowych klientów poczty e-mail używanych do wyświetlania wiadomości e-mail. Ponadto Gmail jest powszechnie znany z tego, że nie wyświetla koloru tła dla szablonu o szerokości ponad 640 px.,
większość kreatorów i usług poczty e-mail domyślnie udostępnia szablony o szerokości do 600 pikseli, w tym na przykład Mailchimp i Klaviyo.
Możesz również znaleźć sugestie, aby wypróbować szablony o szerokości 700-800 pikseli, z informacją, że powinieneś dokładnie przetestować je we wszystkich popularnych klientach poczty e-mail. Uważamy, że jeśli masz powody, czas i zasoby na dodatkowe testy i eksperymenty, powinieneś wypróbować dowolny szablon, który może Ci pomóc.,
wysokość szablonu e-mail
wysokość szablonu e-mail nie jest ściśle ograniczona przez zasady klientów e-mail. Oznacza to, że nie ma wymaganego rozmiaru. Istnieje jednak kilka rzeczy do naśladowania podczas tworzenia nowego szablonu wiadomości e-mail.
1. Pamiętaj o celu wiadomości: odbiorca powinien być w stanie zrozumieć ją od razu po otwarciu wiadomości e-mail. Umieść najważniejsze informacje powyżej krotnie – jest to około 350 pikseli., Porównaj:
i
mądrze używaj przestrzeni. Zdjęcia są piękne, ale powinny również zawierać informacje w wiadomościach e-mail i zachęcać użytkowników do przewijania. Podczas testowania i podglądu wiadomości e-mail, przede wszystkim oceń, co zobaczy odbiorca.
Pro Tip: Wspieraj swój świetny temat wiadomości e-mail za pomocą inspirującego nagłówka wiadomości e-mail, utrzymując go widocznym na jednym ekranie.
2. Staraj się, aby wiadomości e-mail były czyste i jasne., Im krótsza Wiadomość, tym większe prawdopodobieństwo, że zostanie przeczytana do końca. Czasami dodatkowe sekcje mylą czytelnika i rozmywają główną ideę e-maila.
Większość e – maili marketingowych, takich jak biuletyny i promocje, to około 2500-3000 pikseli.
Czasami możesz zobaczyć przycięte wiadomości w skrzynce odbiorczej Gmaila lub Yahoo. Jest to spowodowane nie wysokością szablonu, ale ogólnym rozmiarem wiadomości (102 KB)., Cały Rozmiar e-maila przedstawionego powyżej promo gry Wiedźmin to zaledwie 36 KB.
Pro Wskazówka: aby szybko sprawdzić rozmiar wiadomości e-mail, możesz wysłać wiadomość ze swojego skryptu do skrzynki odbiorczej Mailtrap i natychmiast zobaczyć ją na głównym ekranie:
Jaka jest różnica między szablony e-maili transakcyjnych i marketingowych?
jeśli chodzi o rozmiar szablonu wiadomości e-mail, e-maile transakcyjne są zwykle krótsze. Mają one określony cel: potwierdzić działanie, dostarczyć instrukcje lub powiadomić użytkownika., W niektórych typach takich wiadomości dopuszczalne jest dodawanie niektórych rzeczy marketingowych, ale ogólnie szablon powinien być prosty. Zazwyczaj szablony transakcyjnych wiadomości e-mail wahają się od 600 pikseli do 1200 pikseli.
głównym celem e-maili marketingowych jest promowanie Twoich towarów, usług lub treści i budowanie zaufania poprzez dzielenie się swoją wiedzą. W ten sposób twój e-mail może być dość długi, około 5000 pikseli i więcej.,
Inne ważne wymiary
odkryliśmy najlepszy szablon e-mail szerokość i wysokość. Ale co z treścią wiadomości e-mail i wewnętrznymi blokami? One też się liczą!
wiadomość e-mail składa się z trzech głównych części: nagłówka, bloków treści i stopki.
rozmiar nagłówka wiadomości e-mail
zazwyczaj nagłówek wiadomości e-mail zawiera logo Twojej firmy, linki do wyświetlania tej wiadomości w przeglądarce i przyciski menu. Preferujemy zwięzły projekt, dlatego zalecamy trzymanie się wspólnego rozmiaru nagłówka: do 200 px., Wygodnie jest przeczytać i dopasować „powyżej zasady składania” (pamiętasz, że umieszczenie sensownych szczegółów w pierwszych 350 pikselach jest korzystne?)
aby zapoznać się z przykładami i wytycznymi dotyczącymi nagłówka wiadomości e-mail, przeczytaj nasz projekt nagłówka wiadomości e-mail, który ma znaczenie post na blogu.
Rozmiar bloków treści
ponownie, żadnych zasad tutaj!, W tej sekcji masz wystarczająco dużo miejsca na swoją kreatywność. „Zawartość” oznacza wszystkie rodzaje informacji, które pozwalają komunikować się z odbiorcami, w tym teksty, obrazy, filmy, pliki GIF, przyciski, a nawet dzielniki.
naszą ogólną radą jest, aby historie były zrozumiałe, atrakcyjne wizualnie i z wyraźnym wezwaniem do działania.
Jeśli pracujesz z usługą szablonów lub edytorem wiadomości e-mail, zapewniają one wstępnie zdefiniowane szablony i zalecenia dotyczące rozmiarów obrazów.,
Co należy pamiętać o rozmiarze obrazu:
- Jeśli obrazy są hostowane na serwerze i łączone do nich w wiadomościach e-mail, nie mają one wpływu na rozmiar wiadomości e-mail. Usługi poczty e-mail i twórcy szablonów mają limity rozmiaru obrazów, aby zaoszczędzić miejsce na swoich serwerach.
- Rozmiar obrazu w pikselach zależy od ciebie, a minimalna zalecana rozdzielczość to 72 dpi.
- Optymalizuj obrazy dla wyświetlaczy Retina za pomocą rozmiaru 2x.,
Rozmiar stopki
Możesz znaleźć liczne zalecenia dotyczące tego, co powinno być zawarte w stopce e-maila. Zazwyczaj stopka zawiera dane prawne, takie jak adres firmy, linki do rezygnacji z subskrypcji, notatki boczne itp. Czy czytasz stopki e-mail? W wielu przypadkach stopka e-mail nie zwraca uwagi czytelnika i ogólnie nie ma standardu dotyczącego jego wysokości.
czasami ludzie dodają osobisty podpis do stopki e-maila., W takim przypadku lepiej jest utrzymać go na max 100 pikseli.
rzeczy do zapamiętania
dziś budowanie wiadomości e-mail jest łatwe dzięki wielu narzędziom, szablonom i samouczkom. Jeśli chodzi o rozmiar szablonu e-mail, nie ma tak wielu ograniczeń i wymagań. Oto, na co naprawdę powinieneś zwrócić uwagę:
- Responsive design. Zoptymalizuj szablony wiadomości e-mail dla różnych urządzeń, ponieważ ponad 55% wiadomości e-mail jest teraz oglądanych z mobilnych klientów poczty e-mail.
- postrzeganie użytkownika., Pomyśl, co zobaczy odbiorca podczas otwierania wiadomości i jak łatwo będzie mu zrozumieć Twoją główną ideę. Zachowaj kreatywność, ale przestrzegaj wspólnych zasad i najlepszych praktyk.
- testowanie poczty elektronicznej. Przetestuj każdą nową kampanię e-mailową. Możesz eksperymentować z niestandardowymi szablonami i rozmiarami, ale upewnij się, że Twój HTML będzie działał dobrze we wszystkich klientach poczty e-mail. Mając to na uwadze, Twoi odbiorcy będą zadowoleni z twoich pięknych wiadomości e-mail.,
Pomocne artykuły na ten temat
- Mailtrap ' s Guide on How to Build HTML Email
- Jak stworzyć szablon HTML, który Klienci poczty e-mail będą renderować dobrze
- porównanie 10 edytorów e-mail HTML dla następnej kampanii
- wybór ram e-mail dla kampanii
- projekt Nagłówka e-mail, który ma znaczenie
- co sprawia, że e-mail Reset jest świetny?
- zalecany maksymalny rozmiar wiadomości e-mail i sprawdzone sposoby jej optymalizacji
Jeśli podobał Ci się ten artykuł, podziel się i rozpowszechnij. Będziemy wdzięczni.