Уже 3 с лишним года занимаюсь дизайном и версткой почтовых рассылок, которые ориентированы на англоязычных пользователей. За время работы перелопатили огромную кучу информации, перепробовали много вариантов верстки, набили достаточное количество шишек. Были найдены и исправлены типичные баги, которые в той или иной мере повторялись во всех почтовых клиентах. Также нашлись проблемы с некоторыми CSS свойствами — различные почтовые клиенты интерпретировали их по разному. Каждое письмо тестировалось на самых популярных почтовых клиентах: Gmail, Outlook, Yahoo, Android, iOS, MozillaThunderbird, Microsoft Outlook, The Bat. Рассылки ходят на сотни миллионов пользователей и приносят очень хорошие результаты. Итак, приступим к изучению.
Александр Абрамов @Abramovalex
User
Работа со структурированными данными в Google
2 min
25KTranslation
Уровень подготовки веб-мастера: любой
Если Google распознает контент на вашем сайте как структурированные данные, то сможет отобразить больше полезной информации о нём. Например, если ваша страница посвящена описаниям товаров или мероприятий, рецептам, отзывам и другим подобным материалам, наши алгоритмы могут улучшить результаты поиска с помощью расширенных описаний веб-страниц. Сведения о вашем сайте также могут отображаться в сети знаний или в подсказках Google Now, привлекая потенциальных клиентов.
Сегодня мы представляем вам две новинки. Первая – это семь типов структурированных данных в Маркере, которые ранее не поддерживались, а вторая – инструмент под названием «Мастер разметки структурированных данных».
+2
Использование разметки schema.org для логотипов организаций
1 min
32KTranslation
Уровень подготовки веб-мастера: любой
Теперь наша система поддерживает разметку schema.org для логотипов организаций. Это позволит вам выбрать логотип, который будет представлять ваш сайт в результатах поиска Google.
С помощью этой разметки вы можете указать системе, где находится ваш логотип. Например, если вы – владелец сайта www.example.com, можно использовать следующую разметку элементов на странице:
Теперь наша система поддерживает разметку schema.org для логотипов организаций. Это позволит вам выбрать логотип, который будет представлять ваш сайт в результатах поиска Google.
С помощью этой разметки вы можете указать системе, где находится ваш логотип. Например, если вы – владелец сайта www.example.com, можно использовать следующую разметку элементов на странице:
<div itemscope itemtype="http://schema.org/Organization">
<a itemprop="url" href="http://www.example.com/">Главная</a>
<img itemprop="logo" src="http://www.example.com/logo.png" />
</div>
+40
Используйте новые отчеты в панели мониторинга структурированных данных для исправления ошибок в разметке
2 min
3.8KУровень подготовки веб-мастера: средний или высокий
С момента своего запуска в прошлом году панель мониторинга структурированных данных стала одной из самых востребованных функций в Инструментах для веб-мастеров. Мы продолжаем работу над упрощением и удобством поиска ошибок в разметке.
Теперь в панели мониторинга структурированных данных можно не только узнать, понимает ли поисковый робот Google разметку на вашем сайте, но и определить, где именно допущены ошибки. Новые отчеты в Инструментах для веб-мастеров – результат нашего сотрудничества с владельцами сайтов, принявшими участие в июньском бета-тестировании. Мы учли их отзывы, прежде чем запустить новую версию панели мониторинга структурированных данных.
+11
Новый инструмент проверки структурированных данных, документация и не только
2 min
18KTranslation
Разметка структурированных данных позволяет показывать дополнительную информацию с вашего сайта в результатах поиска и сервисах Google. Мы рады представить несколько обновлений, которые помогут создавать разметку на сайте:
Новый Инструмент проверки структурированных данных лучше показывает то, как Google интерпретирует разметку структурированных данных на странице сайта.
![Инструмент проверки структурированных данных](https://habrastorage.org/files/b01/475/7fa/b014757fa2ed4d56a06074e3e4b17a86.png)
- Новый Инструмент проверки структурированных данных, который показывает, как Google интерпретирует ваш контент.
- Дополненная документация и правила использования возможностей Google, основанных на технологии структурированных данных.
- Расширенная поддержка синтаксиса разметки JSON-LD.
Инструмент проверки структурированных данных
Новый Инструмент проверки структурированных данных лучше показывает то, как Google интерпретирует разметку структурированных данных на странице сайта.
![Инструмент проверки структурированных данных](https://habrastorage.org/files/b01/475/7fa/b014757fa2ed4d56a06074e3e4b17a86.png)
+11
Ламповый усилитель
2 min
175K![](https://habrastorage.org/files/ac3/edb/c84/ac3edbc8430b42348d5d882624bac706.jpg)
Коротко, в основном фото (перезалил в хорошем качестве). Сразу скажу, что опыта и познаний в радиотехнике было мало, сделал много ошибок. Не являясь фанатичным любителем теплого лампового звука, для меня был интересен сам процесс сборки.
+103
Математическая задача о 100 коробках и спасении заключенных
7 min
146KПредлагаю читателям «Хабрахабра» перевод публикации «100 Prisoners Escape Puzzle», которую я нашел на сайте компании DataGenetics. Все ошибки по данной статье присылайте, пожалуйста, в личные сообщения.
По условию задачи в тюрьме находится 100 заключенных, каждый из которых имеет личный номер от 1 до 100. Тюремщик решает дать заключенным шанс на освобождение и предлагает пройти придуманное им испытание. Если все заключенные справятся, то они свободны, если хотя бы один провалится — все умрут.
![](https://habrastorage.org/getpro/habr/post_images/765/1d9/e3a/7651d9e3a92a8dc3685caa10558a36a8.png)
По условию задачи в тюрьме находится 100 заключенных, каждый из которых имеет личный номер от 1 до 100. Тюремщик решает дать заключенным шанс на освобождение и предлагает пройти придуманное им испытание. Если все заключенные справятся, то они свободны, если хотя бы один провалится — все умрут.
![](https://habrastorage.org/getpro/habr/post_images/765/1d9/e3a/7651d9e3a92a8dc3685caa10558a36a8.png)
+100
10 шагов, которые позволят улучшить ваш дизайн (часть 1)
5 min
7.4KTranslation
Креативный директор и создатель компании «Anton & Irene», Антон представляет свой список, который помогает улучшить дизайн.
Этот перечень представляет собой руководство, которое я составлял для себя на протяжении длительного времени – он позволяет мне находить баланс между двумя крайностями, с которыми я ежедневно сталкиваюсь, будучи дизайнером.
Иногда я слишком увлекаюсь и концентрирую свое внимание только на мелких деталях, не рассматривая проект с высоты птичьего полета, а иногда наоборот – я думаю только о проекте в целом и не уделяю достаточно внимания важным деталям.
Эти 10 шагов позволяют мне придерживаться курса в нескольких проектах одновременно и делают процесс дизайна более рациональным в целом.
Этот перечень представляет собой руководство, которое я составлял для себя на протяжении длительного времени – он позволяет мне находить баланс между двумя крайностями, с которыми я ежедневно сталкиваюсь, будучи дизайнером.
Иногда я слишком увлекаюсь и концентрирую свое внимание только на мелких деталях, не рассматривая проект с высоты птичьего полета, а иногда наоборот – я думаю только о проекте в целом и не уделяю достаточно внимания важным деталям.
Эти 10 шагов позволяют мне придерживаться курса в нескольких проектах одновременно и делают процесс дизайна более рациональным в целом.
+10
Социальные сети в России, лето 2014: цифры, тренды, прогнозы
6 min
35KПредставляем данные июньского исследования цикла «Социальные сети в России сегодня: цифры, тренды, прогнозы». Это четвертая регулярная публикация актуальных данных о проникновении социальных медиа по регионам России, поло-возрастной структуре авторов сообщений и степени их активности, на этот раз — по итогам первого полугодия 2014 года. Кроме того, впервые в серии исследований публикуются уникальные данные по эмоциональному состоянию пользователей социальных медиа.
![image](https://habrastorage.org/getpro/habr/post_images/805/06c/fff/80506cfff671738379f7c1fdf9d67524.png)
![image](https://habrastorage.org/getpro/habr/post_images/805/06c/fff/80506cfff671738379f7c1fdf9d67524.png)
+3
Статистика использования imarker (система СОРМ-like веб-аналитики)
5 min
27KПрошел ровно месяц с момента публикации о системе imarker, коммерческой веб-аналитике, которая, по заверению самой системы на тот момент, должна была стоять у Акадо, ТТК, Ростелекома, Эр-Телекома, NetByNet и QWERTY, однако, сейчас официальный сайт изменили, и теперь они заявляют, что работают только с МГТС, Акадо, ТТК, Ростелекомом и QWERTY.
Last-Modified: Fri, 30 Jan 2015 12:57:16 GMT
На самом деле, все немного иначе.
Как вы, возможно, помните, я сделал специальную страницу, которая определяет наличие imarker у заходящего на нее посетителя. К сожалению, первые дни она работала не лучшим образом из-за rate limit со стороны imarker, поэтому, чтобы обойти это ограничение, чуть позже я сделал автоматическую генерацию домена нижнего уровня. Также, было незначительное количество ложных срабатываний из-за того, что люди делились сгенерированными уникальными ссылками, а не основной, из-за чего иногда получалось так, что пользователь, у которого нет imarker, дает уникальную ссылку другому пользователю (другу/знакомому/etc), у которого провайдер использует imarker, и, в конечном итоге, заход imarker засчитывается первому. Таких случаев около пары десятков, все они были проверены вручную по логам веб-сервера.
![image](https://habrastorage.org/getpro/habr/post_images/ab7/6f9/5de/ab76f95de6f2fdff04cc2662397190fb.png)
На самом деле, все немного иначе.
Сухая статистика
Как вы, возможно, помните, я сделал специальную страницу, которая определяет наличие imarker у заходящего на нее посетителя. К сожалению, первые дни она работала не лучшим образом из-за rate limit со стороны imarker, поэтому, чтобы обойти это ограничение, чуть позже я сделал автоматическую генерацию домена нижнего уровня. Также, было незначительное количество ложных срабатываний из-за того, что люди делились сгенерированными уникальными ссылками, а не основной, из-за чего иногда получалось так, что пользователь, у которого нет imarker, дает уникальную ссылку другому пользователю (другу/знакомому/etc), у которого провайдер использует imarker, и, в конечном итоге, заход imarker засчитывается первому. Таких случаев около пары десятков, все они были проверены вручную по логам веб-сервера.
+68
Избавляемся от JavaScript в социальных кнопках (Facebook, VK, Twitter и др.)
5 min
79KTutorial
Как мы избавились от JavaScript-библиотек социальных сетей, ускорили скорость загрузки страниц и использовали RESTful API для “шаринга” и “лайков”.
![](https://habrastorage.org/files/e8f/871/f82/e8f871f823b440ff93548bc68debb48c.png)
![](https://habrastorage.org/files/e8f/871/f82/e8f871f823b440ff93548bc68debb48c.png)
+68
Управленческие инструменты: интеллект-карта “Формула работы с людьми”
2 min
56KНа одном из моих первых тренингов один из присутствующих менеджеров задал вопрос:
Когда меня называют экспертом, надо понимать эффект. Мне становится очень приятно, я отрываюсь от земли, мозг отключается и дальше начинается словесный поток. (Если хотите поставить эксперимент, подойдите к докладчику на любой конференции после доклада и скажите что-нибудь вроде: “Спасибо, очень понравился Ваш доклад. Вот Вы, как эксперт, как считаете...” Дальше можно спрашивать что угодно, но человек будет уже не с вами. Мы поэтому просим никогда не обращаться к нам как к экспертам.)
В общем, меня понесло…
— Александр, а вот такая ситуация. Я возвращаюсь из отпуска и обнаруживаю, что, пока меня не было, мой начальник уволил моего ключевого сотрудника. Вот Вы, как эксперт, как считаете — это нормально или нет?
Когда меня называют экспертом, надо понимать эффект. Мне становится очень приятно, я отрываюсь от земли, мозг отключается и дальше начинается словесный поток. (Если хотите поставить эксперимент, подойдите к докладчику на любой конференции после доклада и скажите что-нибудь вроде: “Спасибо, очень понравился Ваш доклад. Вот Вы, как эксперт, как считаете...” Дальше можно спрашивать что угодно, но человек будет уже не с вами. Мы поэтому просим никогда не обращаться к нам как к экспертам.)
В общем, меня понесло…
+21
Яндекс вовсю показывает свою рекламу во Вконтакте
2 min
7.3K![image](https://habrastorage.org/files/fc4/451/8d7/fc44518d77bd4d88b7f419b193fcc58a.jpg)
В сентябре «Яндекс» и «Вконтакте» договорились об эксперименте — показах рекламных объявлений, предназначенных для рекламной сети «Яндекс» на сайте «Вконтакте». Ссылка на статью в «Ведомостях».
Многие рекламодатели уже заметили свою рекламу, размещенную через сервис «Яндекс.Директ» на просторах «Вконтакте». Лично я замерил на 10 разных компьютерах и аккаунтах — каждый второй показ рекламы «Вконтакте» — это показ рекламы РСЯ (рекламной сети «Яндекса»). Таким образом, можно смело говорить, что это уже не эксперимент, а реальность. А это огромное событие для всей рекламной индустрии Рунета.
Почему это так?
+10
1 августа — Всероссийская интернет-забастовка (#ЗаконПротивИнтернета)
2 min
267K1 августа вступил в силу 187-ФЗ.
Более известный широкой общественности под разными эпитетами: «антипиратский», «закон о произвольных блокировках», «руcская SOPA».
Или просто — закон против интернета.
На Хабре уже не раз обсуждался данный закон, как его молниеносно рассмотрела Госдума, со скоростью света одобрил Совет Федерации и неминуемо подписал президент.
Тут был коллективно разработан один из вариантов протестной блокировки своих ресурсов с помощью скрипт-заглушки, предлагались и вывешивались баннеры в поддержку петиции об отмене 187-ФЗ, разрабатывались информационные плагины и приложения, вырабатывались и другие варианты дальнейших действий.
Наверное вы слышали и об оффлайн-акциях 28 июля, прошедших по всей России, от Москвы до Хабаровска под лозунгом «За свободный интернет», кто-то из вас и участвовал в них.
Сегодня настал день массированного высказывания своей позиции уже в онлайне, на той территории, за которую идет бой. Предпринята очередная атака на интернет. Можно промолчать и философски наблюдать за развитием событий. Но равнодушие, как известно, убивает. Потом придут и за тобой.
Итак, настал день Всероссийской интернет-забастовки.
Более известный широкой общественности под разными эпитетами: «антипиратский», «закон о произвольных блокировках», «руcская SOPA».
Или просто — закон против интернета.
На Хабре уже не раз обсуждался данный закон, как его молниеносно рассмотрела Госдума, со скоростью света одобрил Совет Федерации и неминуемо подписал президент.
Тут был коллективно разработан один из вариантов протестной блокировки своих ресурсов с помощью скрипт-заглушки, предлагались и вывешивались баннеры в поддержку петиции об отмене 187-ФЗ, разрабатывались информационные плагины и приложения, вырабатывались и другие варианты дальнейших действий.
Наверное вы слышали и об оффлайн-акциях 28 июля, прошедших по всей России, от Москвы до Хабаровска под лозунгом «За свободный интернет», кто-то из вас и участвовал в них.
Сегодня настал день массированного высказывания своей позиции уже в онлайне, на той территории, за которую идет бой. Предпринята очередная атака на интернет. Можно промолчать и философски наблюдать за развитием событий. Но равнодушие, как известно, убивает. Потом придут и за тобой.
Итак, настал день Всероссийской интернет-забастовки.
![image](https://habrastorage.org/getpro/habr/post_images/500/42f/fdc/50042ffdc2d63c34eeb9cdc22161030b.png)
+119
Каждому по Landing Page. Наболевшее
6 min
240KТо ли с подачи Бизнес Молодости, то ли по иным причинам, сейчас только ленивый не предлагает разработку Landing Page. И на то есть причины. Согласно глобальной идее, лендинг – эта такая особая страница, которая технично должна превращать посетителей в лиды со значительно большей вероятностью, чем это умеет делать сайт в привычном понимании.
![](https://habrastorage.org/getpro/habr/post_images/982/4de/e09/9824dee095ccf1c625c3aefe806f6190.jpg)
Сатира на большинство «лендинг пейджей»
![](https://habrastorage.org/getpro/habr/post_images/982/4de/e09/9824dee095ccf1c625c3aefe806f6190.jpg)
Сатира на большинство «лендинг пейджей»
+72
Создаём шаблон 1С-Битрикс на базе Bootstrap вёрстки
29 min
155KTutorial
Введение
Уважаемый читатель, данная статья является по сути своей продолжением статьи «Как сверстать веб-страницу. Часть 2 — Bootstrap» и здесь мы отойдём от собственно вёрстки, занявшись интеграцией HTML шаблона в CMS 1С-Битрикс.
В предыдущей части Хабраюзер Mirantus сверстал шаблон Corporate Blue от студии Pcklaboratory с помощью Bootstrap 3.
+11
Битрикс24 CRM — мощное оружие в битве продаж
5 min
41KВ предыдущей статье мы коротко прошлись по основным сценариям работы с системой Битрикс24 и уверенно пообещали, что до конкретики рукой подать. Пришло время отвечать за слова, а начнем мы с наиболее востребованного и часто используемого компонента любого корпоративного SaaS-сервиса — CRM. Битрикс24 далеко не исчерпывается данной функциональностью, но CRM-составляющая, как и следовало ожидать, пользуется особым вниманием сотрудников. В рамках данной статьи мы очертим основные особенности реализации элементов CRM в данном продукте, а уж с чем его сравнивать и в чью пользу — смотрите сами, тут у вас полная свобода действий.
![](https://habrastorage.org/files/676/1c5/378/6761c53780ee485caaa41680e6c63987.jpg)
Процесс продаж может сильно различаться в зависимости от того, в какой отрасли оперирует ваша компания. Разумеется, никто лучше вас не знает, как именно менеджеры должны реагировать на заявки, с какой вероятностью лиды конвертируются в сделки, и чем вы вообще занимаетесь. Фирма оказывает консультационные услуги? Поддерживает интернет-магазин с возможностью приема заказов по телефону? Может быть, вы делаете и продвигаете сайты?
![](https://habrastorage.org/files/676/1c5/378/6761c53780ee485caaa41680e6c63987.jpg)
Процесс продаж может сильно различаться в зависимости от того, в какой отрасли оперирует ваша компания. Разумеется, никто лучше вас не знает, как именно менеджеры должны реагировать на заявки, с какой вероятностью лиды конвертируются в сделки, и чем вы вообще занимаетесь. Фирма оказывает консультационные услуги? Поддерживает интернет-магазин с возможностью приема заказов по телефону? Может быть, вы делаете и продвигаете сайты?
0
Создание своего WebRTC приложения на платформе 1С-Битрикс
6 min
16K![](https://habrastorage.org/getpro/habr/post_images/d69/b6e/451/d69b6e451a91228a5e739d90750ef697.jpg)
На просторах Хабра все чаще и чаще публикуются статьи про технологию WebRTC, уже написано несколько хороших статей о том, как начать работать с технологией WebRTC (например: раз, два).
В этой статье я хочу рассказать, как используя технологии WebRTC и Битрикса, создать своё мультимедийное веб-приложение.
+8
Игра шаблонов. Как примирить Битрикс со сторонним шаблонизатором вывода
7 min
14KPHP-разработкой я занимаюсь уже довольно давно, и за это время научился использовать преимущества этого языка и избегать, по возможности, его недостатков. Но что мне никогда не нравилось в PHP — это встроенный механизм шаблонизации. Обилие символов “<?php … ?>” и многословных языковых конструкций бьет по глазам, возможность использования в шаблоне произвольного PHP-кода не способствует соблюдению принципа разделения логики и представления.
Поэтому я благодарен судьбе (и сообществу разработчиков, конечно) за то, что существуют альтернативные движки шаблонизации, с гораздо более приятным синтаксисом при тех же функциональных возможностях. Ну, а поскольку большая часть PHP-проектов у нас, в Центре Высоких Технологий, разрабатывается на Symfony2 Framework, то нашим любимым шаблонизатором стал Twig. Помимо указанных выше преимуществ, он еще и безгранично расширяемый, что очень часто помогает в работе.
Но жизнь частенько преподносит сюрпризы. Вот и на меня недавно свалился небольшой, но довольно интересный проект, делать который нужно было на… Битриксе! К счастью, работать с Битриксом мне уже приходилось, но было это давно(и неправда), поэтому я воспринял проект как возможность посмотреть на свой прошлый опыт с новой точки зрения, применить накопленные знания и навыки в несколько ином контексте.
И первое, что мне захотелось сделать — “прикрутить” Twig, чтобы не мучиться с нативной шаблонизацией.
Вот что из этого получилось.
Поэтому я благодарен судьбе (и сообществу разработчиков, конечно) за то, что существуют альтернативные движки шаблонизации, с гораздо более приятным синтаксисом при тех же функциональных возможностях. Ну, а поскольку большая часть PHP-проектов у нас, в Центре Высоких Технологий, разрабатывается на Symfony2 Framework, то нашим любимым шаблонизатором стал Twig. Помимо указанных выше преимуществ, он еще и безгранично расширяемый, что очень часто помогает в работе.
Но жизнь частенько преподносит сюрпризы. Вот и на меня недавно свалился небольшой, но довольно интересный проект, делать который нужно было на… Битриксе! К счастью, работать с Битриксом мне уже приходилось, но было это давно
И первое, что мне захотелось сделать — “прикрутить” Twig, чтобы не мучиться с нативной шаблонизацией.
Вот что из этого получилось.
+8
Применение RFM-анализа в сегментировании клиентской базы
5 min
57KСегментация и таргетинг — это альфа и омега маркетинга, и email-маркетинг — не исключение. Даже если у вас есть накопленная за годы работы клиентская база, веерные рассылки могут принести вам не меньше вреда, чем пользы. Вам нужно уметь отправлять именно те письма, которые будут нужны вашим клиентам и принесут вам необходимые продажи или, например, регистрации на сайте, при этом не заваливая ящики ваших клиентов ненужными сообщениями, которые они бы воспринимали как спам. Для этого необходимо чётко понимать, кому и зачем вы отправляете каждое ваше письмо.
![](https://habrastorage.org/getpro/habr/post_images/84b/9e0/94c/84b9e094c03483717836e59dd084109e.jpg)
Специально для хабраблога компании Unisender мы подготовили цикл материалов «Таргетинг и сегментация email-рассылок». Во второй статье мы переходим к рассмотрению конкретных методик сегментации и расскажем о применении RFM-анализа в сегментации клиентской базы.
![](https://habrastorage.org/getpro/habr/post_images/84b/9e0/94c/84b9e094c03483717836e59dd084109e.jpg)
Специально для хабраблога компании Unisender мы подготовили цикл материалов «Таргетинг и сегментация email-рассылок». Во второй статье мы переходим к рассмотрению конкретных методик сегментации и расскажем о применении RFM-анализа в сегментации клиентской базы.
+16
Information
- Rating
- Does not participate
- Location
- Санкт-Петербург, Санкт-Петербург и область, Россия
- Date of birth
- Registered
- Activity