Jak ugryźć HTML w programie pocztowym?

Źródło: Gość dnia
2010-09-08 10:43
Odsłon: 517
Komentarzy: 0

Tagi:

Rośnie liczba programów i serwisów służących do obsługi poczty elektronicznej. O ile różnorodność sprzyja przy wyborze oferty, o tyle skomplikowane zasady rządzące wysyłką wiadomości HTML to nieraz twardy orzech do zgryzienia...

Po trzecie - backup plan

Bardzo często osoby, które na co dzień wysyłają newslettery i wiadomości promocyjne nie zdają sobie sprawy, że nadal spora część odbiorców poczty elektronicznej świadomie lub z braku możliwości technicznych nie odbiera wiadomości w formacie HTML.

Co to oznacza? Jeżeli odbiorca otworzy wiadomość w trybie tekstowym nie zobaczy ani obrazów, ani formatowania tekstu. Dlatego jeśli do przygotowywanej przez nas kreacji szablonu HTML nie dołączymy tekstu zastępczego, wiadomość może okazać się nieczytelna lub nie wyświetlić się w ogóle. Przygotowując wysyłkę reklamową warto zatem skorzystać z funkcji dołączania do treści e-maila tekstu zastępczegol. To działanie z pewnością zwiększy liczbę sukcesywnie dostarczonych informacji, a co za tym idzie, przełoży się na większą skuteczność przeprowadzonego mailingu.

Po czwarte - blokujemy obrazki

Ze względów bezpieczeństwa większość obecnych na rynku programów pocztowych automatycznie blokuje wyświetlanie obrazków w korespondencji e-mail. Warto o tym pamiętać projektując szablon HTML. Obrazki mogą podkreślać treść, wzbogacać ją graficznie, ale nie mogą być niezbędne do odczytania wiadomości. Wiele firm, skuszonych atrakcyjnym efektem wizualnym, zapomina o tej zasadzie.

Jednocześnie istnieje spora szansa, że odpowiednio zaimplementowana grafika w szablonie e-mail zostanie pobrana przez odbiorców. Dopuszczalne rozszerzenia obrazków w wiadomości to jpg, gif oraz png. Powinny być one umieszczane w kodzie HTML przy użyciu znacznika img src i uzupełniane atrybutem alt, który pozwala na wstawienie tekstu zamiennego (wyświetlanego w momencie blokady obrazków). Jeżeli obrazek jest podlinkowany należy dodatkowo zdefiniować atrybut border="0". Przykład prawidłowego osadzenia obrazka w e-mailu przedstawia się następująco:

Poleca się także załączanie grafik do treści e-maila zamiast umieszczania ich na zewnętrznym serwerze WWW. Pamiętajmy jednak, aby załączane obrazki nie były zbyt duże. Wskazane jest bowiem, aby wiadomości e-mail były jak najmniejsze.

Po piąte - zrezygnuj z tła

Spora część Webmaili, w tym także bardzo popularny Outlook 2007, nie wyświetla obrazków umieszczanych jako tło. Warto więc zastanowić się czy nie lepiej zrezygnować z obrazkowego tła na rzecz jednolitego (znacznik bgcolor). W ostateczności można użyć atrybutu background dla znacznika td, który pozwoli wyświetlić tekst na jednolitym tle, jeśli zablokowane zostało tło obrazkowe.

Kilka słów na zakończenie

Projektując mailing warto zrezygnować z użycia elementów takich, jak: JavaScript czy Flash – są one pomijane przez większość popularnych programów pocztowych. Warto natomiast wesprzeć się o opensourcowy projekt Alex’a Dunae o nazwie „PREMAILER” – narzędzie to pozwala na sprawdzenie stworzonego kodu HTML pod kątem kompatybilności z najpopularniejszymi programami pocztowymi. Narzędzie poprawia również kod eliminując podstawowe błędy (np. zmianę adresów - linków, odwołania do plików - z względnych na bezwzględne). Na podstawie wprowadzonego kodu program generuje dodatkowo wersję tekstową wiadomości.

Powyższe rozważania oczywiście nie wyczerpują tematu prawidłowego projektowania szablonu HTML dla korespondencji e-mail. Wskazują jednak na te elementy, które mają kluczowy wpływ na skuteczność prowadzonej kampanii.

Zobacz także: