Мобильный маркетинг. Мобильные технологии – революция в маркетинге, коммуникациях и рекламе

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

Технологии и их язык

Говоря про разработку мобильных сайтов, нужно знать множество технических терминов и названий соответствующих технологий. Ниже вы найдете список самых важных терминов, которые помогут ориентироваться в теме, на равных вести разговор и строить планы относительно ваших мобильных сайтов.

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

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

– JavaScript – клиентский язык программирования (запускается и используется в браузере), обеспечивающий дополнительные функции веб-страниц. Часто его применяют, чтобы выбрать наиболее подходящие CSS для конкретного устройства.

– Отзывчивый дизайн – обеспечивает отображение веб-страниц для разных устройств, подстраивая раскладку и элементы страницы. Эта подстройка производится в браузере.

– Адаптивный дизайн – позволяет направлять конкретную версию веб-страницы на конкретное устройство или браузер. Если устройство и/или браузер известны, на них отправится только соответствующая версия страницы.

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

– RESS – отзывчивый веб-дизайн с серверными компонентами. Метод комбинирования элементов отзывчивого дизайна и других технологий с целью максимально оптимизировать мобильное взаимодействие и устранить недостатки отдельных технических приемов. RESS часто называют «адаптивным дизайном».

– Медиазапросы – элемент CSS, важная часть отзывчивого дизайна. Позволяют адаптировать раскладку под разрешение и раскладку экрана.

– «Резиновая сетка» – принцип состоит в том, что положение и раскладка веб-страницы «растягиваются» вместе с окном браузера, а не являются фиксированными. Это обеспечивает упрощенную адаптацию раскладок под экраны разных размеров.

Примеры мобильных сайтов и отзывчивого дизайна

На нашем сайте есть замечательные практические примеры мобильных сайтов и отзывчивого дизайна .

Отзывчивый дизайн на деле

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

Однако, упоминая отзывчивый дизайн, большинство на самом деле говорит о нескольких технических приемах, которые используются одновременно, – это RESS или другие гибридные решения.

Трехэтапное руководство «на скорую руку» по веб-сайтам с отзывчивым дизайном

Я бы многое отдал, чтобы на заре моей карьеры в цифровом маркетинге кто-нибудь дал мне советы, которые я предлагаю ниже. Это избавило бы меня от многих проблем при создании сайтов с нуля, когда приходилось «подгонять под себя» CMS и пререкаться по поводу дорогостоящих усовершенствований функционала.

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

Перед вами могущественный WordPress!

Заявляю с полной ответственностью – я обожаю и искренне восхищаюсь WordPress. Думаю, это одна из лучших вещей за всю историю интернета! А причина проста – он позволяет создавать множество самых разных сайтов быстро, легко и рентабельно, при этом работает и с мобильными сайтами, и с отзывчивым дизайном.