Важные нюансы при вёрстке email-рассылок

На днях верстал письма для заявок на консультации и немного подгорел. Письма — до сих пор актуальный и прекрасный способ коммуникации со своим клиентом или калегай, но самый скотский способ по созданию, технология которого осталась далеко в 2000-х.

В целом, это дело не такое уж и сложное, но есть важные нюансы, которые стоит обязательно знать:

• Все письма верстаются на старой доброй табличной вёрстке, потому что существует множество почтовых клиентов: веб-версии, программы для Windows/MacOS, мобильные приложения. Не все они умеют работать с современной вёрсткой, а значит, на каждом устройстве и в каждом клиенте письмо может выглядеть абсолютно по-разному.
• Письмо должно быть максимум 600px по ширине, но я всегда делаю их не больше 320px по контентной части, чтобы они идеально влезали в мобильный экран и не было мороки с адаптивами.
• Никаких SVG, только хардкор: PNG и JPG. Желательно в 2x разрешении, сжатые через какой-нибудь TinyPNG, и лежащие на вашем сервере.
• Чтобы письмо точно не улетело в спам, недостаточно просто привязать ящик к рассыльщику. У вас должны быть настроены почтовые подписи: DKIM, SPF, DMARC.
• Лучше не отправлять рассылки самостоятельно с собственного ящика. Воспользуйтесь рассыльщиками типа Unisender, SendPulse и т. д., чтобы получить статистику по доставке, открытию и кликам по ссылкам. Так можно посчитать конверсию.
• Используйте типографы для текста, чтобы ваш текст читался везде хорошо, а висячие предлоги переносились автоматически.

Но самое неприятное в том, что некоторые почтовые клиенты принудительно перекрашивают ваши светлые письма в темные, если на устройстве включена темная тема оформления. Это означает, что часть изображений могут слиться с общим фоном, особенно если у вас темный логотип. Но и это решаемо через танцы с бубнами.

Обожаю делать рассылки — это некий способ медитации, но иногда приходится погореть. Особенно когда приходится верстать 62 письма в арабской локали.