Чекліст розсилки: що перевірити перед надсиланням
Надіслану розсилку не можна відкликати. Цей чекліст проходить частини листа, у яких найчастіше трапляються помилки, – від теми листа до посилання для відписки в підвалі.
Навіщо перевіряти перед надсиланням
Помилка в розсилці доходить до кожного читача одразу: непрацююче посилання, порожній попередній перегляд, зображення без тексту, відсутнє посилання для відписки. Твій сервіс розсилок може перевірити дещо з цього, але не все. Фіксований чекліст займає кілька хвилин і ловить більшість проблем, перш ніж вони потраплять у скриньку.
Частини листа
Лист – це більше, ніж те, що ти бачиш у редакторі. Скринька спершу показує відправника, тему й текст попереднього перегляду. Потім ідуть вміст, посилання й підвал. У фоні можуть бути текстова версія й рядки заголовків, які читають поштові застосунки.
Тема й текст попереднього перегляду
- Став важливі слова на початок. Де обрізається тема, залежить від поштового застосунку, пристрою та шрифту. На смартфоні це часто близько 40 символів, на комп’ютері більше. Сприймай це як орієнтир, а не як правило.
- Пиши власний текст попереднього перегляду, його також називають прехедером. Без нього скринька показує перший текст у листі, часто рядок на кшталт «Переглянути в браузері».
- Нехай текст попереднього перегляду щось додає до теми, а не повторює її.
- Уникай слів великими літерами й рядів знаків оклику. Читачі сприймають їх як нав’язливі, а деякі спам-фільтри їх враховують.
Відправник
- Використовуй ім’я та адресу відправника, які читачі впізнають, однакові для кожного випуску.
- Переконайся, що відповіді кудись надходять. Адреса для відповідей, яку ніхто не читає, губить запитання й скарги.
- Розмісти дані відправника в підвалі, як-от назву компанії й поштову адресу. Які дані обов’язкові, залежить від твоєї країни й виду листа, тож перевір, що стосується тебе.
Посилання для відписки
Кожна розсилка потребує видимого, робочого способу відписатися. Розмісти посилання в підвалі з чітким текстом на кшталт «Відписатися від цієї розсилки» і тестуй його перед кожним надсиланням.
- Посилання веде прямо до кроку відписки, без входу.
- Достатньо одного клацання чи одного підтвердження. Не питай знову адресу e-mail, якщо посилання її вже знає.
- Не ховай посилання в дрібному чи блідому тексті. Читачі, які не можуть його знайти, часто натомість тиснуть кнопку «Спам».
Зображення й альтернативний текст
- Дай кожному зображенню, що несе інформацію, альтернативний текст, який каже, що воно показує чи означає.
- Для зображення-посилання чи кнопки із зображення альтернативний текст називає ціль або дію, як-от «Переглянути осінню колекцію», а не «Банер».
- Позначай суто декоративні зображення порожнім атрибутом alt (alt=""), щоб програми зчитування з екрана їх пропускали.
- Не став головне повідомлення лише в зображення. WCAG вимагає справжнього тексту замість зображень тексту скрізь, де це дозволяє технологія. Логотипи – виняток.
Більше про написання альтернативного тексту – у нашому посібнику про альтернативний текст.
Текст, зображення й розмір
Деякі поштові застосунки не завантажують зображень, доки читач цього не дозволить. Лист, що складається переважно із зображень, тоді показує порожні рамки, а попередній перегляд не має тексту. Тримай найважливіший вміст у тексті й використовуй зображення на його підтримку. Тримай і HTML компактним: деякі поштові застосунки обрізають дуже довгі повідомлення, а разом із ними й підвал із посиланням для відписки.
Тексти посилань
- Кажи, куди веде посилання: «Подивитися години роботи» замість «Натисни тут». Мета посилання має бути зрозумілою з його тексту або з тексту разом із реченням навколо (WCAG 2.4.4).
- Використовуй https для кожного посилання.
- Якщо посилання показує адресу як текст, воно має вести саме на цю адресу.
- Перевір параметри відстеження: вони мають бути саме тими, які ти задумав.
Текстова частина
Багато сервісів розсилок додають текстову версію листа. Деякі поштові застосунки й читачі показують лише цю частину. Прочитай її один раз: вона має містити все повідомлення, читабельні посилання й посилання для відписки, а не лише примітку, що лист неможливо показати.
Що виправляти насамперед
Не кожен пункт однаково важливий чи однаково швидко виправляється. Матриця показує нашу оцінку, а не вимірювання.
Короткий чекліст
- 1Тема: важливі слова на початку, без великих літер для наголосу.
- 2Текст попереднього перегляду: власний, доповнює тему.
- 3Відправник: впізнаване ім’я, робоча адреса для відповідей, дані відправника в підвалі.
- 4Відписка: видима, працює без входу, протестована.
- 5Зображення: альтернативний текст для вмісту, порожній alt для декорації, головне повідомлення текстом.
- 6Посилання: зрозумілі тексти, https, задумане відстеження.
- 7Текстова версія: повна й читабельна.
- 8Тестове надсилання: собі, на смартфоні й комп’ютері, у світлому й темному режимі.
Робота з Do4U
Інструмент «Перевірка розсилки» читає твою розсилку перед надсиланням. Ти вставляєш HTML або вибираєш збережений файл .html чи .eml. Код рахує довжину теми й тексту попереднього перегляду та показує орієнтири для смартфона й комп’ютера. Він позначає великі літери, багато знаків оклику й слова, які враховують деякі спам-фільтри, шукає посилання для відписки й дані відправника, знаходить зображення без альтернативного тексту, порівнює текст і зображення та вимірює розмір HTML. Кожне посилання наводиться з його текстом, параметрами відстеження та проблемами на кшталт http чи «натисни тут». З файлом .eml він також перевіряє текстову частину й заголовок List-Unsubscribe. Потім ШІ пропонує теми листа з текстом попереднього перегляду, а код відкидає пропозиції, що задовгі або містять число, якого немає у твоєму листі.
Do4U ніколи не відкриває твоїх посилань і нічого не надсилає. Він знаходить підказки, а перевіряєш і вирішуєш ти. Він не перевіряє, як надсилається твій лист, наприклад SPF, DKIM чи DMARC, і не оцінює, які правові норми застосовуються до тебе.
Джерела
- W3C: Understanding WCAG 2.2, 1.1.1 Non-text Content (оновлено 6 вересня 2026 р.) (англійською) (www.w3.org)
- W3C: Understanding WCAG 2.2, 1.4.5 Images of Text (оновлено 28 червня 2026 р.) (англійською) (www.w3.org)
- W3C: Understanding WCAG 2.2, 2.4.4 Link Purpose (In Context) (оновлено 18 травня 2026 р.) (англійською) (www.w3.org)
- W3C WAI Images Tutorial: Functional images (оновлено 12 квітня 2017 р.) (англійською) (www.w3.org)
- W3C WAI: Writing for Web Accessibility, поради для початку (оновлено 16 липня 2024 р.) (англійською) (www.w3.org)