Статьи

Тестирование электронной почты в формате HTML — прочтите это, прежде чем нажать «Отправить»

html email testing

Итак, вы придумали дизайн электронной почты в формате HTML, которым вы довольны. Woo! Прежде чем вы начнете рассылать его, вам нужно будет провести тестирование электронной почты в формате HTML. Существует так много почтовых веб-приложений и настольных клиентов с различными требованиями, и невероятно важно, чтобы ваша новостная рассылка выглядела превосходно для подавляющего большинства читателей. Я использую двухэтапный процесс тестирования, который включает в себя предварительное тестирование с использованием настольного клиента и небольшой тестовой группы, а также финальное тестирование с использованием выбранного веб-приложения списка рассылки, такого как Mailchimp или Campaign Monitor.

[Author_more}

Предварительное тестирование электронной почты в формате HTML

Хотя существует множество альтернатив для отправки тестовых писем, я нашел Thunderbird самым простым.

После настройки Thunderbird:

  1. Выберите и скопируйте шаблон HTML в буфер обмена.
  2. Создайте новое электронное письмо в Thunderbird, затем выберите и удалите все подписи, автоматически включенные.
  3. Щелкните внутри текстовой области и перейдите к « Вставка»> «HTML» — появится всплывающее текстовое поле, позволяющее вставить HTML-код.
  4. Нажмите « Вставить », и вы будете готовы к отправке.

Однако в настоящее время вы не можете использовать Thunderbird в качестве почтового клиента по умолчанию и, возможно, не захотите. Если это так, рассмотрите возможность создания новой учетной записи Gmail и использования настроек SMTP / POP-сервера Gmail для отправки тестового сообщения из Thunderbird. Это сохранит вашу ежедневную электронную почту чистой и отдельной от вашей тестовой почты.

Вы также можете настроить группы в Thunderbird (называемые «списки рассылки»), которые позволяют отправлять на несколько разных адресов (и клиентов) с одного адреса. Для моей ранней стадии тестирования моя группа включала:

  • мой аккаунт Thunderbird по умолчанию
  • учетная запись Gmail
  • почтовый аккаунт Yahoo
  • учетная запись MS Outlook 2007.

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

Запуск тестового стенда Outlook 2007 был самым хлопотным. Первоначально я пытался загрузить пробную версию от Microsoft. К сожалению, установщик тогда сообщил мне, что был рад установить Word, Access, PowerPoint и все остальные приложения. За исключением Outlook 2007, который по неизвестным причинам был недоступен. О, радость!

В конце концов я разыскал и установил полную версию. Опять же, чтобы сохранить чистоту, я создал совершенно новую учетную запись Gmail, предназначенную исключительно для получения почты для Outlook 2007.

Хотя может показаться заманчивым рассмотреть возможность использования такой службы, как Campaign Monitor, чтобы позволить вам создавать скриншоты Outlook 2007, практические возможности настройки HTML-кода с помощью онлайн-службы сомнительны — вам придется много дорабатывать, и это будет медленно и дорого.

Одна действительно полезная вещь, которую мы обнаружили на этом этапе, это то, что, как и IE, Outlook поддерживает условные комментарии. Хотя во многих отношениях это холодный комфорт, он по крайней мере позволяет удалять элементы, которые не имеют шансов работать в Outlook 2007 (например, формы и сложное позиционирование CSS).

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

Финальное тестирование

Итак, у вас есть шаблон, который, кажется, ведет себя в вашей небольшой тестовой группе. Вероятно, пришло время прикусить пулю и пойти в службу тестирования электронной почты. Мы использовали Campaign Monitor, но я знаю, что MailChimp также выполняет отличный эквивалентный сервис.

После загрузки и импорта HTML-кода служба Campaign Monitor позволяет протестировать ваш шаблон примерно на 20 различных почтовых клиентах, хотя в загруженное время некоторые клиенты, как известно, находились в режиме ожидания.

Однако имейте в виду, что один набор тестов стоит около $ 5,00 и может потребовать до часа генерации, поэтому вы должны быть достаточно уверены, что ваш шаблон близок к завершению до начала этого этапа тестирования. Это не время для постепенной настройки.

Набор тестов Campaign Monitor подразделяется на три основные группы:

Веб-клиенты электронной почты

  • AOL Web
  • Comcast
  • Earthlink
  • Gmail
  • Mail.com
  • MSN Hotmail
  • Windows Live Hotmail
  • Yahoo! классический
  • Yahoo! почта

Настольные почтовые клиенты

  • AOL 9
  • Lotus Notes 6.5.4
  • Outlook 2003
  • Outlook 2007
  • Outlook Express 6
  • Outlook XP
  • буревестник
  • Почта Windows (на самом деле, что это?)

Мобильные почтовые клиенты

  • ежевика
  • Windows Mobile 5
  • Windows Mobile 6

У нас также были свои собственные клиенты Apple Mail и iPhone для тестирования дизайна.

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

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

После 30 минут обсуждения IM мы поняли, что я просматривал шаблон в Gmail в Firefox, и он просматривал тот же шаблон в Gmail в Internet Explorer 7!

Конечно, это здравый смысл, когда вы думаете об этом, но фактически это означает, что вам действительно нужно видеть четыре версии каждого из девяти протестированных веб-клиентов — каждого клиента веб-почты в Firefox, IE7, Safari и Opera.

Начинаете чувствовать тепло и нечеткость в IE6 еще? Я так думала.