OMF — микроформат для email. Опыт использования в сервисе чатов

    imageСовсем недавно компания Mail.ru разработала открытый стандарт OMF.

    Open Mail Format (OMF) — это открытый стандарт разметки почтовых уведомлений. OMF позволяет вам улучшить представление ваших писем в интерфейсе почты Mail.Ru, повышая их эффективность и конверсию.

    Я решил опробовать его в почтовых уведомлениях моего сервиса виджетов чатов.

    Mail.Ru теперь поддерживает расширенное отображение списка писем, в котором для каждого письма показывается картинка, краткий текст письма и несколько ссылок:
    image
    Чтобы переключиться на расширенный режим в интерфейсе почты необходимо использовать кнопку «Подробно» справа сверху от списка писем.

    Почитав спецификацию OMF решил попробовать его в действии. Интегрировал этот микроформат в почтовые уведомления пользователям чатов.

    Первое, что пришлось сделать, это перевести отправляемые письма из Plain text в формат HTML.
    Чтобы сохранить совместимость с почтовыми клиентами, которые не понимают HTML-письма Content-Type писем надо установить равным «multipart/alternative» и добавить в письма 2 multipart блока, первый с обычным текстом письма (Content-Type: text/plain) а второй с HTML-версией (Content-Type: text/html).
    Таким образом, современные почтовые сервисы и программы будут отображать HTML-версию письма, а более старые — старую текстовую.

    Вторым шагом было непосредственное прикручивание OMF к письмам.
    Для этого понадобилось основное содержимое текста письма заключить в DIV с CSS классом notification. А внутри использовать vcard и специальную разметку от Mail.ru.

    В качестве примера приведу уведомление о «добавлении в друзья».
    Исходная, текстовая версия письма:

    Здравствуйте!

    С вами хочет подружиться пользователь Катя в чате.

    Чтобы добавить Катя в друзья или отказать ему зайдите под своим ником (Admin) в чат: http://demo.chatovod.ru/ и в меню "друзья" выберите пункт "ожидающие".


    Перевели в HTML и добавили микроформат OMF:
    Copy Source | Copy HTML<br/><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br/><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"><br/><head><br/><title>Уведомление чата</title><br/><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br/></head><br/><body><br/><div class="friendship-request notification"><br/><h2>Здравствуйте!</h2><br/><span class="text">В чате с вами хочет подружиться пользователь <span class="actor vcard"><img class="photo attachment" align="absmiddle" src="http://st1.chatovod.ru/a/2010/01/07/117/1262865512135.jpg" /> <a class="url fn" href="http://demo.chatovod.ru/id117">Катя</a></span>.</span><br/><br /><br />Примите или отклоните приглашение зайдя под своим ником (Admin) в чат <b><a class="action-link" href="http://demo.chatovod.ru/">http://demo.chatovod.ru/</a></b> и в меню "друзья" выберите пункт "ожидающие".<br/></div><br/></body><br/></html> <br/>

    Теперь Mail.ru отображает это письмо в списке следующим образом:

    image

    Отображается фрагмент текста письма, который был заключен в тэг SPAN с классом text а также ссылка на сайт, которая была обозначена классом action-link.
    Иконка письма осталась прежней, хотя должа была сменится на картинку, указанную классом photo. Видимо данная возможность еще тестируется Mail.ru и не включена для всех.

    По информации Mail.ru первыми отправителями, поддержавшими Open Mail Format, станут сервис знакомств «Мамба», ресурс Afisha.ru, онлайн-рекрутинговый сайт HeadHunter.ru и интернет-аукцион Molotok.ru.
    Интересно, насколько этот формат станет популярен у других почтовых сервисов? Мне, как разработчику популярных сайтов, хотелось бы внедрения OMF всеми участниками почтового рынка.

    Дополнительная информация:
    Краткое описание OMF: http://api.mail.ru/mail/omf/
    Примеры разметки и спецификации: http://www.openmailformat.org/examples.html

    В статье о многом не написал. Отвечу на ваши вопросы в комментариях.

    UPDATE. Проблема с картинками решена. Надо было вынести класс actor за пределы класса text. После исправления картинки у писем появились.
    Метки:
    Поделиться публикацией
    Реклама помогает поддерживать и развивать наши сервисы

    Подробнее
    Реклама
    Комментарии 47
    • +8
      Это довольно круто, но боюсь, это не уйдёт дальше рунета.
      • 0
        Да, само по себе не уйдет скорее всего. Тут необходимо чтобы Mail.ru было заинтересовано в международном использовании этого микроформата и прилагала к этому усилия.
        • +1
          Эх, если бы это затеял Гугл :)
          Яндекс может поддержать, у них уведомления от социалок уже давно по-особому оформлены.
          • 0
            Некоторую заинтересованность показала хотя бы созданием английской версии сайта, но, естественно, этого мало. Интересно они хотя бы уведомили крупнейших зарубежных и не очень «партнёров» о появлении нового формата и если да, то проявил ли кто заинтересованность. Наверное достаточно одному крупному игроку на международном рынке начать использовать формат, как другие быстро подтянутся, тем более, что для отправителей внедрение действительно несложно будет
          • 0


            Ну если считать за РуНет facebook и twitter, то да
            • 0
              Погодите, а это facebook и twitter сами вставляют в разметку своих уведомлений OMF?

              Я, например, в исходнике уведомления от twitter не нашёл нигде класса notification.
              • 0
                Угу, я тоже посмотрел исходники facebook, когда на сайте прочитал о поддержке. Для этих сервисов они, похоже, прикрутили отдельный анализатор, возможно конвертирующий в OMF
                • 0
                  Ну так это не считается. Яндекс вон тоже по хитрому парсит уведомления от всяких социалок:



                  Но суть же формата в другом: пользуясь этим OMF любой блог или магазин мог бы своим юзерам такие удобные уведомления рассылать, при этом почтовые службы и клиенты не обязаны были бы даже знать заранее о существовании этого блога/магазина.
                  • 0
                    Суть-то понятна, главное чтобы реализовали. Как правильно ниже заметили, если бы гугл такой формат предложил, а фейсбук его поддержал одним из первых, то через пару недель все бы им уже пользовались, а вот mail.ru… Хотя, учитывая его популярность в России грех, по-моему, не воспользоваться этими фичами заботясь о своих пользователях.
              • +1
                Какой же позорный логотип у моего мира по сравнению с фейсбуком и твиттером
            • 0
              Интересная вещь для социальных сайтов. Осталось дождаться Яндекса))
              • –3
                если сообщество примит этот формат — отлично
                • 0
                  Идея хорошая, но с ужасом представляю свои папки с сотнями писем да ещё с картинками. :)
                  • +8
                    Первое, что пришлось сделать, это перевести отправляемые письма из Plain text в формат HTML.

                    Это настолько ужасно, что моя клавиатура цепенеет. Микроформаты в вебе — положительное явление, позволяющее извлечь полезную информацию из месива разметки, но убивать простой текст, заворачивая его в кучу мусора и подпирать костылями — за такое надо убедительно порицать каленым железом.
                    • 0
                      Забудьте! Нет никакого HTML, есть только то, что вы видите.
                    • +1
                      OMG! OMFG! OMF!

                      А если серьезно… пока это касается только mail.ru, то особого интереса не представляет.
                      По приоритету внедрение этого формата обречено быть на одном из последних мест… и то, в качестве плюшки.

                      Сначала хотелось бы увидеть нормальную поддержку обычного vСard c его под-форматами со стороны разработчиков бразеров, плагинов и т.д. А микроформат, который «позволяет вам улучшить представление ваших писем в интерфейсе почты Mail.Ru» и его внедрение/поддержка, мягко говоря не столь важны. Как и само представление писем в интерфейсе почты Mail.Ru.
                      В общем — пока особого энтузиазма и желания бежать учить и внедрять это чудо пока не вызвало.
                      • +4
                        А вообще я тут подумал, если его поддержат ВКонтакт и/или Одноклассники, то шансы захватить, как минимум рунет — отличные (Яндекс подтянется и может Рамблер — вот он и почтовый рунет).

                        А ещё могли бы поддержать в настольной Opera Mail, учитывая особую любовь рунета к Опере, там эта возможность не станет лишней.

                        Но вообще вот в такие моменты обидно как-то даже за наших. Придумай такую фичу в GMail, её бы через две недели поддержал Facebook. И всё, после этого она была бы у всех контентщиков, и у всех почтовых сервисов.

                        Раз уж гоняем по сети HTML-письма, то надо их вот такими делать, с «повышенной конверсией».

                        И отдельно стоит ждать OMF-спама и OMF-фишинга :)
                        • 0
                          У вас последняя ссылка ведет не туда куда вы хотели видимо
                        • +3
                          если честно, вообще неясно с какого боку этот набор произвольных договоренностей можно называть форматом

                          имхо просто повод для пиара
                          • НЛО прилетело и опубликовало эту надпись здесь
                            • +4
                              Решил потестить определение IP получателя — ан, нет, — фиг!
                              Все картинки проходят через сервер filin.imgsmail.ru и отображаются непосредственно оттуда.
                              • НЛО прилетело и опубликовало эту надпись здесь
                                • 0
                                  пардон, писал руками. вот:
                                  filin1.imgsmail.ru
                                  filin2.imgsmail.ru
                                  может, есть и другие (но не пингуются), а может, просто потом добавят.
                                  • +1
                                    по-хорошему, такие свистоперделки должны включаться по разовому запросу на каждого верифицированного DKIM отправителя, а так идея вполне заслуживает внимания.
                              • –1
                                Субективно: много на себя берут.
                                • 0
                                  нет, это еще не много — mail.ru берет на себя «переоформление» html письма своими стилями — вот это уже действительно много и из-за этого возникает целая куча проблем
                                  • 0
                                    Да разве? Это ещё микроформат, их кто только не придумывает.
                                  • –2
                                    Не буду пользоваться по одной причине — защита. Буквально вчера друг нажал ссылку на письмо из Вконтакте и получил СМС-баннер. Я такие вещи никогда не нажимаю. Когда зайду в социальную сеть, там и нажму.
                                    А на почте — только почта. Думается мне идея Buzz пока попрактичнее.
                                    • +1
                                      Видимо, Вашему другу только показалось, что письмо было из Вконтакте:)
                                      • 0
                                        Точно, об этом и речь. Лучше самому заходить на сервисы, а почта для почты.
                                      • 0
                                        Друг видимо никогда не ставит обновления Windows/Acrobat/Flash/Java, чем и воспользовались злоумышленники.
                                        Как говорится сам виноват.
                                      • +2
                                        Честно говоря, ничего интересного в этом нет.
                                        Но посмотрите, посмотрите же, как мило смотрятся вместе vcard и absmiddle!

                                        <span class="actor vcard">
                                            <img align="absmiddle"/>
                                        </span>

                                        …как зарядка для айфона в запорожце.
                                        • +1
                                          Теперь спам станет с красочными вводными картинками О_о
                                          • 0
                                            Для расширения функциональности почтовых сообщений есть замечательное средство в виде заголовков сообщения. Странно, что в mail.ru о них не знают, а предлагают свои cargo-cult-решения в виде html-с-хитрой-разметкой.
                                            • +1
                                              То, что mail.ru предлагает, называется «микроформат», ничего криминального в нём нет.
                                            • +1
                                              По моему они отстали от жизни. Микроформаты это устаревший костыль. Есть же RDFa — все тоже самое только в рамках стандартов и сохранения семантики разметки.
                                              • 0
                                                Ой-вей, по вашему RDF-таки что-то свеженькое? Микроформаты просто куда проще.
                                                • 0
                                                  Куда уж проще чем словарь rdfA (RDF не новое, а вот рекомендации по совмещению RDFa и HTML относительно свижие) с той только разницей — что это стандарт, а следовательно гарантия того что семантика вот этих утверждений будет однозначна интерпретирована любым клиентом.

                                                  Тем более отличий от представленного здесь описания для того кто не знает теории будет минимум — надо будет заполнять другой тег + объявить пространство имен в шапке.

                                                  Использование микроформатов — это грязный код и дурной тон, как использование фреймов, goto и т.п.
                                                  Они действительно имели смысл когда появились, но не сейчас.
                                              • +3
                                                не всегда удобно переводить письма из Plain text в HTML формат. Было бы неплохо передавать OMF разметку через заголовки письма.
                                                • 0
                                                  Это не микроформат а дерьмо + мечта спамеров, фишеров и прочей школоты
                                                  • 0
                                                    в данном случае это просто стили. ни о каком формате речи даже не идет. урлы прописываются конкретно для сервиса… что он нам дает? ничего!
                                                    • 0
                                                      Раз за разом натыкаюсь, как народ прописывает xml:lang="en" lang="en" для русских страниц/писем. Неужели так сложно подумать головой о смысле этих параметров?
                                                      • 0
                                                        Проблема с картинками решена. Надо было вынести класс actor за пределы класса text. После исправления картинки у писем появились.
                                                        • 0
                                                          Open Mail Format более не поддерживается mail.ru (и вообще никем).
                                                          • 0
                                                            И это печально. Ведь только сейчас gmail и yandex почта начали внедрять новвоведения в почту, чтобы больше интерактива было.
                                                          • 0
                                                            Сегодня mail.ru сообщил о возможности смены аватара у писем отправляемых с домена help.mail.ru/mail-help/postmaster/work/add_avatar
                                                            Это конечно, не OMF, но тоже хорошо. Надеюсь остальные почтовые сервисы последуют их примеру.

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