5 lipca 2018

Poradnik: Grafiki w newsletterach Twojego sklepu internetowego - 10 rzeczy, o których warto pamiętać.

Newslettery projektuje się w oparciu html, jednak każdy kto to tworzył newsletter zdaje sobie sprawę, że wachlarz możliwych do zastosowania znaczników jest znacznie bardziej ograniczony. Ograniczenie te wcale nie upraszcza pracy, a wręcz komplikuje tworzenie kreacji mailingowych. Zwłaszcza gdy chcemy, aby nasze kreacje nadążały za aktualnymi trendami web desingu.
Nie inaczej wyglądają kwestie techniczne dodawania grafik do newsletterów, o których zresztą łatwo zapomnieć po opracowaniu koncepcji kreacji i stworzeniu szablonu w html. Poniżej przedstawiamy kilka wybranych uwag, które pomogą Ci zoptymalizować grafiki w newsletterze.
grafika w e-mail marketingu poradnik

Grafiki w kreacji mailingowej - ‘’’check lista ‘’’

1. Waga grafiki

Grafiki użyte w kreacjach mailingowych powinny być jak najlżejsze. Jest to najważniejszy punkt, o którym należy pamiętać i na różne sposoby będzie się on przejawiał w pozostałych punktach. Najprostszym narzędziem do skutecznej zmiany wagi grafiki jest tiny png.

2. Format PNG czy JPG?

Formatu JPG powinno się używać do zdjęć. W zdjęciach występuje bardzo wiele kolorów, format JPG piksele o podobnych kolorach ujednolica. Utrata jakości jest niewielka. PNG zaleca się używać do wszystkich pozostałych rodzajów grafik, tj. logo, wykresy, rysunki diagramy, pliki graficzne z małą ilością kolorów itd.. Format PNG zapisuje dokładnie wszystkie kolory, dzięki czemu wymienione grafiki mają lepszą jakość, niż w przypadku zapisania ich w JPG, zarazem jednak poziom kompresji jest dobry. W przypadku użycia formatu JPG do np. wykresów mogą widoczne być szumy i lekkie rozmazanie.

3. Tekst na banerach

Jeżeli w grafice użyty jest tekst zapiszmy ją w PNG. W przypadku grafiki zawierającej tekst, zdjęcie czy gradient możemy ją pociąć i każdy element zapisać w najlepiej nadającym się formacie. W takim przypadku, już na etapie samego projektowania grafiki warto unikać dawania gradientu czy zdjęcia pod tekst.

4. Więcej o tekście

Tekst, treść, content. Jest on ważny nie tylko dla algorytmów wyszukiwarek internetowych, ale również i dla filtrów antyspamowych (o odbiorcy newslettera wspominać nie trzeba). Nie tylko waga grafik ale ich niekorzystny stosunek do samego tekstu może być przyczyną trafienia naszego newslettera do spamu. Zanim dodasz treść na grafice, zastanów się czy nie lepiej umieścić ją w html.

5. Rozmiar i format grafiki

Niech Twoje kreacje graficzne nie będą większe niż jest to niezbędne. Przyjętym standardem jest tworzenie newsletterów o szerokości 600 pikseli. Jeśli więc tworzysz banner na pełną szerokość to nie ma potrzeby dawania paru pikseli "na zapas". Zwracaj też uwagę na paletę kolorów oraz dpi. Kupując zdjęcie może ono mieć 300dpi lub być w formacie kolorów CMYK (stosowanych w druku). Do grafiki w newsletterze wystarczy 72 dpi, a stosowaną paletą kolorów jest RGB. Zapewne to wiesz, ale czasami można zapomnieć o tym przy zakupionych ze stocka zdjęciach.

6. Atrybut alt

Alternatywy tekst obrazka jest chyba najczęściej pomijanym elementem newslettera. Pominięcie go może być powodem trafienia do spamu. Atrybut alt można również wykorzystać niekonwencjonalnie. Na jednej z pierwszych grafik, takiej najbardziej widocznej, można umieścić na nim prośbę o pobranie grafik (często programy pocztowe ich nie pobierają automatycznie). Taki zabieg może mieć formę np. takiego tekstu: "Pobierz grafikę i odczytaj swój kod rabatowy na 20%!".

7. Grafika jako pierwszy element w kodzie mailingu

Niektóre programy pocztowe po (lub pod) tytułem maila wyświetlają pierwszy tekst wiadomości. Jeśli pierwszym tekstem Twojego newslettera będzie będzie tekst alternatywny obrazka, zadbaj o to, aby zachęcał do przeczytania dalszej części wiadomości.

8. Animacje

W newsletterze można zamieszczać animacje typu GIF. Mogą one przykuć uwagę, czy pokazać dodatkową treść, która normalnie by się nie zmieścili na banerze. Animacji używaj z umiarem, i traktuj je jako ciekawy sposób na podkreślenie swojej kreacji i jej przekazu, a nie jako cel sam w sobie.

9. Do kogo wysyłasz newsletter?

Jeśli newsletter wysyłasz do swojej bazy subskrybentów, którzy Cię znają możesz sobie pozwolić na więcej kreacji graficznych oraz informacji do przekazania. W przypadku wysyłki do bazy zewnętrznych lepiej skupić się na jednym mocnym przekazie (np. super wyprzedaż) i jednej grafice.

10. Linkuj do grafik umieszczonych na własnym hostingu

W przypadku, gdy za chwilę po wysyłce dostrzeżesz błąd w grafice, możesz ją szybko poprawić i nadpisać na swoim dysku sieciowym. Klienci, którzy dopiero po tej podmianie otworzą maila pobiorą już nowe grafiki.

Skrupulatne testowanie kreacji mailingowych, już nie tylko ich elementów graficznych, jest szczególnie istotne podczas tworzenia wiadomości triggerowanych czy też dynamicznych. Podczas ręcznego wysyłania newsletterów sprawdzasz statystyki i na ich podstawie optymalizujesz kolejne kreacje. Prawdopodobnie masz też do listy subskrybentów dodaną swoją prywatną skrzynkę pocztową, dzięki czemu widzisz jak wyświetla się newsletter dla klientów. W przypadku zautomatyzowanych mailingów, które wysyłają się po określonym zdarzeniu prawdopodobnie działasz na zasadzie "uruchom i zapomnij". Przez co ewentualny błąd możesz dopiero wykryć po upływie wielu miesięcy. Nie zapominaj sprawdzać systematycznie e-maili generowanych dynamicznie!

Czy przychodzą Ci do głowy jeszcze inne porady dotyczące grafik w newsletterze? Podziel się nimi w komentarzach!