Правила при создании электронных писем в формате HTML?

Есть ли что-то, о чем мне нужно знать при создании электронной почты в формате HTML? Это так же просто, как создать действующую HTML-страницу, а затем отправить ее через PHP? Или мне нужно использовать таблицы, чтобы убедиться, что они отображаются правильно.

Любые советы, чтобы сделать это правильно в первый раз, будут высоко оценены.


person JasonS    schedule 14.10.2010    source источник
comment


Ответы (4)


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

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

Вы также должны протестировать электронную почту в как можно большем количестве почтовых клиентов, и, хотя установка всех различных клиентов может быть обременительной, вы также можете использовать такие службы, как Litmus, MailChimp и CampaignMonitor (см. также этот вопрос ). Лично у меня был хороший опыт с Litmus.

Удачи, создание электронных писем в формате HTML может быть довольно грязным!

person Vetle    schedule 14.10.2010

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

На что следует обратить внимание:

  • Изображения часто блокируются почтовыми программами — по возможности старайтесь использовать цвет фона.
  • Не ссылайтесь на внешнюю таблицу стилей — поместите стили в <head>. Это предотвратит попадание на ваш сервер при открытии писем.

Также есть хорошая запись в блоге от Mailchimp. об использовании CSS в электронных письмах HTML.

person whostolemyhat    schedule 14.10.2010
comment
Я считаю, что даже ‹head› удален электронной почтой из Интернета, такой как Gmail, поэтому встроенный css должен быть в ‹body›. - person flash; 22.10.2010

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

Это очень хорошее руководство, которое может вам помочь.

мой совет: тестируйте во многих браузерах, почтовых клиентах и ​​почтовых программах

person red-X    schedule 14.10.2010

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

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

person thiesdiggity    schedule 11.03.2011