Блог об email и интернет-маркетинге

Email маркетинг

Дизайн email рассылки: что такое хорошо и что такое плохо

Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.Дизайн шаблона email рассылки — общие рекомендацииОснова электронного письма — это шаблон. Он оформляется в стилистике сайта, чтобы подписчик мог связать письмо с компанией, на рассылку которой подписался. К разработке шаблона стоит отнестись очень внимательно — в будущем он будет определять структуру и внешний вид ваших рассылок. Как не надо1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.2. Не используйте корпоративный цвет как основной, если он слишком яркий. Кажется логичным оформить шапку и плашки в цветах компании. Но если такого цвета слишком много, письмо тяжело читать:Слишком много красного цвета в шаблоне письма3. Не оформляйте текст картинкой, потому что:картинка может не отобразиться;сложно менять макет — придется просить дизайнера переделывать картинку;если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам.4. Не делайте фон пестрым, иначе сложно читать основной текст:Пестрый фон отвлекает от текста письма5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:Форматирование письма выглядит слишком пестрымКак надо1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие.2. Тестируйте отдельные элементы дизайна email рассылок, а не шаблон в целом. Так вы сможете отследить эффект от изменений и для подписчиков образ компании будет оставаться узнаваемым.3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, издательство «МИФ» использует два типа шаблона. Первый — для дайджестов:Шаблон для дайджеста статейВторой шаблон — для промо-рассылок:Шаблон для промо-рассылки4. Если цвета бренда контрастные, используйте их для подчеркивания важной информации или для баннеров. В примере ниже зеленым цветом, помимо логотипа, выделены кнопки призыва к действию:Цветовые акценты в корпоративном шаблоне5. Разработайте логичную структуру письма. Основное рекламное или информационное послание должно размещаться на первом экране:Шаблон с основной информацией в первом экране прокрутки6. Придерживайтесь ширины письма 600 рх. Так email будет отображаться на экране любого почтового сервиса без горизонтальной прокрутки.7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок.8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах издательства «МИФ»:Гармоничная верстка рассылки издательства «МИФ»Адаптивный дизайн рассылкиБудет ли письмо правильно отображаться на экране мобильного устройства, зависит от адаптивности верстки. Ошибки в адаптивности не просто портят внешний вид письма, иногда они делают его бесполезным. Например, если пользователь смартфона не может попасть по ссылке, так как она слишком мелкая и куда-то «съехала», он не перейдет на сайт и ничего не купит.Как не надоНе пренебрегайте адаптивным дизайном в email рассылках. Уделите ему внимание и учитывайте все нюансы адаптивной верстки. Ведь ошибки в ней приводят к таким результатам, как на примере ниже:Результат ошибки в адаптивной верстке, когда блоки не перестроилисьКак надо1. Придерживайтесь правил адаптивной верстки email. Например, чтобы на мобильном колонки могли перестраиваться вниз, добавляется специальный код, а все блоки верстаются таблицей.2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:Предпросмотр веб- и мобильной версии письма в редакторе SendPulseТекст в дизайне email рассылкиДаже самый интересный текст могут не прочитать, если он выглядит непривлекательно. И наоборот, разбивка текста на абзацы с подзаголовками, выделение главных мыслей цветом или другим шрифтом помогает привлечь и удержать внимание читателя. Впрочем, в стремлении красиво оформить текст, можно допустить несколько ошибок.Как не надо1. Не используйте много инструментов оформления в одном письме — разные стили и начертания шрифтов, выделение цветом, размеры шрифта. Пестрые письма выглядят неряшливо, почтовые сервисы могут распознавать их как спам. В рассылке детского магазина используется четыре цвета шрифта, выделение жирным. Окончательно портит картину нагромождение ссылок с подчеркиванием:Пестрый текст в рассылке детского магазина2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.3. Не верстайте письмо сплошным текстом. Без разбивки на абзацы текст выглядит монотонно, его сложно и скучно читать.4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:В рассылке консалтинговой компании ссылки стоят слишком близкоКак надо1. Выберите один или два шрифта для email рассылки.2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact.3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.4. Оформляйте ключевые мысли подзаголовками, пишите короткими абзацами. Текст, в котором четко видна структура, легко и приятно читать.5. Используйте размер шрифта не менее 14px.Цвет в дизайне письма для рассылкиОформление письма цветом задает настроение и усиливает рекламное послание. Но если ошибиться с цветом в рассылке, можно получить обратный эффект — разозлить читателя.Как не надо1. Не ослепляйте читателя цветом. Слишком много красного, использование ярких или несочетаемых оттенков портит внешний вид письма и затрудняет чтение. В примере ниже очень яркие, агрессивные блоки отвлекают внимание от смысла:Много красного цвета в рассылке2. Будьте осторожны с градиентом. Например, в письме ниже слишком заметная линия перехода между цветами выглядит некрасиво:Слишком явная граница в градиентеКак надо1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках.2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:Интересное использование градиента в новогодней рассылке4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.Дизайн хедераХедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:Идентификация бренда в поле отправителя и хедере письмаКак не надо1. Частая ошибка в хедере — много информации. Да, вверху письма можно и нужно давать ссылки на важные разделы сайта. Но если разместить еще и ссылки на соцсети, как в примере ниже, есть риск отвлечь внимание читателя от основного сообщения. Плюс ссылки в несколько строк занимают много места:Перегруженный хедер письма2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:Плохое качество картинки в шапке письмаКак надо1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:Только нужная информация в хедере email2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:Новогодний атрибут в хедере письмаДизайн футера email рассылкиСамый малозаметный, но не менее важный элемент письма — это футер. Чаще всего здесь размещают подпись, ссылку отписки, объяснение, почему подписчик получил рассылку, физический или юридический адрес компании и ссылки на социальные сети.Как не надо1. Логично выносить в конец письма служебную информацию и менее важные ссылки. Но футер не должен быть свалкой:Футер перенасыщен информацией2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:Нечеткая информация в футере рассылкиКак надо1. Добавляйте в футер действительно нужную информацию. Сгруппируйте ссылки по смыслу, чтобы удобнее было читать:Структурированная информация в футере2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:Заметная ссылка отписки в рассылке3. Попробуйте добавить в футер дружелюбную подпись, чтобы читатель закончил читать на приятной ноте и захотел открыть следующую рассылку:Дружелюбная подпись в футереИзображения в дизайне письма рассылкиФотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма.Как не надо1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.2. Светлый и неконтрастный шрифт читается плохо. Такой текст при наложении на пеструю фотографию будет сливаться с фоном:Белый текст на светлой фотографии читается плохо3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.Как надо1. Оптимизируйте картинки перед тем, как добавить их в письмо. Письмо с большим по весу изображением будет подгружаться дольше. Особенно это актуально для смартфонов, где скорость загрузки может быть ниже из-за плохого мобильного интернета. Подумайте, что вероятнее сделает пользователь: будет дожидаться загрузки ваших больших и красивых картинок или же просто закроет письмо?Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG.2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут.Важно! Учтите, если уменьшаете картинки таким образом, то меняете только ее размер, но не вес. Картинка с большим весом может плохо грузиться на устройстве. Поэтому обращаем ваше внимание еще раз: оптимизируйте изображения перед тем, как добавить их в письмо.4. Делайте картинки кликабельными. Если вы посмотрите на карту кликов своей рассылки, то заметите, что читатели часто нажимают на картинки. Поэтому указывайте для картинок ссылки на нужные разделы сайта.5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами.Дизайн CTAВ email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.Как не надо1. Если у вас одна кнопка призыва к действию, не прячьте ее внизу за пределами первого экрана прокрутки. Человек может просто не дочитать письмо до конца.2. Не заставляйте читателя угадывать, что ему нужно сделать, иначе он просто закроет письмо. Например, в рассылке ресторана призыв к действию «забронировать столик» виден только после прокрутки. К тому же он не соответствует теме письма, которая обещает «Рецепт лучших шашлыков»:Призыв к действию находится ниже первого экрана и не соответствует теме письма3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылку на регистрацию в вебинаре сложно заметить сразу:Короткая и светлая ссылка регистрации на вебинар теряется на фоне письмаКак надо1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:Несколько призывов к действию в рассылке интернет-супермаркета Rozetka2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».В письме сall to action соответствует теме3. Делайте кнопку контрастной к дизайну письма. Призыв к действию должен хорошо выделяться на фоне текста и изображений:Явный призыв к действию в рассылкеЧек-лист по дизайну email рассылкиЧтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте свою первую рассылку!Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие. Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.

Подробнее →

Блог об email и интернет-маркетинге

Email маркетинг

Дизайн email рассылки: что такое хорошо и что такое плохо

Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.Дизайн шаблона email рассылки — общие рекомендацииОснова электронного письма — это шаблон. Он оформляется в стилистике сайта, чтобы подписчик мог связать письмо с компанией, на рассылку которой подписался. К разработке шаблона стоит отнестись очень внимательно — в будущем он будет определять структуру и внешний вид ваших рассылок.Как не надо1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.2. Не используйте корпоративный цвет как основной, если он слишком яркий. Кажется логичным оформить шапку и плашки в цветах компании. Но если такого цвета слишком много, письмо тяжело читать:Слишком много красного цвета в шаблоне письма3. Не оформляйте текст картинкой, потому что:картинка может не отобразиться;сложно менять макет — придется просить дизайнера переделывать картинку;если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам. 4. Не делайте фон пестрым, иначе сложно читать основной текст:Пестрый фон отвлекает от текста письма5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:Форматирование письма выглядит слишком пестрымКак надо1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие.2. Тестируйте отдельные элементы дизайна email рассылок, а не шаблон в целом. Так вы сможете отследить эффект от изменений и для подписчиков образ компании будет оставаться узнаваемым.3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, издательство «МИФ» использует два типа шаблона. Первый — для дайджестов:Шаблон для дайджеста статейВторой шаблон — для промо-рассылок:Шаблон для промо-рассылки4. Если цвета бренда контрастные, используйте их для подчеркивания важной информации или для баннеров. В примере ниже зеленым цветом, помимо логотипа, выделены кнопки призыва к действию:Цветовые акценты в корпоративном шаблоне5. Разработайте логичную структуру письма. Основное рекламное или информационное послание должно размещаться на первом экране:Шаблон с основной информацией в первом экране прокрутки6. Придерживайтесь ширины письма 600 рх. Так email будет отображаться на экране любого почтового сервиса без горизонтальной прокрутки.7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок. 8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах издательства «МИФ»:Гармоничная верстка рассылки издательства «МИФ»Адаптивный дизайн рассылкиБудет ли письмо правильно отображаться на экране мобильного устройства, зависит от адаптивности верстки. Ошибки в адаптивности не просто портят внешний вид письма, иногда они делают его бесполезным. Например, если пользователь смартфона не может попасть по ссылке, так как она слишком мелкая и куда-то «съехала», он не перейдет на сайт и ничего не купит.Как не надоНе пренебрегайте адаптивным дизайном в email рассылках. Уделите ему внимание и учитывайте все нюансы адаптивной верстки. Ведь ошибки в ней приводят к таким результатам, как на примере ниже:Результат ошибки в адаптивной верстке, когда блоки не перестроилисьКак надо1. Придерживайтесь правил адаптивной верстки email. Например, чтобы на мобильном колонки могли перестраиваться вниз, добавляется специальный код, а все блоки верстаются таблицей.2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:Предпросмотр веб- и мобильной версии письма в редакторе SendPulseТекст в дизайне email рассылкиДаже самый интересный текст могут не прочитать, если он выглядит непривлекательно. И наоборот, разбивка текста на абзацы с подзаголовками, выделение главных мыслей цветом или другим шрифтом помогает привлечь и удержать внимание читателя. Впрочем, в стремлении красиво оформить текст, можно допустить несколько ошибок.Как не надо1. Не используйте много инструментов оформления в одном письме — разные стили и начертания шрифтов, выделение цветом, размеры шрифта. Пестрые письма выглядят неряшливо, почтовые сервисы могут распознавать их как спам. В рассылке детского магазина используется четыре цвета шрифта, выделение жирным. Окончательно портит картину нагромождение ссылок с подчеркиванием:Пестрый текст в рассылке детского магазина2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.3. Не верстайте письмо сплошным текстом. Без разбивки на абзацы текст выглядит монотонно, его сложно и скучно читать.4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:В рассылке консалтинговой компании ссылки стоят слишком близкоКак надо1. Выберите один или два шрифта для email рассылки.2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact. 3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.4. Оформляйте ключевые мысли подзаголовками, пишите короткими абзацами. Текст, в котором четко видна структура, легко и приятно читать.5. Используйте размер шрифта не менее 14px.Цвет в дизайне письма для рассылкиОформление письма цветом задает настроение и усиливает рекламное послание. Но если ошибиться с цветом в рассылке, можно получить обратный эффект — разозлить читателя.Как не надо1. Не ослепляйте читателя цветом. Слишком много красного, использование ярких или несочетаемых оттенков портит внешний вид письма и затрудняет чтение. В примере ниже очень яркие, агрессивные блоки отвлекают внимание от смысла:Много красного цвета в рассылке2. Будьте осторожны с градиентом. Например, в письме ниже слишком заметная линия перехода между цветами выглядит некрасиво:Слишком явная граница в градиентеКак надо1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках. 2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:Интересное использование градиента в новогодней рассылке4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.Дизайн хедераХедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:Идентификация бренда в поле отправителя и хедере письмаКак не надо1. Частая ошибка в хедере — много информации. Да, вверху письма можно и нужно давать ссылки на важные разделы сайта. Но если разместить еще и ссылки на соцсети, как в примере ниже, есть риск отвлечь внимание читателя от основного сообщения. Плюс ссылки в несколько строк занимают много места:Перегруженный хедер письма2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:Плохое качество картинки в шапке письмаКак надо1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:Только нужная информация в хедере email2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:Новогодний атрибут в хедере письмаДизайн футера email рассылкиСамый малозаметный, но не менее важный элемент письма — это футер. Чаще всего здесь размещают подпись, ссылку отписки, объяснение, почему подписчик получил рассылку, физический или юридический адрес компании и ссылки на социальные сети.Как не надо1. Логично выносить в конец письма служебную информацию и менее важные ссылки. Но футер не должен быть свалкой:Футер перенасыщен информацией2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:Нечеткая информация в футере рассылкиКак надо1. Добавляйте в футер действительно нужную информацию. Сгруппируйте ссылки по смыслу, чтобы удобнее было читать:Структурированная информация в футере2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:Заметная ссылка отписки в рассылке3. Попробуйте добавить в футер дружелюбную подпись, чтобы читатель закончил читать на приятной ноте и захотел открыть следующую рассылку:Дружелюбная подпись в футереИзображения в дизайне письма рассылкиФотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма. Как не надо1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.2. Светлый и неконтрастный шрифт читается плохо. Такой текст при наложении на пеструю фотографию будет сливаться с фоном:Белый текст на светлой фотографии читается плохо3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.Как надо1. Оптимизируйте картинки перед тем, как добавить их в письмо. Письмо с большим по весу изображением будет подгружаться дольше. Особенно это актуально для смартфонов, где скорость загрузки может быть ниже из-за плохого мобильного интернета. Подумайте, что вероятнее сделает пользователь: будет дожидаться загрузки ваших больших и красивых картинок или же просто закроет письмо?Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG. 2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут.Важно! Учтите, если уменьшаете картинки таким образом, то меняете только ее размер, но не вес. Картинка с большим весом может плохо грузиться на устройстве. Поэтому обращаем ваше внимание еще раз: оптимизируйте изображения перед тем, как добавить их в письмо.4. Делайте картинки кликабельными. Если вы посмотрите на карту кликов своей рассылки, то заметите, что читатели часто нажимают на картинки. Поэтому указывайте для картинок ссылки на нужные разделы сайта.5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами. Дизайн CTAВ email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.Как не надо1. Если у вас одна кнопка призыва к действию, не прячьте ее внизу за пределами первого экрана прокрутки. Человек может просто не дочитать письмо до конца.2. Не заставляйте читателя угадывать, что ему нужно сделать, иначе он просто закроет письмо. Например, в рассылке ресторана призыв к действию «забронировать столик» виден только после прокрутки. К тому же он не соответствует теме письма, которая обещает «Рецепт лучших шашлыков»:Призыв к действию находится ниже первого экрана и не соответствует теме письма3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылку на регистрацию в вебинаре сложно заметить сразу:Короткая и светлая ссылка регистрации на вебинар теряется на фоне письмаКак надо1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:Несколько призывов к действию в рассылке интернет-супермаркета Rozetka2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».В письме сall to action соответствует теме3. Делайте кнопку контрастной к дизайну письма. Призыв к действию должен хорошо выделяться на фоне текста и изображений:Явный призыв к действию в рассылкеЧек-лист по дизайну email рассылкиЧтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте свою первую рассылку!Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.

Подробнее →

Полное руководство по SEO-копирайтингу [2023]

Копирайтинг — неотъемлемая часть контент-маркетинга, но набирает популярность новая фраза — SEO-копирайтинг . Итак, что такое SEO-копирайтинг? Чем он отличается от копирайтинга и написания контента? Если вы новичок в SEO-копирайтинге и хотите улучшить свои навыки, вам понравится читать советы в этом руководстве.

Чтобы перейти к любому разделу, используйте интерактивное меню:

1. Что такое SEO-копирайтинг?
2. Какие существуют виды SEO-копирайтинга?
3. Пять советов по улучшению навыков SEO-копирайтинга
4. Как вы оцениваете успех?
5. Резюме

1. Что такое SEO-копирайтинг?

Чтобы понять, что означает SEO-копирайтинг, давайте рассмотрим два элемента этой фразы. Во-первых, SEO расшифровывается как поисковая оптимизация , набор лучших практик для настройки веб-сайтов, которые будут сканироваться и ранжироваться поисковыми системами.

Копирайтинг относится к написанию коротких текстов для продвижения, рекламы или продажи товаров и услуг в Интернете. В отличие от написания контента (например, в сообщениях в блогах), который служит для обучения читателей, копирайтинг — это более короткий текст, направленный на то, чтобы побудить читателей совершить определенное действие, например, купить продукт, присоединиться к списку рассылки или посетить веб-сайт.

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

Связанное чтение: Что делает копирайтер?

2. Какие существуют виды SEO-копирайтинга?

SEO-копирайтинг бывает разных форм. Как уже упоминалось, его ключевой идентификатор — это более короткий текст с целью продажи . Вот некоторые из наиболее часто встречающихся типов SEO-копирайтинга:

Целевые страницы

Целевая страница — это страница веб-сайта, разработанная для определенной маркетинговой цели или кампании. Например, компания может создать целевую страницу для сбора адресов электронной почты для своей рассылки. Они могут предлагать или не предлагать стимул для регистрации, но единственной кнопкой действия на этом сайте будет призыв к действию «зарегистрироваться».

Эта целевая страница Mailchimp призывает посетителей только к одному действию: подписаться на наш продукт. Если вы посетите домашнюю страницу Mailchimp, вы увидите разницу (на последней больше ссылок на другие страницы, а не только призыв к действию для регистрации).

Весь текст на этой странице предназначен для того, чтобы превратить вас в подписчика. Mailchimp выделяет свои основные функции, отвечает на часто задаваемые вопросы и включает три кнопки CTA по всей странице — все в виде короткого, быстрого текста.

Копия рекламы

Рекламные объявления были оригинальным результатом традиционного копирайтинга. Но сегодня большинство специалистов по цифровому маркетингу не пишут тексты для рекламных щитов или физических продуктов. Скорее, они работают в мире цифровой рекламы, создавая копии для рекламы в Facebook, рекламы в Instagram и рекламы с оплатой за клик (PPC).

Например, для контекстной рекламы Shopify копия ориентирована на перенаправление пользователей поисковых систем на определенную целевую страницу. SEO-копирайтеры вводят ключевые слова (например, платформа электронной коммерции для всех предприятий), создавая привлекательный текст, чтобы убедить потенциальных посетителей щелкнуть.

Страницы продаж

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

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

Копия сайта

SEO-копирайтинг также включает веб-копии, то есть: весь текст на вашем сайте, который не является сообщениями в блоге. Это включает в себя копию веб-сайта на странице «О нас» и странице «Услуги». Ваша страница с ошибкой 404 также является примером копирайтинга, хотя и не обязательно SEO-копирайтинга.

Описания продуктов

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

3. Пять советов, как улучшить свои навыки SEO-копирайтинга

Теперь, когда мы поняли, что такое SEO-копирайтинг, у нас есть несколько практических советов, которые помогут вам улучшить свои навыки. SEO-копирайтинг может помочь вашему бизнесу привлечь трафик через поисковые системы, завоевать потенциальных клиентов и увеличить конверсию, убедив клиентов совершить покупку. Попробуйте эти пять советов, чтобы улучшить свои навыки:

Проведите тщательное исследование ключевых слов

Поисковая оптимизация (SEO) является важной частью SEO-копирайтинга, но вы можете оптимизировать для поисковых систем, только если знаете, какие ключевые слова ищет ваша аудитория. Исследование ключевых слов — один из способов выяснить это.

Исследуемые ключевые слова зависят от вашего бизнеса или отрасли. Например, если вы продаете органические эфирные масла, вы ищете людей, которые либо используют их, либо интересуются ими. Используя инструмент исследования ключевых слов, такой как Ahrefs, Uber Suggests, Semrush или Answer the Public, вы можете копнуть глубже, чтобы увидеть, что ваша целевая аудитория ищет в поисковых системах. Вот пример использования Ahrefs.

Я искал «эфирные масла» (сверхширокий поиск по ключевым словам), и это были результаты.

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

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

Оптимизируйте заголовки и метаописания

Имея в виду нужные ключевые слова, пришло время оптимизировать текст, вставляя ключевые слова естественным образом. Скажем, например, вы создаете целевую страницу для своей компании по производству эфирных масел (давайте назовем ее «Дыши глубоко»). Вместо того, чтобы просто использовать заголовок «Дышите глубоко», заголовок, оптимизированный для ключевых слов, будет «Дышите глубоко, эфирные масла». Вы даже можете добавить подзаголовок со второстепенным ключевым словом, которое также ищет ваша аудитория.

Обратите внимание на то, как Brooklinen, компания по производству постельных принадлежностей, нацеливает ключевое слово «простыни» на естественную броскую фразу: «Любимые простыни в Интернете».

Тот же принцип применим к мета-описанию, которое представляет собой краткий описательный текст, который большинство поисковых систем показывает под заголовком на страницах результатов поиска. Когда вы создаете свое метаописание, включайте в убедительный текст более релевантные ключевые слова, чтобы читатели, просматривая результаты поисковой системы, могли определить ваш сайт как свой первый выбор, чтобы ответить на их вопрос или предоставить нужный им продукт.

Бруклинен тоже этим занимается. Обратите внимание, как они включают ассортимент белья, доступного на их веб-сайте. Таким образом, любой, кто ищет «лучшие простыни и подушки», скорее всего, увидит их в результатах поиска.

Используйте принцип перевернутой пирамиды

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

Домашняя страница Chatty — блестящий пример удачного использования перевернутой пирамиды. Обратите внимание, как заголовок и первоначальный текст охватывают суть услуги. Любой, кто ищет услугу редактирования, обязательно сразу же зацепится.

Перевернутая пирамида уступает место следующей важной части вашего SEO-копирайтинга: призыву к действию (CTA).

Сделайте ваши призывы к действию эффективными

Копирование бесполезно, если после раструба о вашем продукте или услуге у читателей нет возможности предпринять какие-либо действия. Именно здесь вступает в действие призыв к действию (CTA). Эффективные CTA должны быть:

• Четкость: Четкость всегда важнее ума, особенно с учетом доступности. Не у каждого пользователя веб-сайта есть полное видение, поэтому расплывчатые призывы к действию, такие как «Я в деле», могут показаться умными, но для некоторых пользователей могут быть недостаточно информативными. Вместо этого выберите что-то вроде «начать бесплатную пробную версию», что подчеркивает преимущества, которые пользователи получат от регистрации.
• Правильное размещение: Размещайте призывы к действию на разрывах страниц, после выделения преимуществ или объяснения преимуществ вашего предложения аудитории. Таким образом, пользователи готовы попробовать ваше предложение.
• Повторяется (но не слишком часто): Не используйте только один призыв к действию. Вы можете разместить до трех на странице. Один после первоначального ознакомления с вашим продуктом, другой после вашего списка функций и третий после того, как вы поделились отзывами клиентов. Вы никогда не знаете, когда ваша аудитория почувствует себя готовой взять на себя обязательство.

Компания Aura, занимающаяся технологиями кибербезопасности, превосходно следует этим принципам в своей копии. Обратите внимание, что кнопка четко указывает на то, что пользователи могут ожидать, вместе со стрелкой!

Используйте возможности ссылок

Внутренние ссылки творят чудеса с SEO, помогая Google понять, как контент вашего сайта связан друг с другом. Это важно как для копирайтинга, так и для написания контента.

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

Если вы заинтересованы в более практическом подходе к SEO без больших затрат, ознакомьтесь с нашим списком бесплатных вариантов обучения SEO.

4. Как вы измеряете успех?

После всей вашей тяжелой работы, следуя передовым методам SEO и написанию наиболее привлекательного текста, как вы измеряете успех? Ну, это зависит от ваших целей. Для большинства предприятий копирайтинг имеет одну цель: продавать. Если это ваша цель, есть несколько ключевых показателей эффективности, на которые стоит обратить внимание, когда вы оцениваете влияние своего копирайтинга.

Рейтинги

Один из первых (и самых простых) способов увидеть, насколько хорошо работает ваш SEO-копирайтинг, — это рейтинг страницы результатов поисковой системы (SERP). Попадание в топ-10 результатов по нужному ключевому слову — хотя это результат многих усилий, включая SEO на странице и вне страницы — может указывать на то, что ваш SEO-копирайтинг попадает в правильные ноты.

Рейтинг кликов

Рейтинг кликов — это процент пользователей, которые нажимают на ваш сайт, когда он появляется на странице результатов поисковой системы.

Как только ваш веб-сайт начнет занимать высокие позиции, следующим испытанием ваших навыков копирайтинга будет количество людей, перешедших по ссылке, чтобы просмотреть содержимое вашего сайта. Часто на это сильно влияет мета-описание вашего сайта и то, как оно сравнивается с мета-описанием других сайтов с высоким рейтингом в результатах поиска. Предложение бесплатной пробной версии, промо-кода или освещение вашего уникального преимущества в вашем мета-описании может убедить посетителей в том, что ваш продукт стоит посмотреть или купить.

Конечно (в зависимости от их местоположения на пути покупателя) они могли или не могли сталкиваться с вашим брендом в прошлом, что также может повлиять на то, решат ли они щелкнуть.

Осведомленность о торговой марке

Если большая часть вашего текста направлена ​​на повышение узнаваемости торговой марки, оценить этот показатель может быть сложнее. Хороший способ «измерить» этот качественный показатель — отслеживать упоминания вашего бренда в социальных сетях. Вы можете настроить отслеживание с помощью таких инструментов, как Brandwatch, и настроить автоматическое уведомление о новых упоминаниях бренда. Всплеск упоминаний бренда может указывать на то, что ваш бизнес набирает обороты.

Конверсии

В маркетинге конверсия происходит, когда посетитель сайта переходит от пассивного просмотра к активной заинтересованности в покупке или совершении желаемого действия. Если потенциальный клиент посещает ваш сайт и покупает продукт или подписывается на вашу рассылку, он превращается из потенциального лида в лида или клиента. Это одна из основных целей SEO-копирайтинга и самый ценный показатель для большинства компаний.

Отслеживание того, сколько посетителей сайта становится клиентами, является одним из способов измерения эффективности вашего копирайтинга. Вы также можете отслеживать эффективность рекламы, отслеживая, сколько клиентов попадает на ваш сайт с помощью рекламы PPC в поисковых системах. Большинство рекламных ссылок имеют отслеживаемые ссылки, которые упрощают отслеживание их влияния.

5. Резюме

SEO-копирайтинг — прекрасный способ объединить сильные навыки SEO с мощным мастерством копирайтера. Он может усилить вашу рекламу, копию веб-сайта и описания продуктов, чтобы улучшить рейтинг, повысить рейтинг кликов и, в конечном итоге, увеличить количество конверсий. Используйте эти пять ключевых советов, чтобы SEO-копирайтинг работал на вас:

1. Узнайте, как проводить исследование ключевых слов, чтобы понять, какие решения нужны вашей аудитории
2. Оптимизируйте свой текст, чтобы он соответствовал ключевым словам и намерению поиска
3. Загрузите текст заранее, используя принципы перевернутой пирамиды
4. Используйте доступные CTA , ясно и повторяется по всей странице для максимального воздействия
5. Свяжите свои веб-страницы, чтобы дать пользователям возможность узнать больше о ваших продуктах и ​​услугах

Теперь вы готовы начать SEO-копирайтинг! Хотите узнать больше о карьере в SEO? Пройдите наш бесплатный 5-дневный краткий курс или прочитайте эти статьи:

• Что такое SEO-специалист? Описание роли и руководство по карьере
• Сколько зарабатывают специалисты по поисковой оптимизации? Полное руководство по зарплате SEO
• SEO против SEM: в чем разница?

Что такое SEO-копирайтинг? | Встроено в

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

Как копирайтеры используют SEO?

• Копирайтеры используют методы SEO, такие как исследование ключевых слов, чтобы найти идеи контента, которые очень актуальны для их аудитории.

SEO-копирайтеры используют ряд методов для создания оптимизированного контента, который соответствует проверенным тенденциям и лучшим практикам SEO. Вооружившись пониманием целевой аудитории своего веб-сайта, авторы будут использовать инструменты исследования ключевых слов и другие методы, такие как Google Trends, маркетинговые исследования и другие, для создания, улучшения и обновления контента.

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

Что такое ключевые слова SEO?

• Ключевые слова SEO — это идеи и темы, которые пользователи запрашивают в поисковых системах, таких как Google и Bing.

Ключевые слова или «поисковые запросы» — это фразы, которые люди вводят в поисковые системы, чтобы найти то, что они ищут. SEO-копирайтерам важно не только исследовать и находить ключевые слова, релевантные их целевой аудитории, но и понимать намерение, стоящее за фразами. Как правило, цель поиска подпадает под три категории:

• Информационная: пользователю нужна определенная информация, обычно ответ на вопрос.
• Навигация: пользователь ищет определенный объект, например человека, компанию или веб-сайт.
• Транзакционный: пользователь хочет выполнить действие.

Понимание смысла ключевого слова или ключевой фразы имеет решающее значение для помощи SEO-копирайтерам в определении правильного типа контента для создания.