tagi HTML

Tagi HTML to znaczniki opisujące strukturę i formatowanie treści wiadomości.

Znaczniki w wiadomości to nie to samo co na stronie

Kod HTML w wiadomości pocztowej wygląda znajomo, ale rządzi się regułami sprzed dwudziestu lat. Program pocztowy nie jest przeglądarką: nie wczytuje zewnętrznych arkuszy stylów, często obcina sekcję nagłówkową dokumentu razem ze stylami tam zdefiniowanymi i nie wykonuje skryptów. Dlatego formatowanie w mailingu zapisuje się bezpośrednio w atrybucie style przy konkretnym znaczniku, a układ buduje na zagnieżdżonych tabelach z atrybutami szerokości, a nie na nowoczesnych mechanizmach układu stosowanych na stronach. Podstawowe znaczniki treści — akapit, nagłówek, pogrubienie, lista, odnośnik, obraz — działają wszędzie, ale wszystko poza nimi wymaga sprawdzenia w docelowych programach.

Dlaczego Outlook renderuje inaczej niż przeglądarka

Desktopowe wersje Outlooka od lat wyświetlają treść wiadomości przy użyciu silnika pochodzącego z Worda, a nie z przeglądarki. Skutki są konkretne: obrazy tła bywają ignorowane, zaokrąglone rogi i cienie nie działają, marginesy zewnętrzne liczone są inaczej, a szerokości podawane w procentach potrafią się rozjechać. Klient webowy Gmaila z kolei usuwa część reguł stylów i przycina wiadomości powyżej mniej więcej stu kilobajtów, dopisując odnośnik do wyświetlenia całej treści — obcięta zostaje między innymi stopka z odnośnikiem do rezygnacji z subskrypcji. Program pocztowy na telefonie jest zwykle najbardziej tolerancyjny, ale wąski ekran wymusza układ jednokolumnowy. Wniosek praktyczny jest taki, że szablonu nie ocenia się w przeglądarce, tylko wysyła testowo na kilka kont i ogląda tam.

Najczęstsze usterki w treści formatowanej

Wiadomość zbudowana wyłącznie z jednego dużego obrazu wygląda idealnie u autora i pusto u odbiorcy, który ma wyłączone pobieranie grafik — a domyślnie ma je wyłączone większość programów. Ratunkiem jest tekst alternatywny i wersja czysto tekstowa dołączona obok wersji HTML jako druga część wiadomości. Druga usterka to niedomknięte znaczniki, przez które reszta wiadomości dziedziczy formatowanie i cały tekst nagle staje się odnośnikiem albo znika. Trzecia to kopiowanie treści wprost z Worda, które wstawia setki linii własnych znaczników i stylów, zwiększa wagę wiadomości i podnosi ocenę spamową. Czwarta to polskie znaki wyświetlane jako krzaczki, gdy deklaracja kodowania w wiadomości nie odpowiada faktycznemu kodowaniu treści.

Przygotowanie i testy szablonów wiadomości

Sprawdzamy szablony firmowych mailingów i automatycznych powiadomień w rzeczywistych warunkach: w Outlooku w wersji na komputer, w przeglądarce i na telefonie, wskazując miejsca, które rozjadą się u odbiorcy. Konfigurujemy też stopki firmowe i automatyczne odpowiedzi tak, żeby nie psuły formatowania odpowiedzi w wątku. Pomagamy firmom i osobom prywatnym w Warszawie, z dojazdem lub zdalnie.