что это и как её сделать, отличие с адаптивной версткой

Мобильная версия сайта уже давно не дань моде, а необходимость. По данным Mediascope, в 2020 году в России каждый день мобильным интернетом пользовались в среднем 65,2% населения. Это значит, что для полноценного взаимодействия с пользователями ваш сайт должен корректно работать на всех мобильных девайсах. В этой статье мы расскажем о том, как сделать мобильную версию сайта, как оценить её качество и какие ошибки при адаптации сайта допускают многие разработчики.

Что такое мобильная версия сайта и зачем она нужна?

Мобильная версия сайта — это версия основного сайта, которая позволяет удобно пользоваться им на любых мобильных устройствах.

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

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

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

Мобильная аудитория интернета

Из отчёта Digital 2020 видно, что в 2019 году больше половины времени, проведённого в интернете, люди провели с мобильных устройств.

Среди всех интернет запросов 53,3% приходится на мобильные устройства. Это на 8,6% больше, чем в прошлом году. ПК всё ещё играют большую роль в трафике, но их значимость постепенно снижается.

А что в России?

По данным Mediascope, в 2020 году мобильным интернетом хотя бы раз пользовались 70,8% человек. При этом среди населения до 44 лет проникновение интернета уже больше 90%.

А теперь о покупках в интернете. По данным Pwc, пандемия в 2020 только увеличила популярность мобильных устройств. До коронавируса 24% пользователей делали покупки с помощью мобильных. Сейчас цифра увеличилась до 39%. А если прибавить сюда данные по планшетам, получится, что мобильные устройства в два раза опережают ПК.

Мобильная версия сайта VS Адаптивная вёрстка

Адаптировать сайт под мобильные устройства можно двумя способами.

Мобильная версия — это, по сути, отдельный сайт. Он специально разработан под формат мобильных устройств и содержит только минимум необходимой информации. Так как сайт размещается на отдельном поддомене, ссылка будет выглядеть как m.name.ru или mobile.name.ru.

Мобильную версию сайта из-за высокой стоимости обычно могут себе позволить только крупные компании. Например, мобильные версии есть у Вконтакте и Youtube.

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

В пример можно привести интернет-магазин Ozon. В мобильной версии нет таких больших анимационных баннеров, а основное меню сделано в виде заметных иконок.

Давайте зафиксируем плюсы и минусы каждого способа.

Какую версию выбрать? Зависит от ваших приоритетов.

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

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

Отдельная мобильная версия может добавить сложностей с SEO оптимизацией. Содержание обеих версий сайта в основном будет пересекаться, а значит, есть риск того, что позиции сайта в поисковых системах могут снизиться. Перед тем, как принимать решение о том, какой вариант адаптации выбрать, рекомендуем ознакомиться с этим материалом от Google.

Как узнать адаптирован ли ваш сайт под мобильные устройства?

У Яндекса и Google есть собственные сервисы, которые позволяют проверить адаптивность сайтов:

• Проверка оптимизации для мобильных от Google
• Проверка мобильных страниц в Яндекс.Вебмастере

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

Как перевести свой сайт на мобильную версию?

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

CMS. На сайт, созданный при помощи CMS, легко вносить изменения даже без навыков программирования. Для адаптации под мобильные устройства, конечно, понадобятся определённые навыки, но сделать это тоже достаточно просто и быстро.

Популярные CMS системы:

• 
  WordPress
• 
  1С-Битрикс
• 
  Joomla

Конструкторы сайтов. Если вам не по карману полноценная разработка сайта, конструкторы вроде Tilda или Wix — ваш вариант. Эти сервисы сделаны для непрофессионалов, поэтому разобраться в них под силу всем. Однако есть и минусы. Конструкторы могут не иметь всех необходимых вам функций. Базовый дизайн у таких сайтов тоже типовой. Но если вы готовы потратить время на то, чтобы разобраться в коде, можно разработать более индивидуализированный вариант. Такие конструкторы автоматически адаптируют сайты для мобильных телефонов и планшетов.

Как протестировать готовый мобильный сайт?

Оцениваем скорость загрузки

PageSpeed Insights от Google оценивает, как быстро загружаются сайты на мобильных устройствах и ПК. Результат показывается в баллах от 0 до 100, где 100 — идеально быстрая загрузка.

Сервис не только оценивает скорость загрузки страницы, но и даёт рекомендации, как исправить ситуацию и сделать сайт быстрее.

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

Проверяем на отсутствие ошибок

Бесплатный сервис от PR-CY показывает базовую информацию о мобилопригодности сайта. Оценивается размер шрифтов, наличие плагинов и так далее.

Подобный сервис, о котором мы уже сегодня говорили, есть у Яндекса.

Проверяем сайт вручную

Лучше всего проверять сайт на реальных мобильных устройствах. Обычно этим занимаются тестировщики. Но если вы делаете сайт сами, попробуйте открыть его со своего телефона, попросите коллег с другими устройствами проверить правильность отображения всех элементов. Поставьте себя на место пользователя: как выглядит сайт на мобильном устройстве? Насколько удобно прокручивать страницу? Достаточно ли большой шрифт?

Если большого количества мобильной техники под рукой нет, можно воспользоваться симуляторами. Они помогут увидеть, как будет выглядеть сайт на разных типах устройств. Как правило, все они платные. Например, BrowserStack. Но есть и бесплатные версии тестировщиков с меньшим функционалом. Один из них — Adaptivator.

На что обратить внимание при проверке сайта? Рассказываем ниже.

Чек-лист качества мобильной версии сайта

А теперь посмотрим, как должен выглядеть хороший, адаптированный под мобильные устройства сайт. Для примера возьмём сайт нашего агентства.

➔    В меню можно перейти с главного экрана

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

➔    На сайте есть только вертикальная прокрутка

Горизонтальная прокрутка очень затрудняет чтение текста, поэтому от неё точно нужно отказываться.

➔    Текст написан достаточно крупным шрифтом

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

➔    Контент можно увеличивать

Даже если ваш шрифт достаточно крупный, не отказывайте пользователям в возможности увеличить экран.

➔    Сайт вписывается в размеры экрана

Текст не должен быть расположен впритык к краям экрана. Всегда должно оставаться свободное место.

➔    Кнопки удобны для касания пальцев

Кнопки на сайте должны быть достаточно большие, чтобы их было удобно нажимать.

➔    Отсутствуют длинные формы для заполнения

В форме обратной связи должно быть не больше 4-5 вопросов. Например, на нашем сайте мы просим посетителей заполнить 4 поля: имя, e-mail, телефон и ссылку на их сайт. Если форма открывается в отдельном окне, она не должна закрывать собой весь остальной контент.

➔    Номер телефона кликабелен

Пользователь должен иметь возможность связаться с вами как можно проще. Если номер будет добавлен в виде картинки, на него нельзя будет кликнуть и сразу перейти к звонку. Вводить номер руками не слишком удобно.

➔    Видео контент корректно воспроизводится

На сайте не должно быть никаких Flash-элементов, а видео должно открываться на весь экран.

Топ 7 ошибок в мобильных версиях сайтов

Чтобы адаптация сайта под мобильные устройства прошла безболезненно, важно избежать этих ошибок:

1. Сложный интерфейс

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

2. Слишком маленькие кнопки

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

3. Контент, который нельзя воспроизвести

Вся информация, размещённая на мобильной версии сайта, должна корректно отображаться. Особенно это касается видео. Например, на сайтах до сих пор часто встречаются Flash-элементы, хотя эта технология уже признана устаревшей и небезопасной. Избавьтесь от такого контента, и это увеличит скорость загрузки сайта.

4. Большое количество текста на странице

В идеале в мобильной версии пользователь не должен видеть весь текст, предназначенный для пользователей ПК. Конечно, загрузка текстовых блоков не займёт много времени и не отразится на скорости сайта. Зато большие полотна влияют на дизайн мобильной версии сайта и его юзабилити.

5. Невозможность перейти к полной версии

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

6. Нечитабельный шрифт

Это касается не только размера, но и контрастности цветов. При этом слишком контрастные цвета выбирать также не стоит. Они хуже воспринимаются человеческим зрением. Просмотр сайта на мобильных устройствах должен быть также комфортен, как и на ПК.

7. Долгая загрузка

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

• 
  Большого количества тяжёлых графических материалов
• 
  Одновременной загрузки всего мультимедийного контента
• 
  Большого числа скриптов, часто ненужных для мобильной версии

В заключение

Мобильный трафик не перестаёт расти каждый год и в России, и в мире. Конечно, многие пользователи не отказываются от компьютеров, но в целом это скорее симбиоз. Найдётся мало людей, которые выходят в интернет только с ПК и никогда не пользуются мобильными телефонами.

Поэтому мобильная версия сайта — необходимость для любого бизнеса.

В процессе нашей работы с клиентами мы обязательно оцениваем качество мобильной версии их сайта, а после даём свои рекомендации по улучшению. Если мобильной версии нет, мы берём процесс её создания на себя.

Хотите узнать, как сделать так, чтобы сайт был не только удобным для пользователей, но и приносил прибыль? Читайте нашу статью “14 шагов к созданию сайта, который получит трафик”.

Влияние мобильной версии сайта на seo-продвижение

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

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

Проводим аудит мобильной версии сайта

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

Улучшаем дизайн и юзабилити

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

Постарайтесь исключить такие распространенные ошибки мобильного дизайна, как:

• перегруженность контентом;
• слишком близкое расположение ссылок и элементов интерфейса;
• большая глубина вложенности страниц;
• необходимость вручную увеличивать отдельные объекты для их просмотра;
• отсутствие адаптивной верстки (нет оптимизации для всех размеров и разрешений экрана).

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

Снижаем процент отказов

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

Примерный план устранения стоп-факторов на основе самых распространенных таков:

• Увеличьте скорость загрузки страниц. Во-первых, это приветствуется поисковиками. Во-вторых, пользователи мобильных устройств не станут терпеливо ждать, пока откроется медленный сайт или загрузится страница с нужной информацией. Они просто закроют вкладку и перейдут по следующей ссылке в выдаче.
• Упростите навигацию. Переработайте для мобильной версии меню сайта, оно должно быть кратким и понятным, его элементы — достаточно крупными, чтобы попадать по ним с первого раза.
• Скройте лишний контент. Небольшие по сравнению со стационарными мониторами экраны мобильных устройств не способны адекватно отобразить за раз тот же объем контента.
• Позаботьтесь о качестве отображения. Проверьте размещение и читабельность текста на разных размерах экрана. Проконтролируйте то, как под них подстраиваются изображения. Важно, чтобы пользователю не приходилось вручную увеличивать страницы.
• Избавьтесь от всплывающих окон. На десктопной версии они нередко раздражают, а в мобильной — напрямую мешают пользоваться сайтом. Большинство пользователей, увидев такое, решат, что их не уважают, и будут правы. Да и Гугл реагирует негативно и понижает позиции страниц, на которых всплывающие окна закрывают более трети контента.

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

Различия в маркетинговой стратегии

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

Они оба относятся к сфере цифрового маркетинга, так как далеко они могут быть друг от друга, верно? Неправильный. Конечно, есть некоторые совпадения, похожая терминология, и то и другое требует постоянного обновления. Но средства для этого различаются почти во всех деталях.

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

Мы в Moburst, агентстве мобильного маркетинга, здесь, чтобы углубиться в детали того, как вы должны разделить свои стратегии веб-маркетинга и маркетинга приложений.

ASO и SEO: в чем разница?

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

ASO расшифровывается как Оптимизация магазина приложений. Иногда это называют SEO для приложений. За исключением того, что ASO пытается направить не органический трафик на сайт, а обычные загрузки приложения, оптимизируя приложение, чтобы оно занимало как можно более высокое место в магазине приложений. Он направлен на повышение видимости как результатов поиска, так и трафика, связанного с просмотром (например, рейтинг категорий и размещение в разделе «Похожие приложения» на странице аналогичного приложения).

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

С ASO вы связаны ограничениями различных магазинов приложений. Даже между двумя крупными игроками, Apple App Store и Google Play, существуют значительные различия в требованиях. Например, название каждого приложения имеет ограничение по количеству символов, скриншоты должны соответствовать определенным размерам и т. д.

В iOS имя приложения и подзаголовок могут содержать не более 30 символов каждое. В Google Play имя приложения может быть 50, а краткое описание — 80. В то время как с SEO у вас гораздо больше свободы действий, чтобы вести свою веб-страницу в любом направлении, которое вы выберете. Хотя некоторые методы должны работать лучше, чем другие, не обязательно, чтобы вы создавали их с учетом этого.

Когда дело доходит до списков результатов поиска, роли меняются, и ASO дает больше свободы действий. В магазинах приложений вы можете поиграть со значками, видео, снимками экрана, заголовками и описаниями на страницах результатов поиска. Но когда вы ищете Google в Интернете, что вы видите? В основном это длинный список синих ссылок и много текста. В этом отношении большую роль в ASO играют визуальные эффекты.

Что касается факторов, влияющих и на ASO, и на SEO, вы уже догадались… Они тоже различаются. Для обоих есть огромный список, и мы не будем их все описывать (это еще одна тема для другого дня). Однако, по некоторым представлениям, на ASO влияют название приложения и его краткое описание, скриншоты и другие визуальные элементы, локализация и так далее. SEO зависит от UX, метаданных, вовлеченности пользователей и многих других факторов.

Ключевые слова: правильно ли вы их используете?

Вы должны быть тактичны в использовании ключевых слов как в мире приложений, так и в веб-маркетинге. Никто не хочет читать текст, напичканный ключевыми словами, который предлагает мало ценности, кроме каждого потенциально релевантного ключевого слова. Во всяком случае, это не нужно для App Store, потому что он наказывает вас за это, и это не нужно на веб-странице, потому что Google довольно умен и все равно может понять, что вы пытаетесь сказать.

Одним из самых больших отличий является тот факт, что магазины приложений позволяют использовать только ограниченное количество символов для различных метаданных. Например, в App Store разрешены только субтитры длиной до 30 символов, а в Google Play разрешены только заголовки приложений длиной до 50 символов. Это сильно ограничивает количество ключевых слов, которые можно использовать, особенно по сравнению с веб-страницами, где границы безграничны.

Вы можете позволить себе использовать каждое ключевое слово только один раз, чтобы не использовать максимальное количество символов, поэтому будьте осторожны с тем, что вы выбираете. В Apple App Store использование ключевого слова более одного раза в любом случае не влияет на ваш рейтинг. Это не относится к Google Play Store или миру SEO, где использование большего количества ключевых слов может повысить ваш рейтинг.

Интересно, что в App Store описание приложения не индексируется и поэтому не влияет на ASO-рейтинг, несмотря на то, что составляет основную часть текста. Ключевые слова здесь менее важны.

Однако в магазине Google Play ключевые слова индексируются и влияют на ASO. То же самое касается веб-страниц, где ключевые слова в основной части текста, безусловно, индексируются и влияют на ранжирование. Использование релевантных и популярных ключевых слов с низкой сложностью является одним из наиболее важных элементов SEO-текста.

Что же касается исследования ключевых слов, то это чуть ли не единственное общее между ASO и SEO. Почему, спросите вы? Ну, есть определенные показатели, которые мы используем для проверки ключевых слов как в ASO, так и в SEO. Они варьируются от популярности ключевого слова / объема поиска до сложности ключевого слова, причем многие из них находятся между ними.

Вы можете использовать инструменты онлайн-исследований, чтобы найти эти показатели и определить, какие ключевые слова дадут вам наилучшие шансы на ранжирование. Примерами платформ и инструментов, которые мы рекомендуем, являются AppTweak, Ahrefs, MobileAction и SEMRush.

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

Хотя инструменты, используемые для исследования ключевых слов ASO и SEO, могут различаться (например, AppTweak для ASO и Ahrefs для веб-SEO), используемые показатели и последующие процессы оценки одинаковы. Это связано с тем, что и ASO, и SEO стремятся к одному и тому же конечному результату в своих областях — поиску правильных ключевых слов и более высокому рейтингу для них.

Как поведение пользователя влияет на маркетинговую стратегию?

Поскольку Интернет и приложения — это две разные сущности, было бы наивно ожидать, что привычки пользователей будут одинаковыми. Приложения в основном предназначены только для использования на мобильных устройствах и планшетах, тогда как веб-страницы доступны и на настольных компьютерах. Мы живем в обществе, ориентированном на мобильные устройства, где средний потребитель в США проводит около четырех часов в телефоне в день. При этом исследования показали, что почти три из этих четырех часов тратятся на приложения.

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

Мобильность мобильных устройств позволяет использовать дополнительные способы маркетинга для пользователей, такие как push-уведомления и геомаркетинг для увеличения трафика и конверсий. Геомаркетинг — это когда маркетологи используют геолокацию пользователя для определения части своей маркетинговой стратегии, например, для отправки вам push-уведомлений, когда вы находитесь рядом с физическим магазином.

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

Все эти привычки использования важно учитывать при разработке стратегий веб-маркетинга и приложений.

Примите во внимание маркетинговую воронку

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

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

Мобильная и веб-атрибуция — одно и то же?

Мобильная атрибуция, как правило, является более сложной из двух задач. В основном это связано с тем, что он может сломаться во многих местах по пути, а именно: Кампания -> Магазин -> Загрузка -> Взаимодействие. Однако магазин не передает данные атрибуции.

Часто бывает так, что пользователь загружает приложение через несколько дней после просмотра рекламы в Интернете, и нет возможности связать этот трафик с его источником. Это означает, что мы должны использовать сторонние сервисы, чтобы сделать это за нас; двумя ключевыми игроками, которые помогают решить проблемы атрибуции для мобильных приложений, являются AppsFlyer и Adjust.

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

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

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

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

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

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

Целевые страницы: чем они отличаются?

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

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

Для целевых страниц мобильных приложений крайне важно, чтобы наиболее привлекательная копия размещалась над «сгибом». Напоминаем, что сгиб — это точка обрезания текста, где вам нужно либо прокрутить страницу, либо нажать «читать дальше», чтобы прочитать остальную часть. Как вы можете себе представить, многие пользователи не проходят этот этап. Таким образом, наиболее желательные функции приложения и основное маркетинговое сообщение должны быть представлены до того, как оно прервется.

Цели, к которым мы стремимся, и ресурсы, которыми мы располагаем, различаются между страницами приложения и целевыми веб-страницами. Первый дает нам шаблон, в котором мы размещаем наш текст и визуальные эффекты, в то время как Интернет дает нам больше гибкости, хотя — обычно — с более простыми целями: на целевых веб-страницах мы хотим, чтобы пользователи заполнили форму, купили продукт или подписались на Новостная рассылка.

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

A/B-тестирование 101: мобильные и веб-приложения

Самое важное различие между A/B-тестированием приложений и веб-страниц, которое стоит отметить, заключается в том, что для приложений вы тестируете страницу приложения в магазине, а не само приложение. Напротив, веб-сайты сами проходят A/B-тестирование, поскольку посетители приходят прямо на сайт.

A/B-тестирование приложений можно проводить на разных платформах. Если вам нужен бесплатный вариант для Android, то Google Play Experiments — это то, что вам нужно. Однако iOS не предоставляет никаких инструментов для A/B-тестирования.

Если вам нужен отчет с большим объемом данных, вы можете выбрать такие платформы, как SplitMetrics или StoreMaven. Они имитируют внешний вид магазинов приложений, но трафик, который они получают от кампании тестировщиков, не является трафиком в реальном магазине и поэтому может вести себя иначе. В лучшем случае они очень близки к реальному трафику магазина. Этим они отличаются от Google Play Experiments и веб-сайтов, на которых вы проводите A/B-тестирование реальных потенциальных пользователей, которых вы приводите на страницу.

Наши советы по A/B-тестированию приложений:

• Проверка графических и текстовых ресурсов; обычно скриншоты, ориентация, видео и УТП.
• Сравните разные тексты и дизайны друг с другом, но убедитесь, что есть только одно изменение для каждой переменной, чтобы вы могли легко сделать вывод о том, что повлияло на результаты.
• Проанализируйте результаты, чтобы вы могли внедрить изменения и построить будущие тесты на их основе. Что такое действенные элементы? Иногда это требует настройки концептов или объединения УТП из одного концепта со скриншотами из другого.

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

Существуют различные инструменты, напр. Оптимизировано, и разные протоколы просто по своей природе нацелены на разные поведенческие тенденции, разные устройства и разные платформы.

Заключение

Давайте подытожим сходства и различия между маркетингом приложений и веб-маркетингом.

Сходства:

1. Алгоритмы органического ранжирования: Они учитывают ключевые слова, популярность и репутацию приложения и веб-сайта.
2. Исследование ключевых слов должно быть выполнено для обоих. Они являются важным инструментом обнаружения для новых пользователей, от которого могут извлечь выгоду как веб-ресурсы, так и активы приложений. Метрики, которые мы используем для этого, например. сложность ключевого слова и объем поиска одинаковы для обоих.
3. Мобильная и веб-атрибуция часто должны объединяться, чтобы создать целостный подход к атрибуции, учитывая, что многие пользователи переключаются между обеими платформами.
4. A/B-тестирование применимо к обоим. Статистические передовые методы, хорошие гипотезы и солидный бюджет на тестирование являются предпосылками для обоих.

Различия:

1. Алгоритмы органического ранжирования: В сети оно основано на качестве контента, количестве и качестве входящих ссылок и показателях взаимодействия (например, показатель отказов, время пребывания на сайте и т. д.). В мобильных приложениях речь идет о рейтингах и обзорах, рейтинге категорий (которые влияют на рейтинг ключевых слов), скорости загрузки и коэффициентах конверсии на странице приложения.
2. Исследование ключевых слов в ASO требует гораздо меньше ключевых слов с длинным хвостом, и по крайней мере 50% из них являются брендированными ключевыми словами. Кроме того, вы подвергаетесь гораздо большему количеству ограничений в ASO, поскольку имена приложений и субтитры имеют максимальное количество символов.
3. Маркетинговая воронка для Интернета в начале менее ориентирована на действия из-за того, что конверсия происходит в конце воронки, т.е. с покупкой, тогда как при маркетинге приложений требуется первоначальная конверсия в виде загрузки.
4. Мобильная атрибуция намного сложнее, чем веб-атрибуция , поскольку на пути пользователя есть больше точек разъединения.
5. Целевые страницы для Интернета имеют больше свободы для определения точек взаимодействия, в отличие от страниц приложений в качестве целевых страниц, где точки взаимодействия фиксированы.
6. A/B-тестирование для веб-маркетинга имеет гораздо больше точек взаимодействия на выбор. Для iOS нет возможности бесплатного тестирования, и если вы используете бесплатную платформу Google Play Experiment для Android, стоит отметить, что она слабая и дает мало информации.

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

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

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

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

1. Определите свою целевую страницу. Составьте простое и ясное представление о своем приложении — одного предложения должно быть достаточно. Получите вдохновение от Tinder, который сейчас является одним из лучших примеров.

2. Заведите блог. Регулярные обновления по теме, посвященной вашей основной услуге, делают вас экспертом в своей области и, возможно, стоит загрузить!

3. Используйте социальные сети. Но делай это с умом; слишком много людей думают, что скопировать и вставить ссылку достаточно. Вовлекайте свою аудиторию. Будьте интересны. Дразнить. Интрига. Сделайте себя достойным клика и публикации. Подойдите творчески к вступительному тексту. Mashable делает это очень хорошо.

4. Используйте тизеры. Создайте целевую страницу-тизер перед запуском приложения и соберите подписчиков на бета-версию через поле отправки электронной почты.

© kentoh — Fotolia.com

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

6. Размещайте технические блоги. Это сложно. Хотя вы думаете, что у вас завтра будет запущено самое потрясающее приложение, другие могут быть менее впечатлены. Не отчаивайтесь. Составьте список контактов, отправьте им электронное письмо со своим идеальным предложением и надейтесь на лучшее. Примечание. Не следите за этими редакторами, они регулярно получают массу предложений и, если им это интересно, они свяжутся с вами.

7. Спрашивайте отзывы о приложении. Помимо крупных технических блогов, существует множество сайтов с обзорами приложений. Я руковожу одним из них, Мевви, но есть еще куча других. Вот список лучших веб-сайтов с обзорами приложений, но не переставайте искать больше. Даже если вы хотите, чтобы весь мир узнал о вашем приложении, старайтесь оставаться актуальным.

8. Связаться с авторами в нише. Это одна из самых эффективных техник. Если вы найдете людей, которые хотят написать о [вставьте свою нишу здесь], возможно, они тоже захотят написать о вашем замечательном решении! Опять же, не будьте назойливыми — вы же не хотите сжигать мосты с влиятельными писателями.

9. Используйте  Disqus  или другие инструменты для поиска контента.  Помните блог, о котором я упоминал ранее? Обязательно подключите свой канал Disqus. Это очень помогает в распространении информации и возвращает трафик на ваш блог или веб-сайт!

10. Примите участие в онлайн-беседе. Если вы читаете новости и статьи на других сайтах, и сайт использует Disqus, оставьте некоммерческий, но ценный комментарий. Таким образом, вы строите свой экспертный уровень с нескольких сторон.

11. Создавайте и делитесь интересной инфографикой. Используйте такой инструмент, как Vizualize.me , для создания инфографики, а затем делитесь ею с писателями, блоггерами и в социальных сетях.

12. Подайте заявку на получение вознаграждения за приложение.  Существует множество организаций, которые награждают новые инновационные приложения за их функциональность, дизайн и т. д. Изучите эти конкурсы в Интернете и подайте заявку на тех, кто, по вашему мнению, является хорошим соперником.

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

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

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

16. Запишите подкаст. В своем шоу расскажите о проблеме, которую решает ваше приложение (примечание:0216 проблема , а не решение). Ребята из Fizzle.co с этим справляются и проводят собственное шоу на Soundcloud.

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

18. Проведите розыгрыш. С помощью такого сервиса, как Rafflecopter.com, вы можете создавать специальные призы и разыгрывать их среди тех, кто поделится вашим приложением, опубликует о вас или выполнит другие задачи.

19. Усердно работайте над своей стратегией ASO (оптимизация магазина приложений). Вы можете оптимизировать значок, заголовок, описание и скриншоты, чтобы их быстрее можно было найти в официальных магазинах приложений.

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

21. Станьте спикером. Старайтесь участвовать в публичных выступлениях и делиться своими знаниями на конференциях, панельных дискуссиях и презентациях. Делайте акцент всегда на проблеме, а не на вашем решении.

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

23. Разместить вакансию. Я не горжусь этим, но он всегда служил своей цели. Люди узнают о вашем приложении и вашей компании, когда будут искать свою следующую миссию в жизни.

24. Создайте видеоканал на YouTube или Vimeo. Старайтесь регулярно публиковать интересный контент, будь то серия «Лучшее из», обновления разработки, отраслевые новости, опросы пользователей. или пользовательский контент (большой намек!). Всегда добавляйте свой основной хэштег и описательные хэштеги, чтобы максимизировать охват в социальных сетях.

25. Наймите PR-фирму. Работа по связям с общественностью может быть дорогой, но очень эффективной. Помните приложение «Почтовый ящик» и время его запуска? У него было полмиллиона подписчиков в списке ожидания еще до того, как он вышел! Все результат хорошего пиара.

26. Реклама. Забронируйте рекламное место через www.buysellads.com на соответствующих веб-сайтах.

27. Выйдите из сети и попробуйте партизанский маркетинг. Помните, что эти кампании наиболее эффективны в районах с высокой концентрацией ваших целевых клиентов. Краеугольными камнями кампании партизанского маркетинга являются: 1. появиться – 2. запутать – 3. прояснить – 4. исчезнуть. Разъяснение должно быть гениальной частью вашей кампании!

28. Попробуйте платное открытие StumbleUpon. StumbleUpon позволяет людям находить контент, который они иначе никогда бы не нашли, исходя из их интересов и привычек просмотра. Это также дешевле, чем реклама в Facebook или AdWords.

29. Попробуйте и AdWords. Но делайте это только в том случае, если у вас есть ключевые слова и если у вас есть время каждый день корректировать свои кампании (да, несколько) по мере необходимости.

30. Общайтесь со своим кругом. Пусть ваши друзья, семья, коллеги и одноклассники узнают, что вы делаете. Периодического обновления будет достаточно, так как друзья и семья гораздо меньше вовлечены в вашу деятельность, чем вы думаете.

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

32. Расширяйте список подписчиков. Говоря об этом информационном бюллетене, продолжайте собирать адреса электронной почты и расширяйте свой список. Вы будете рады видеть, что число растет, и отправлять свои обновления тысячам, а не десяткам!

33. Дарите любовь своим критикам. Удержание клиентов на 80% дешевле, чем привлечение новых. Сосредоточьтесь на этих негативных отзывах, обратитесь к пользователям и помогите им решить их проблему с вашим приложением. Для этого можно использовать Apptentive.com.

34. Ссылка на ваши визитки. Добавьте короткий код или сканируемый код на свои визитные карточки, чтобы люди могли быстрее загрузить ваше приложение.

35. Найдите партнера. Можно ли объединиться с другим приложением? Тогда сделайте это! Перекрестно продвигайте друг друга и покажите, что вы не только в привлечении новых пользователей, но и в том, что вы отличный сотрудник.

36. Примите участие в конкурсе «Приложение дня». Конкурсы такого типа проводятся несколькими службами обнаружения приложений.

37. Раздайте хабар. Думайте нестандартно и предлагайте то, что актуально для вашей целевой аудитории. В Mevvy мы создали средства для очистки экрана и обыграли мировой «инструмент», поскольку Mevvy задумывался как платформа для поиска приложений и инструментов для бизнеса и жизни. Мы распространяли их в коворкингах Майами.

38. Поощряйте оценки клиентов. Попросите своих счастливых пользователей оставить оценку в магазине приложений, но оставьте ее реальной! В наши дни клиенты могут учуять поддельные отзывы за милю.

39. Правильно расположите свое приложение. Очень тщательно выбирайте ключевые слова и категории приложений. Они будут определять ваш рейтинг в этих областях.

40. Если применимо, создайте систему приглашений. Пользователи, у которых есть выбор между оплатой или приглашением своих друзей, с большей вероятностью рассылают приглашения. Помните Candy Crush?

41. Контролируйте свою работу. Продолжайте проверять свою аналитику через AppAnnie или Flurry, чтобы понять, как ваши пользователи взаимодействуют с вашим приложением. Делайте новые выводы, составляйте план действий, выполняйте, полоскайте, повторяйте!

42. Будьте замечены. Зайдите на полку «новых и заслуживающих внимания» в магазинах приложений, пытаясь наладить отношения с тамошними редакторами. Возможно, у вас просто есть их следующее любимое приложение.

43. Станьте гостевым блоггером. Содействуйте другим веб-сайтам и делитесь своим опытом. Вам будет разрешено поместить ссылку на ваше приложение в свою биографию, это точно!

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

45. Повторно привлекайте пользователей, которые уже установили ваше приложение. Компания Google запустила новую инициативу , в рамках которой вы можете показывать рекламу, побуждающую пользователей открывать ваше приложение. Facebook и сейчас делает то же самое.

46. Запустите рекламную кампанию на Facebook.  Получите установки из новостных лент людей.

47. Создавайте собственные штампы. Настройте почтовые марки, которые вы используете для почты. Посетите http://photo.stamps.com/Store/.

48. Ответьте на вопросы. Помогите другим получить нужные им ответы на Quora.com и используйте название вашего приложения в биографии автора. Не занимайтесь бесстыдной саморекламой; сообществу это не нравится.

49. Будьте достойны внимания. То есть будь смешным, крутым или даже эпатажным, и у тебя есть шанс пробиться в Reddit.

50. Создайте презентацию SlideShare. Возможно, ваша презентация поможет кому-то еще в разработке проекта, а вам попутно удастся загрузить несколько файлов.

51. Помогите пользователям продвигать ваше приложение. Добавьте в приложение функцию «Рассказать другу», чтобы ваши текущие пользователи могли поделиться приложением со своими друзьями, семьей, коллегами и коллегами. Стимулируйте эту функцию обмена, предлагая кредиты или скидки для каждого нового подписчика, которого кто-то приводит на борт.

52. Обменивайтесь рекламным пространством с другими мобильными приложениями. Appsfire и AdMob известны благодаря такого рода услугам.

53. Присоединяйтесь к группам LinkedIn.  Участвуйте в обсуждениях и комментируйте интересный контент. Поделитесь своим, когда это уместно.

54. Организуйте вечеринку, посвященную запуску приложения. Сделайте это веселым и увлекательным занятием. Пригласите своих основных пользователей и немного прессы.

55. Транслируйте свое мероприятие. Распространите свою вечеринку по запуску в Интернете и опубликуйте ее в прямом эфире (если ваше приложение предназначено для международного использования). Пусть люди во всем мире станут свидетелями и участниками веселья!

56. Старая школа. Хотя это старомодно, не забывайте о рубричных объявлениях. Объявление под названием «Вам нужен репетитор для вашего ребенка?» может стать идеальным вступительным заявлением для вашего приложения для учителей-фрилансеров!

57. Создавайте обои и плакаты, которые понравятся вашим пользователям. Раздайте их тем, кто действительно захочет разместить их и продвигать ваше приложение для вас!

58. Изготовить штамп с логотипом. Получите индивидуальную печать и нанесите на свой город логотип и слоган своего приложения.

59. Предлагайте бесплатные пробные версии.  Если ваше приложение платное, предложите бесплатную пробную версию для сбора информации о потенциальных пользователях. Затем обратитесь и узнайте, не подписались ли они на платный план. Стройте отношения. Пригласите их.

60. Попробуйте перенастроить рекламу с помощью AdRoll. Иногда людям нужно посмотреть дважды. AdRoll помогает вам преследовать предыдущих посетителей сайта и возвращать их на сайт вашего приложения.

61. Создание мини-карт приложений. Как и в случае с открытками «Песня недели» от Starbuck, вы можете создавать свои собственные открытки с помощью Moo.com и распространять их в кафе и других местных заведениях.

62. Установите тепловую карту в мобильное приложение. Проанализируйте, какой контент интересует и не волнует людей.

63. Свяжитесь с местным населением. Если ваше приложение предназначено для местного сообщества, рассмотрите возможность локальной рассылки. Приветственная открытка или письмо — отличный способ привлечь новых пользователей.

64. Делитесь интересным контентом на Pinterest.  Обязательно поместите на изображения водяные знаки с логотипом вашего приложения.

This entry was posted in Продвижение