Почему верстка писем такая сложная?

Question

[Genexys]

Недавно очень глубоко проникся версткой писем, до этого никогда не сталкивался. И я очень удивился, что технологии для верстки остались на уровне нулевых. Можете объяснить или кинуть материал почитать пожалуйста. Как происходит передача письма (именно техническую сторону)? Почему стандарты не обновляются и в чем причина? Очень стало интересно как это все работает и почему так

Answer 1

[Алексей Уколов]

Передача письма тут ни при чём. Просто почтовые клиенты (и отдельные и браузерные) не успевают за развитием стандартов веба. Им, фактически, нужно свой браузер реализовать или, наоборот, обрезать какие-то браузерные
возможности.

Связано это в первую очередь с безопасностью - письма это же одно из главных средств доставки до пользователей всяких нехороших вещей, вроде фишинга, троянов и шифровальщиков. Поэтому, почтовые клиенты всё запрещают, а потом не спеша по одной фиче разрешают, когда убеждаются, что она не вредит безопасности.

Браузерным клиентам нужно ещё следить, чтобы вёрстка письма не сломала сам клиент.

Но, на самом деле, с каждым годом становится всё лучше и лучше.

Comments

[Ivan Burban]

Gmail активно развивает эти стандарты, но, не все технологии может использовать email маркетолог без опыта (тот же countdown timer, hover, carusel,etc.). И опять же не все клиенты эти нововведения поддерживают. на Litmus Iive Boston 2018 даже давали классификацию клиентов по сложности верстки писем для них (в разрезе Mobile First), видел у Дмитрия Спунтика в FB

Answer 2

[CityCat4]

Вам RFC накидать, или так, на пальцах?

Отправитель пишет текст письма в почтовом редакторе (которых стопицот вариантов и далеко не все поддерживают графику вообще) и отдает его (письмо) своему отправляющему серверу - вовсе не обязательно это будет локальный. Используется порт 587 (или 25, если сервер не локальный), протокол SMTP. Сервер, получив письмо, ищет того, кто отвечает за получение писем для данного адреса (через DNS) и отправляет письмо ему - по SMTP же. Сервер получателя кладет письмо в ящик. Когда получатель открывает свою почтовую программу, он по IMAP (ну или по POP3) связывается с сервером и получает оповещение, что у него есть новые письма. Открывает письмо - и оно ему отображается.

Никакой "верстки" здесь нет и быть не может, а там где есть - с ней борются. Потому что для безграмотных юзеров почта - главный транспорт по доставке вирусов и спама. Многие корпоративные почтовики тупо конвертят письмо в текст, если находят там html-часть, некоторые просто такое письмо банят. Бывает также, что при отправке письмо конвертится в plain text.
Кроме того, у читателя может быть тупо отключено отображение html - он увидит только текстовую часть, а если ее нет - не увидит ничего.
TB по умолчанию блокирует все картинки в почте, Outlook не дает работать с вложениями некоторых типов.

Comments

[Антон Швец]

И правильно делают. Накой вообще нужна эта сложная верстка в письмах, ткнуть в морду получателю побольше рекламных картиночек что ли. Для этих целей достаточно указать ссылку, по которой никто не пойдет конечно же.
Лучшее письмо - plain text, как вариант с маркдаун.

Answer 3

[Axian Ltd.]

Верcтка писем к стандартам электронной почты не имеет никакого отношения. Это обычный html шаблон (плюс текст для тех кто не читает html), но почтовые клиенты о-о-о-о-чень разные, "разнее" чем браузеры при показе html-контента. Да еще отслеживание кликов накладывается...

Answer 4

[Saboteur]

1. Письмо должно прочитаться, причем клиентов - тысячи, начиная с консольных mutt, где-то посредине тысячи реализаций веб-морд, и заканчивая популярными outlok/thebat/thunderbird.

2. Письмо не идет напрямую от клиента к клиенту, оно идет через почтовые сервера, а их миллионы. Если для новых фич на сайте, вы правите версию и плагины сервера на своем хостинге, а потом кто захочет, тот к вам заходит более новым браузером, то обновить все почтовые сервера, чтобы ваши письма к ним дошли - нереально, надо придерживаться обратной совместимости.

Comments

[Saboteur]

Артём Петренков: Например UTF-16 не пройдет по большинству SMTP серверов, его нужно конвертить.
Subject вообще много где может не поддерживать даже UTF-8

[Saboteur]

Артём Петренков: По html разметки смотрите ответ #1 ;)

Answer 5

[Иван Чернышев]

Не сложная, если вы используете Foundation for Emails

Comments

[Дмитрий Pacification]

Хорошая штука, но не панацея. Сейчас юзаю её но понимаю что надо уметь и понимать как верстать без фреймворков. Собственно и создал вопрос тут: Какую почитать актуальную книгу/сборник рецептов/б...

Answer 6

[Ivan Burban]

в целом помогают конструкторы писем, которые уже настроили экспорты в те или иные клиенты и помогают создавать письма с более менее одинаковым отображением независимо от почтового клиента, но, все равно бывают исключения. Развитие все же есть, и оно достаточно активное. Согласен с комментариями выше касательно ограничений из-за безопасности и т.д., действительно email не может верстаться также просто, как другие веб технологии, как минимум из-за среды использования верстки, но в целом письма стали гораздо функциональней, интерактивней и более эффективными.
Из "почитать"
1. Email monks
2. Stripo.email
3. Beefree
4. Esputnik