Основні проблеми, що виникають при верстці листа
Для початку, давайте розберемо основні проблеми, які можуть виникнути при верстці електронного листа для розсилки:
- Ваші листи потрапляють в спам (це може статися через верстку).
- Лист довго завантажується.
- Лист погано відображається на різних пристроях і поштових клієнтах.
- Лист нечитабельний.
- Блоків листа не видно, чи вони виглядають не так, як було зверстано в макеті.
А тепер давайте розберемо, чому виникають такі проблеми:
Причин, чому верстка «з'їжджає» може бути безліч — але про це говорити довго і безглуздо. Найчастіше це відбувається з наступних причин:
- Велика кількість програм та інтернет-сервісів для читання пошти.
- Не всі CSS- і HTML-теги працюють в імейлах.
- Різна ширина екрану на телефоні та комп'ютері.
А зараз ми розберемо основні правила, які варто знати і пам'ятати email-маркетологам, щоб розуміти, що не так із розсилкою та як коректно скласти ТЗ.
Що варто знати про верстку листа
Макет листів
Будь-які листи складаються з чотирьох блоків:
- прехедер;
- шапка;
- тіло;
- футер (підвал).
Все основне знаходиться в тілі листа, а шапка і футер не змінюються зазвичай в кожному листі, а ось в прехедері потрібно змінити лише опис.
Ширина контентної частини, бажано, повинна бути не більше 600 пікселів — це найзручніший розмір для більшості пристроїв, що легко підлаштовується під кожен лист. Якщо неправильно вибудувати ширину, то лист може «розпливтися». Фон може бути абсолютно будь-якого кольору і розміру — тут немає жодних обмежень.
Не варто використовувати JavaScript, Flash і Active X — часто такі листи потрапляють в спам. Для коректного відображення користуйтеся універсальними тегами і атрибутами .
До того ж, краще не використовуйте CSS-анімацію, тому що в листах зазвичай не працює багато CSS- і HTML-тегів. Якщо вам потрібні динамічні зображення — додайте GIF вагою до 125-800 кб, тому ліпше стискайте занадто важкі зображення.