Благодаря лицензионным маркетинге по электронной почте не только стоимость маркетинга и продвижения может быть значительно снижена, но и информация может быть напрямую и точно передана клиентам.
Вопрос, который я изучаю сегодня, заключается в том, как начать с технических аспектов и сделать отличную электронную почту, которая совместима как с видом пользователя, так и с почтовыми клиентами.
1. Выберите HTML или простой текстНекоторым людям нравится простой текст, а некоторым людям нравится читать богатый HTML. Как мы выбираем?
Для маркетинговых электронных писем рекомендуется использовать формат HTML, чтобы сделать их (изображение);
Для подтверждения/напоминания/информационных электронных писем рекомендуется использовать текст или простой HTML, чтобы сделать их (изображение).
Почему есть разные способы сделать эти два разных типа электронных писем? Это основано на этих причинах:
Содержание маркетинговых электронных писем богато и разнообразно; Содержание подтверждающих электронных писем является одиноким и уникальным;
В маркетинговых электронных письмах клиенты будут уделять больше внимания богатству контента и эстетике визуальных эффектов;
В электронных письмах о подтверждении мы хотим, чтобы клиенты очень напрямую видели информацию о подтверждении. Сложный контент и визуальные эффекты только заставит клиентов игнорировать основной контент электронной почты, то есть информацию о подтверждении;
(Следующее будет сосредоточено на производстве маркетинговых электронных писем HTML)
2. Основные навыки HTML на основе макета таблицы + CSSЕсть два типа кунг -фу, один - самый ян, а другой - самый инь и мягкий. Причина, по которой Чжан Санфенг достиг пика, заключается в том, что его фонд боевых искусств и его основные навыки солидны, поэтому он понял, что этот тай -чи может быть самым инь и ян.
То же самое относится и к электронным письмам HTML. Мы знаем, что сегодня есть много типов клиентов по чтению электронной почты, включая традиционные Outlook, Thunderbird, Lotus Notes, онлайн Mac Mail, Gmail, Hotmail и т. Д. Объяснения электронных писем будут разными. Большинство онлайн -систем электронной почты заблокируют код между тегами <Head> </head>.
Чтобы сделать электронные письма, которые можно увидеть всем пользователям с разными клиентами, мы должны очень хорошо овладеть основными навыками HTML. Некоторые люди говорят, что Div+CSS, некоторые люди говорят, что это семантизация меток SEO. Неоспоримо, что как веб -разработчик, будет очень популярно иметь эти две популярные идеи разработки HTML в настоящее время, но это не относится к производству электронной почты. Наша цель состоит в том, чтобы позволить клиентам увидеть один и тот же информационный контент на разных почтовых клиентах, который использует наиболее оригинальный метод макета: макет таблицы + CSS. Давайте посмотрим на поддержку текущего почтового клиента для HTML и CSS (картинка):
*Hotmail может проанализировать <style> между <body> </body>, но также заблокировать <style> между <Head> </head>
3. При по электронной почте HTML вы должны обратить внимание на следующие баллы:Позиционирование выполняется с использованием метода гнездования таблицы, который сочетает в себе абсолютный размер (пиксель) и относительный размер (процент).
Большинство почтовых клиентов будут блокировать Flash и JavaScript, а также некоторые специальные теги и атрибуты;
Атрибут фонового изображения будет заблокирован у большинства почтовых клиентов в Интернете. В Gmail вы не можете увидеть никаких фоновых изображений;
Атрибут SRC изображения должен использоваться с абсолютным адресом:
Правильно: <img src = http: //blog.54575.com/logo.gif ширина = 297 'высота = 160' alt = Живой хорошо = создание значимым/
Ошибка: <img src = logo.gif />
Информация о времени, местоположении, контенте и другой информации выставки очень всегда необходима. Учитывая, что изображения не могут отображаться, это содержимое не рекомендуется отображать на изображениях;
Даже если он помещен в картинку, пожалуйста, выразите его в текстовой форме в контенте электронной почты и добавьте контент в атрибут ALT изображения.
Электронная почта часто открывается по двум каналам, клиенту программного обеспечения и онлайн -клиенту, эти два почтовых клиента (рисунок).
*Microsoft Outlook 2003
*Netease 163 Электронная почта
Как видно из картинки, электронные письма часто не отображаются на полном экране.
Если стандартная ширина веб -страницы будет продолжаться, часть содержания электронной почты неизбежно будет заблокирована, что создает два горизонтальных и вертикальных полосах прокрутки, которые неудобны для клиентов для просмотра;
И слишком узкая ширина, вызванная тратой пространства (картинка)
Итак, как лучше всего установить ширину электронной почты HTML? Давайте сначала обратимся к ширине, используемой для производства почты HTML несколькими известными компаниями:
Netease Youdao: 600px
QQ Член: 650px
Dell Home and Office: 650px
Cisco Webex: 600px
Можно видеть, что ширина маркетинговой электронной почты этих известных ИТ-компаний составляет 600px и 650px.
И в соответствии с моим 4 -летним опытом работы в EDM и веб -дизайне, я предпочитаю выбирать последнее, то есть 650px в качестве стандартной ширины маркетинговых электронных писем HTML.
Преимущества 650px:
Когда содержание электронной почты разделено на 2 столбца, 650px можно разделить на x+10+y, где x = левый столбец, y = правый столбец, 10 - это пробел, x+y = 640 и 640 может быть делит на 20, 640 = 2 × 2x2x2x10,
Когда содержание электронной почты разделено на 3 столбца, 650px можно разделить на x+10+y+10+z. Точно так же x+y+z = 630, 630 можно делить на 30, 630 = 3 × 3x7 × 10.
Зачем нам нужно так сломаться? Пожалуйста, проконсультируйтесь с исследованиями по расчистке веб -страниц.
Вот почему я выбрал 650px вместо 600px.
Конечно, это лично стандарт, установленная мной лично, и он не стал глобальным унифицированным стандартом, но я надеюсь, что однажды эта ширина будет признана подавляющим большинством производителей и получателей электронной почты HTML.