Как писать ALT для картинок в письмах?
Добавляйте короткий осмысленный ALT к каждому изображению. Во многих клиентах картинки по умолчанию отключены; хороший ALT сохраняет смысл призывов и улучшает доступность. Держите текст до ~120 символов и не набивайте ключевые слова.
Кратко
- ✓Описывайте смысл, а не имя файла.
- ✓Для кнопок-призывов - действие: «Скачать гайд».
- ✓Декоративным картинкам задавайте пустой
alt="", чтобы скринридеры их пропускали.
Добавляйте короткий осмысленный ALT к каждому изображению. Во многих клиентах картинки по умолчанию отключены; хороший ALT сохраняет смысл призывов и улучшает доступность. Держите текст до ~120 символов и не набивайте ключевые слова.
<a href="https://example.com/offer" style="...">
<img src="button-cta.png" alt="Получить скидку 20% - нажмите здесь"
width="200" height="44" border="0" style="display:block;">
</a>← alt описывает кнопку для скринридеров и когда картинки отключены.
Зачем нужен ALT в письмах?
Картинки по умолчанию блокируются во многих клиентах. ALT сохраняет смысл, улучшает вывод скринридеров и может поддержать клики, когда изображения не загружаются.
Какая длина и стиль идеальны?
Коротко (до ~120 символов). Используйте обычное предложение, описывайте действие или содержание, избегайте фраз вроде «изображение…».
Как поступать с декоративными картинками?
Задавайте alt="", чтобы скринридеры их пропускали. Не дублируйте рядом стоящий текст.
ALT для кнопок-призывов?
Описывайте действие: «Начать пробный период», «Скачать PDF». По возможности добавляйте текстовую ссылку рядом.
Как html2email находит отсутствующий ALT?
ImageAltValidator помечает изображения без атрибута ALT или с пустым ALT там, где он не должен быть пустым.
Нужно ли переводить ALT?
Да, под язык письма. Держите переводы короткими, чтобы на мобильных не было переносов.
Влияет ли ALT на доставляемость?
Косвенно. Умеренное соотношение текста и картинок плюс осмысленный ALT снижают «спамный» вид. Не набивайте ключевые слова.
А фоновые картинки?
Используйте VML-запасной вариант для Outlook и добавляйте реальный текст или призыв вне фона, чтобы смысл сохранялся при блокировке картинок.
Валидатор подсвечивает отсутствующий ALT.
Цифры и источники
- W3C WCAG: у нетекстового контента должны быть текстовые альтернативы (ALT) для доступности.
- CampaignMonitor: до 30% получателей по умолчанию блокируют картинки.
- html2email помечает отсутствующий ALT и предупреждает, когда ALT пустой у не декоративных изображений.
Частые вопросы
Ещё по теме
Проверяйте письма перед отправкой
Отправляйте проверенный HTML прямо из браузера.
Gmail/Yahoo - бесплатноБез карты и регистрации