Студия email маркетинга в москве
работаем по всему миру
+7 (499) 112-31-45
Заказать звонок

Супергерой email маркетинга: тэг ALT

Автор:Тихонов Александр
27.03.2017
Время чтения:4 минуты
А вас тоже бесит, когда все изображения в письме блокирует провайдер? Решение проблемы – тэги ALT, альтернативные текстовые метки для картинок. Какую же роль они играют для email-маркетинга? Тэг ALT – это закодированный текст, который будет виден пользователю на месте картинки, если та не может быть отображена. Все изображения, блокированные почтовым клиентом (или самим пользователем, если он не сильно доверяет вашему письму), будут так или иначе раскрыты сопроводительным текстом – удобно, не правда ли? Тэги ALT имеют важное значение по следующим причинам: - Когда почтовый клиент не выполняет автоматическую загрузку изображений, текст все равно донесет ваше сообщение до получателя письма. В тех случаях, когда ваша рассылка сильно зависит от изображений, вас непременно спасут тэги ALT. - В плачевной ситуации, когда изображения не могут быть загружены из-за плохой связи (или инопланетного вторжения), тэг ALT придет к вам на помощь (подобно вашему любимому супергерою!), дабы обеспечить некоторый упущенный контекст. - Всего одно слово: шанс. Нравится ли вам упускать хорошие шансы? Вот и мне – нет. Тэги ALT могут быть использованы для успешного соблазнения получателя рассылки, и если вы их не используете – вы упускаете шанс. Ниже дан пример письма от компании Marketo с использованием альтернативных текстовых меток. Хоть изображения и были заблокированы в Gmail, текст логотипа компании (сверху слева), три кнопки социальных сетей (сверху справа), и баннер «Leveraging Psychology in Digital Marketing», дающий понять, что именно мы предлагаем клиенту, прописаны текстом, восполняющим утрату графического материала.       Как создать тэги ALT для своей рассылки? Итак, как же выглядит кодовое «закулисье» альтернативной текстовой метки? Смотрим:   <img src=”emailbannerimage.jpg” border=”0″ alt=”Leveraging Psychology in Digital Marketing” width=”564px” height=”205″ />   Чтобы добавить текстовую метку к изображению, просто вставьте alt=”ваш текст” после img src (ссылки на картинку). Просто, не правда ли? Но на этом предлагаю не останавливаться. Мы можем стилизовать текст метки, используя встроенный CSS. Вот так будет выглядеть код для стилизованного тэга ALT:   <img style=”font-size: 20px; font-weight: bold; line-height: 205px; background-color: #5a54a4; color: #ffffff; text-align: center;” src=”emailbannerimage.jpg ” border=”0″ alt=”How To Leverage Psychology in Digital Marketing” width=”564px” height=”205″ />   Разберем код по кирпичикам: Font-size: 20px - Здесь мы задаем размер шрифта для текста метки. Как правило, он будет задан по умолчанию в настройках почтового клиента, но мы сделаем его больше, чтобы цеплять взгляд! Font-weight: bold – Сделаем шрифт жирным. Line-height: 205px – Эта настройка посложнее – к ней, возможно, потребуется приноровиться. Изображение баннера в письме-примере имеет высоту 205 пикселей, поэтому я задаю высоту строки тэга в 205 пикселей – для того, чтобы текст был выровнен по вертикали. Если результат вам не по душе, просто сделайте высоту поменьше высоты изображения! Background-color: #5a54a4 – а здесь мы настраиваем один из наиболее важных параметров текстовой метки – подсветку! Добавляя фоновый цвет, вы привлекаете внимание, оттеняете текст и сохраняете некую «брендовость» логотипа даже тогда, когда само изображение логотипа недоступно. Color: #ffffff – здесь мы настраиваем цвет текста. Выберите такой цвет, который обеспечит хороший контраст с подсветкой. Text-align: center – настройка выравнивания текста по горизонтали.   Взглянем на результат – выглядит куда как привлекательнее, не так ли?     А когда все картинки все же прогрузятся, глазам получателя будет явлено это:     С помощью нескольких несложных операций вы сможете заместить картинки хорошо оформленным текстом, который не только не останется незамеченным у получателей, но и будет хорошо смотреться! Напоследок – еще одна подсказка: если вы используете маркетинговую платформу автоматизации, которая позволяет легко персонализировать контент, как у Marketo, вы можете даже добавить маркеры в текст, чтобы сделать жизнь немного легче. Быть может, вы уже давно используете тэги ALT и знаете еще какие-то секреты? Поделитесь ими в комментариях!
0
Число просмотров:115

Получайте новые статьи из нашего блога

+ кучу другой полезной информации об email маркетинге


Комментарии: