Бесплатно
по России
Мобильная версия сайта: почему это важно для вашего бизнеса?
- С января 2019 по январь 2020 появилось 298 миллионов новых пользователей сети Интернет — сейчас их число составляет 4,54 миллиарда.
- При этом 5,19 миллиарда человек пользуются мобильными телефонами — прирост на 124 миллиона (2,4%) за последний год.
- В России на начало 2020 зарегистрировано 118 миллионов интернет-пользователей — это 81% населения страны.
- На мобильные телефоны приходится больше половины времени, которое мы обычно проводим в интернете — 50,1%.
- При этом уже сейчас 92% всех интернет-пользователей могут выходить в Интернет через телефон, и около 53% всех запросов в интернете делают с мобильных.
- Аналитики мобильного рынка из компании App Annie утверждают, что на мобильные приложения теперь приходится 10 из каждых 11 минут пользования мобильным устройством.
Это означает, что люди используют разные средства для выхода в интернет, комбинируя их в зависимости от собственных потребностей и комфорта. И бизнесу необходимо строить свою онлайн-деятельность с учетом этого факта.
Как «зацепить» мобильных клиентов: четыре основных способа
Сайты с привычной нам версткой, предназначенной для экранов ПК и ноутбуков, неудобно открывать на телефоне: другая ориентация экрана, перегруженность тяжелыми элементами, неудобное расположение блоков и слишком мелкие кнопки. А что делают пользователи, если на сайте им неудобно? Как правило, они просто уходят. А у вас падает конверсия, да и трафик тоже. А еще вы теряете клиентов.
Есть несколько способов привлечь пользователей смартфона.
- Мобильная версия сайта — пожалуй, самый удобный вариант и для клиента, и для бизнеса. Его функционал ничем не отличается от классической веб-версии, но специальная верстка позволяет удобно просматривать страницы и перемещаться по ним с мобильных телефонов и планшетов.
- Фирменное приложение — удобный инструмент для бизнеса, которому необходимо постоянное взаимодействие со своим клиентом. Здесь можно добавить любые индивидуальные функции: прикрепить дисконтную карту или форму заказа, дополнительные скидки и бонусы за использование приложений. Это удобно для кафе и служб доставок, супермаркетов и онлайн-магазинов. А вот если вы продаете, например, мебель — вероятность того, что ваши клиенты скачают и установят приложение ради одной покупки очень мала.
- Яндекс Турбо и Google Amp — собственные технологии поисковых систем, позволяющие содавать ускоренные мобильные страницы. Технология очень удобна для сайтов, обеспечивает максимальную скорость загрузки — гораздо быстрее, чем у обычных мобильных версий. Главный ее минус — то, что каждая из них работает только для своей поисковой системы, а процесс создания ускоренного сайта достаточно трудоемкий. Кроме того, сервисы, не смотря на регулярные обновления, все еще сохраняют недоработки.
- Странички в социальных сетях — этот способ требует меньше всего финансовых вложений, но больше всего — ваших усилий. Активность в социальных сетях нужно поддерживать постоянно (в идеале — каждый день). Зато они позволяют даже оформлять заказы, не покидая приложения и используя хорошо знакомый пользователю интерфейс. Хорошо для творческих мастерских, имиджевых брендов и небольших интернет-магазинов.
Что вам дает наличие мобильной версии?
- Максимальный охват целевой аудитории и создание комфортных условий для посетителей. Создавая мобильную версию, вы включаете в число своих потенциальных клиентов большую группу людей и даете им возможность без труда работать именно с вами.
- Повышение оценки со стороны поисковых систем. И Яндекс, и Google разработали собственные алгоритмы, оценивающие наличие мобильной версии и ее удобство. Более того — в ближайшее время в Google запустят Mobile First-индексацию, при которой положение ресурса в выдаче будет напрямую зависеть от оптимизации для смартфонов и планшетов — даже если пользователь вводит запрос с ПК. Кроме того, поисковики принимают во внимание поведенческие факторы, и снижают позицию в выдаче у тех ресурсов, которые пользователи часто покидают почти сразу после перехода.
Узнать, с каких устройств пользователи чаще заходят именно на ваш сайт, можно через Google Analytics или Яндекс.Метрику. В Google Analytics вам нужен отчет «Аудитория -> Мобильные устройства -> Обзор». В Яндекс.Метрике - «Отчеты -> Технологии -> Устройства».
Мобильная версия и адаптивный дизайн: что лучше?
Еще один способ сделать удобнее использование вашего сайта со смартфонов или планшетов — разработать для него адаптивную верстку. В этом случае вам не понадобятся дополнительные поддомены и полноценная проработка самостоятельного интерфейса.
Адаптивный дизайн предполагает, что сайт автоматически подстраивается под экран устройства, комбинируя блоки так, чтобы сделать просмотр контента и переход между страницами максимально удобным.
Этот способ проще (особенно для новых сайтов, разрабатываемых с нуля), у страниц будет один и тот же адрес, что удобно при продвижении. Но адаптивная верстка имеет один недостаток: сайт может быть слишком «тяжелым» для мобильных устройств. А значит, он будет медленнее загружаться, и с каждым новым переходом вероятность того, что посетитель останется и доберется до формы заказа, будет снижаться.
В случае с разработкой двух версий — мобильной и десктопной — они располагаются на разных поддоменах (иногда даже на разных доменах, но этот способ слишком затрудняет продвижение, поскольку поисковые системы будут воспринимать их как отдельные ресурсы). Когда на сайт заходит посетитель, система автоматически распознает параметры экрана устройства. Если ширина экрана соответствует характеристикам смартфона или планшета, происходит автоматическая переадресация на поддомен с мобильной версией. Со стороны пользователя этот процесс незаметен.
Как сделать мобильную версию удобной?
А теперь мы наконец переходим к главному: какой должна быть мобильная версия, чтобы ей было удобно пользоваться?
Перед тем, как продумывать структуру и дизайн, советуем запомнить два важных правила:
- экраны смартфонов и планшетов — вертикальные по умолчанию, но пользователи могут менять их ориентацию самостоятельно;
- одновременно с экраном устройства за внимание пользователя будут бороться окружающие факторы, ведь большинство из нас заходит в интернет с телефона «на ходу», а не в спокойной домашней обстановке.
На основе этой информации уже можно составить основные рекомендации.
- Крупный, хорошо читаемый текст. Сами поисковые системы не рекомендуют в мобильных версиях использовать текст, размер которого меньше 12 пикселей. При этом стоит выбрать самый простой шрифт без засечек и позаботится о контрастности по сравнению с фоном.
- Минимум запрашиваемой информации. Это касается форм заказа и обратной связи. С телефона неудобно заполнять множество полей, чередуя цифры, латиницу и кириллицу. Поэтому добавляйте в формы только те данные, которые действительно нужны для первого контакта.
- Заданные типы форм. Также, работая с формами, не забывайте указывать для каждой из них оптимальный вид клавиатуры. Например, при вводе номера телефона достаточно цифр и символов (как и при вводе пин-кода или других цифровых параметров), при вводе пароля или электронной почты самыми удобными являются клавиатуры, где цифры и буквы расположены на одном экране.
- Большие интерактивные элементы. Кнопки, флажки, переключатели — все они должны быть достаточно крупными, чтобы пользователь мог легко нажать на них пальцем (даже на ходу или в транспорте).
- Сокращение времени загрузки. Тут все просто: пока есть возможность что-то сжать, сократить и облегчить без потери функционала — делайте это. Чем быстрее прогружаются страницы, тем лучше.
- Кликабельные контакты. Позаботьтесь о том, чтобы при нажатии на ваш номер телефона или адрес электронной почты запускались специальные формы или приложения, и пользователю не пришлось копировать и переносить эти данные вручную.
- Никаких горизонтальных прокруток. Все элементы интерфейса должны составлять одну колонку, рассчитанную на вертикальный экран.
Эти рекомендации достаточно просто исполнить — и в то же время они гарантированно помогут сделать ваш сайт удобнее для пользователей смартфонов или планшетов. А значит — привлечь новых клиентов вашей компании.
[~DETAIL_TEXT] =>Эксперты мира digilal уже который год замечают неуклонный рост мобильного трафика. Недорогие и в то же время мощные смартфоны позволили нам выходить в Интернет где угодно: на прогулке или в кафе, в общественном транспорте во время поездок на работу, во время шопинга или в поездках вдали от дома. И вполне логично, что Интернет подстраивается под эту тенденцию: появляются фирменные приложения и мобильные версии сайтов. Сегодня мы поговорим о том, какую пользу это может принести владельцам — и как правильно с этим работать.
Немного статистики
Мы заглянули в отчет о состоянии цифровой сферы Digital 2020, который каждый год готовят We Are Social и Hootsuite.
- С января 2019 по январь 2020 появилось 298 миллионов новых пользователей сети Интернет — сейчас их число составляет 4,54 миллиарда.
- При этом 5,19 миллиарда человек пользуются мобильными телефонами — прирост на 124 миллиона (2,4%) за последний год.
- В России на начало 2020 зарегистрировано 118 миллионов интернет-пользователей — это 81% населения страны.
- На мобильные телефоны приходится больше половины времени, которое мы обычно проводим в интернете — 50,1%.
- При этом уже сейчас 92% всех интернет-пользователей могут выходить в Интернет через телефон, и около 53% всех запросов в интернете делают с мобильных.
- Аналитики мобильного рынка из компании App Annie утверждают, что на мобильные приложения теперь приходится 10 из каждых 11 минут пользования мобильным устройством.
Это означает, что люди используют разные средства для выхода в интернет, комбинируя их в зависимости от собственных потребностей и комфорта. И бизнесу необходимо строить свою онлайн-деятельность с учетом этого факта.
Как «зацепить» мобильных клиентов: четыре основных способа
Сайты с привычной нам версткой, предназначенной для экранов ПК и ноутбуков, неудобно открывать на телефоне: другая ориентация экрана, перегруженность тяжелыми элементами, неудобное расположение блоков и слишком мелкие кнопки. А что делают пользователи, если на сайте им неудобно? Как правило, они просто уходят. А у вас падает конверсия, да и трафик тоже. А еще вы теряете клиентов.
Есть несколько способов привлечь пользователей смартфона.
- Мобильная версия сайта — пожалуй, самый удобный вариант и для клиента, и для бизнеса. Его функционал ничем не отличается от классической веб-версии, но специальная верстка позволяет удобно просматривать страницы и перемещаться по ним с мобильных телефонов и планшетов.
- Фирменное приложение — удобный инструмент для бизнеса, которому необходимо постоянное взаимодействие со своим клиентом. Здесь можно добавить любые индивидуальные функции: прикрепить дисконтную карту или форму заказа, дополнительные скидки и бонусы за использование приложений. Это удобно для кафе и служб доставок, супермаркетов и онлайн-магазинов. А вот если вы продаете, например, мебель — вероятность того, что ваши клиенты скачают и установят приложение ради одной покупки очень мала.
- Яндекс Турбо и Google Amp — собственные технологии поисковых систем, позволяющие содавать ускоренные мобильные страницы. Технология очень удобна для сайтов, обеспечивает максимальную скорость загрузки — гораздо быстрее, чем у обычных мобильных версий. Главный ее минус — то, что каждая из них работает только для своей поисковой системы, а процесс создания ускоренного сайта достаточно трудоемкий. Кроме того, сервисы, не смотря на регулярные обновления, все еще сохраняют недоработки.
- Странички в социальных сетях — этот способ требует меньше всего финансовых вложений, но больше всего — ваших усилий. Активность в социальных сетях нужно поддерживать постоянно (в идеале — каждый день). Зато они позволяют даже оформлять заказы, не покидая приложения и используя хорошо знакомый пользователю интерфейс. Хорошо для творческих мастерских, имиджевых брендов и небольших интернет-магазинов.
Что вам дает наличие мобильной версии?
- Максимальный охват целевой аудитории и создание комфортных условий для посетителей. Создавая мобильную версию, вы включаете в число своих потенциальных клиентов большую группу людей и даете им возможность без труда работать именно с вами.
- Повышение оценки со стороны поисковых систем. И Яндекс, и Google разработали собственные алгоритмы, оценивающие наличие мобильной версии и ее удобство. Более того — в ближайшее время в Google запустят Mobile First-индексацию, при которой положение ресурса в выдаче будет напрямую зависеть от оптимизации для смартфонов и планшетов — даже если пользователь вводит запрос с ПК. Кроме того, поисковики принимают во внимание поведенческие факторы, и снижают позицию в выдаче у тех ресурсов, которые пользователи часто покидают почти сразу после перехода.
Узнать, с каких устройств пользователи чаще заходят именно на ваш сайт, можно через Google Analytics или Яндекс.Метрику. В Google Analytics вам нужен отчет «Аудитория -> Мобильные устройства -> Обзор». В Яндекс.Метрике - «Отчеты -> Технологии -> Устройства».
Мобильная версия и адаптивный дизайн: что лучше?
Еще один способ сделать удобнее использование вашего сайта со смартфонов или планшетов — разработать для него адаптивную верстку. В этом случае вам не понадобятся дополнительные поддомены и полноценная проработка самостоятельного интерфейса.
Адаптивный дизайн предполагает, что сайт автоматически подстраивается под экран устройства, комбинируя блоки так, чтобы сделать просмотр контента и переход между страницами максимально удобным.
Этот способ проще (особенно для новых сайтов, разрабатываемых с нуля), у страниц будет один и тот же адрес, что удобно при продвижении. Но адаптивная верстка имеет один недостаток: сайт может быть слишком «тяжелым» для мобильных устройств. А значит, он будет медленнее загружаться, и с каждым новым переходом вероятность того, что посетитель останется и доберется до формы заказа, будет снижаться.
В случае с разработкой двух версий — мобильной и десктопной — они располагаются на разных поддоменах (иногда даже на разных доменах, но этот способ слишком затрудняет продвижение, поскольку поисковые системы будут воспринимать их как отдельные ресурсы). Когда на сайт заходит посетитель, система автоматически распознает параметры экрана устройства. Если ширина экрана соответствует характеристикам смартфона или планшета, происходит автоматическая переадресация на поддомен с мобильной версией. Со стороны пользователя этот процесс незаметен.
Как сделать мобильную версию удобной?
А теперь мы наконец переходим к главному: какой должна быть мобильная версия, чтобы ей было удобно пользоваться?
Перед тем, как продумывать структуру и дизайн, советуем запомнить два важных правила:
- экраны смартфонов и планшетов — вертикальные по умолчанию, но пользователи могут менять их ориентацию самостоятельно;
- одновременно с экраном устройства за внимание пользователя будут бороться окружающие факторы, ведь большинство из нас заходит в интернет с телефона «на ходу», а не в спокойной домашней обстановке.
На основе этой информации уже можно составить основные рекомендации.
- Крупный, хорошо читаемый текст. Сами поисковые системы не рекомендуют в мобильных версиях использовать текст, размер которого меньше 12 пикселей. При этом стоит выбрать самый простой шрифт без засечек и позаботится о контрастности по сравнению с фоном.
- Минимум запрашиваемой информации. Это касается форм заказа и обратной связи. С телефона неудобно заполнять множество полей, чередуя цифры, латиницу и кириллицу. Поэтому добавляйте в формы только те данные, которые действительно нужны для первого контакта.
- Заданные типы форм. Также, работая с формами, не забывайте указывать для каждой из них оптимальный вид клавиатуры. Например, при вводе номера телефона достаточно цифр и символов (как и при вводе пин-кода или других цифровых параметров), при вводе пароля или электронной почты самыми удобными являются клавиатуры, где цифры и буквы расположены на одном экране.
- Большие интерактивные элементы. Кнопки, флажки, переключатели — все они должны быть достаточно крупными, чтобы пользователь мог легко нажать на них пальцем (даже на ходу или в транспорте).
- Сокращение времени загрузки. Тут все просто: пока есть возможность что-то сжать, сократить и облегчить без потери функционала — делайте это. Чем быстрее прогружаются страницы, тем лучше.
- Кликабельные контакты. Позаботьтесь о том, чтобы при нажатии на ваш номер телефона или адрес электронной почты запускались специальные формы или приложения, и пользователю не пришлось копировать и переносить эти данные вручную.
- Никаких горизонтальных прокруток. Все элементы интерфейса должны составлять одну колонку, рассчитанную на вертикальный экран.
Эти рекомендации достаточно просто исполнить — и в то же время они гарантированно помогут сделать ваш сайт удобнее для пользователей смартфонов или планшетов. А значит — привлечь новых клиентов вашей компании.
[DETAIL_TEXT_TYPE] => html [~DETAIL_TEXT_TYPE] => html [PREVIEW_TEXT] => [~PREVIEW_TEXT] => [PREVIEW_TEXT_TYPE] => text [~PREVIEW_TEXT_TYPE] => text [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [TIMESTAMP_X] => 24.07.2020 13:22:27 [~TIMESTAMP_X] => 24.07.2020 13:22:27 [ACTIVE_FROM_X] => 2020-07-24 09:30:00 [~ACTIVE_FROM_X] => 2020-07-24 09:30:00 [ACTIVE_FROM] => 24.07.2020 09:30:00 [~ACTIVE_FROM] => 24.07.2020 09:30:00 [LIST_PAGE_URL] => /o-kompanii/blog/ [~LIST_PAGE_URL] => /o-kompanii/blog/ [DETAIL_PAGE_URL] => /o-kompanii/blog/zachem-saytu-mobilnaya-versiya/ [~DETAIL_PAGE_URL] => /o-kompanii/blog/zachem-saytu-mobilnaya-versiya/ [LANG_DIR] => / [~LANG_DIR] => / [CODE] => zachem-saytu-mobilnaya-versiya [~CODE] => zachem-saytu-mobilnaya-versiya [EXTERNAL_ID] => 1934 [~EXTERNAL_ID] => 1934 [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => blog [~IBLOCK_CODE] => blog [IBLOCK_EXTERNAL_ID] => [~IBLOCK_EXTERNAL_ID] => [LID] => s2 [~LID] => s2 [NAV_RESULT] => [NAV_CACHED_DATA] => [DISPLAY_ACTIVE_FROM] => 24.07.2020 [IPROPERTY_VALUES] => Array ( [ELEMENT_META_TITLE] => Зачем сайту мобильная версия [ELEMENT_PAGE_TITLE] => Мобильная версия сайта: почему это важно для вашего бизнеса? ) [FIELDS] => Array ( ) [PROPERTIES] => Array ( ) [DISPLAY_PROPERTIES] => Array ( ) [IBLOCK] => Array ( [ID] => 25 [~ID] => 25 [TIMESTAMP_X] => 12.08.2019 11:03:42 [~TIMESTAMP_X] => 12.08.2019 11:03:42 [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [LID] => s2 [~LID] => s2 [CODE] => blog [~CODE] => blog [API_CODE] => [~API_CODE] => [NAME] => Блог [~NAME] => Блог [ACTIVE] => Y [~ACTIVE] => Y [SORT] => 500 [~SORT] => 500 [LIST_PAGE_URL] => /o-kompanii/blog/ [~LIST_PAGE_URL] => /o-kompanii/blog/ [DETAIL_PAGE_URL] => #SITE_DIR#/o-kompanii/blog/#ELEMENT_CODE#/ [~DETAIL_PAGE_URL] => #SITE_DIR#/o-kompanii/blog/#ELEMENT_CODE#/ [SECTION_PAGE_URL] => [~SECTION_PAGE_URL] => [PICTURE] => [~PICTURE] => [DESCRIPTION] => [~DESCRIPTION] => [DESCRIPTION_TYPE] => text [~DESCRIPTION_TYPE] => text [RSS_TTL] => 24 [~RSS_TTL] => 24 [RSS_ACTIVE] => Y [~RSS_ACTIVE] => Y [RSS_FILE_ACTIVE] => N [~RSS_FILE_ACTIVE] => N [RSS_FILE_LIMIT] => [~RSS_FILE_LIMIT] => [RSS_FILE_DAYS] => [~RSS_FILE_DAYS] => [RSS_YANDEX_ACTIVE] => N [~RSS_YANDEX_ACTIVE] => N [XML_ID] => [~XML_ID] => [TMP_ID] => [~TMP_ID] => [INDEX_ELEMENT] => Y [~INDEX_ELEMENT] => Y [INDEX_SECTION] => N [~INDEX_SECTION] => N [WORKFLOW] => N [~WORKFLOW] => N [BIZPROC] => N [~BIZPROC] => N [SECTION_CHOOSER] => L [~SECTION_CHOOSER] => L [LIST_MODE] => [~LIST_MODE] => [RIGHTS_MODE] => S [~RIGHTS_MODE] => S [SECTION_PROPERTY] => N [~SECTION_PROPERTY] => N [VERSION] => 1 [~VERSION] => 1 [LAST_CONV_ELEMENT] => 0 [~LAST_CONV_ELEMENT] => 0 [SOCNET_GROUP_ID] => [~SOCNET_GROUP_ID] => [EDIT_FILE_BEFORE] => [~EDIT_FILE_BEFORE] => [EDIT_FILE_AFTER] => [~EDIT_FILE_AFTER] => [SECTIONS_NAME] => [~SECTIONS_NAME] => [SECTION_NAME] => [~SECTION_NAME] => [ELEMENTS_NAME] => Посты [~ELEMENTS_NAME] => Посты [ELEMENT_NAME] => Пост [~ELEMENT_NAME] => Пост [PROPERTY_INDEX] => N [~PROPERTY_INDEX] => N [CANONICAL_PAGE_URL] => [~CANONICAL_PAGE_URL] => [REST_ON] => N [~REST_ON] => N [EXTERNAL_ID] => [~EXTERNAL_ID] => [LANG_DIR] => / [~LANG_DIR] => / [SERVER_NAME] => idea-promotion.ru [~SERVER_NAME] => idea-promotion.ru ) [SECTION] => Array ( [PATH] => Array ( ) ) [SECTION_URL] => [META_TAGS] => Array ( [TITLE] => Мобильная версия сайта: почему это важно для вашего бизнеса? [ELEMENT_CHAIN] => Мобильная версия сайта: почему это важно для вашего бизнеса? [BROWSER_TITLE] => Зачем сайту мобильная версия [KEYWORDS] => [DESCRIPTION] => ) )Эксперты мира digilal уже который год замечают неуклонный рост мобильного трафика. Недорогие и в то же время мощные смартфоны позволили нам выходить в Интернет где угодно: на прогулке или в кафе, в общественном транспорте во время поездок на работу, во время шопинга или в поездках вдали от дома. И вполне логично, что Интернет подстраивается под эту тенденцию: появляются фирменные приложения и мобильные версии сайтов. Сегодня мы поговорим о том, какую пользу это может принести владельцам — и как правильно с этим работать.
Немного статистики
Мы заглянули в отчет о состоянии цифровой сферы Digital 2020, который каждый год готовят We Are Social и Hootsuite.
- С января 2019 по январь 2020 появилось 298 миллионов новых пользователей сети Интернет — сейчас их число составляет 4,54 миллиарда.
- При этом 5,19 миллиарда человек пользуются мобильными телефонами — прирост на 124 миллиона (2,4%) за последний год.
- В России на начало 2020 зарегистрировано 118 миллионов интернет-пользователей — это 81% населения страны.
- На мобильные телефоны приходится больше половины времени, которое мы обычно проводим в интернете — 50,1%.
- При этом уже сейчас 92% всех интернет-пользователей могут выходить в Интернет через телефон, и около 53% всех запросов в интернете делают с мобильных.
- Аналитики мобильного рынка из компании App Annie утверждают, что на мобильные приложения теперь приходится 10 из каждых 11 минут пользования мобильным устройством.
Это означает, что люди используют разные средства для выхода в интернет, комбинируя их в зависимости от собственных потребностей и комфорта. И бизнесу необходимо строить свою онлайн-деятельность с учетом этого факта.
Как «зацепить» мобильных клиентов: четыре основных способа
Сайты с привычной нам версткой, предназначенной для экранов ПК и ноутбуков, неудобно открывать на телефоне: другая ориентация экрана, перегруженность тяжелыми элементами, неудобное расположение блоков и слишком мелкие кнопки. А что делают пользователи, если на сайте им неудобно? Как правило, они просто уходят. А у вас падает конверсия, да и трафик тоже. А еще вы теряете клиентов.
Есть несколько способов привлечь пользователей смартфона.
- Мобильная версия сайта — пожалуй, самый удобный вариант и для клиента, и для бизнеса. Его функционал ничем не отличается от классической веб-версии, но специальная верстка позволяет удобно просматривать страницы и перемещаться по ним с мобильных телефонов и планшетов.
- Фирменное приложение — удобный инструмент для бизнеса, которому необходимо постоянное взаимодействие со своим клиентом. Здесь можно добавить любые индивидуальные функции: прикрепить дисконтную карту или форму заказа, дополнительные скидки и бонусы за использование приложений. Это удобно для кафе и служб доставок, супермаркетов и онлайн-магазинов. А вот если вы продаете, например, мебель — вероятность того, что ваши клиенты скачают и установят приложение ради одной покупки очень мала.
- Яндекс Турбо и Google Amp — собственные технологии поисковых систем, позволяющие содавать ускоренные мобильные страницы. Технология очень удобна для сайтов, обеспечивает максимальную скорость загрузки — гораздо быстрее, чем у обычных мобильных версий. Главный ее минус — то, что каждая из них работает только для своей поисковой системы, а процесс создания ускоренного сайта достаточно трудоемкий. Кроме того, сервисы, не смотря на регулярные обновления, все еще сохраняют недоработки.
- Странички в социальных сетях — этот способ требует меньше всего финансовых вложений, но больше всего — ваших усилий. Активность в социальных сетях нужно поддерживать постоянно (в идеале — каждый день). Зато они позволяют даже оформлять заказы, не покидая приложения и используя хорошо знакомый пользователю интерфейс. Хорошо для творческих мастерских, имиджевых брендов и небольших интернет-магазинов.
Что вам дает наличие мобильной версии?
- Максимальный охват целевой аудитории и создание комфортных условий для посетителей. Создавая мобильную версию, вы включаете в число своих потенциальных клиентов большую группу людей и даете им возможность без труда работать именно с вами.
- Повышение оценки со стороны поисковых систем. И Яндекс, и Google разработали собственные алгоритмы, оценивающие наличие мобильной версии и ее удобство. Более того — в ближайшее время в Google запустят Mobile First-индексацию, при которой положение ресурса в выдаче будет напрямую зависеть от оптимизации для смартфонов и планшетов — даже если пользователь вводит запрос с ПК. Кроме того, поисковики принимают во внимание поведенческие факторы, и снижают позицию в выдаче у тех ресурсов, которые пользователи часто покидают почти сразу после перехода.
Узнать, с каких устройств пользователи чаще заходят именно на ваш сайт, можно через Google Analytics или Яндекс.Метрику. В Google Analytics вам нужен отчет «Аудитория -> Мобильные устройства -> Обзор». В Яндекс.Метрике - «Отчеты -> Технологии -> Устройства».
Мобильная версия и адаптивный дизайн: что лучше?
Еще один способ сделать удобнее использование вашего сайта со смартфонов или планшетов — разработать для него адаптивную верстку. В этом случае вам не понадобятся дополнительные поддомены и полноценная проработка самостоятельного интерфейса.
Адаптивный дизайн предполагает, что сайт автоматически подстраивается под экран устройства, комбинируя блоки так, чтобы сделать просмотр контента и переход между страницами максимально удобным.
Этот способ проще (особенно для новых сайтов, разрабатываемых с нуля), у страниц будет один и тот же адрес, что удобно при продвижении. Но адаптивная верстка имеет один недостаток: сайт может быть слишком «тяжелым» для мобильных устройств. А значит, он будет медленнее загружаться, и с каждым новым переходом вероятность того, что посетитель останется и доберется до формы заказа, будет снижаться.
В случае с разработкой двух версий — мобильной и десктопной — они располагаются на разных поддоменах (иногда даже на разных доменах, но этот способ слишком затрудняет продвижение, поскольку поисковые системы будут воспринимать их как отдельные ресурсы). Когда на сайт заходит посетитель, система автоматически распознает параметры экрана устройства. Если ширина экрана соответствует характеристикам смартфона или планшета, происходит автоматическая переадресация на поддомен с мобильной версией. Со стороны пользователя этот процесс незаметен.
Как сделать мобильную версию удобной?
А теперь мы наконец переходим к главному: какой должна быть мобильная версия, чтобы ей было удобно пользоваться?
Перед тем, как продумывать структуру и дизайн, советуем запомнить два важных правила:
- экраны смартфонов и планшетов — вертикальные по умолчанию, но пользователи могут менять их ориентацию самостоятельно;
- одновременно с экраном устройства за внимание пользователя будут бороться окружающие факторы, ведь большинство из нас заходит в интернет с телефона «на ходу», а не в спокойной домашней обстановке.
На основе этой информации уже можно составить основные рекомендации.
- Крупный, хорошо читаемый текст. Сами поисковые системы не рекомендуют в мобильных версиях использовать текст, размер которого меньше 12 пикселей. При этом стоит выбрать самый простой шрифт без засечек и позаботится о контрастности по сравнению с фоном.
- Минимум запрашиваемой информации. Это касается форм заказа и обратной связи. С телефона неудобно заполнять множество полей, чередуя цифры, латиницу и кириллицу. Поэтому добавляйте в формы только те данные, которые действительно нужны для первого контакта.
- Заданные типы форм. Также, работая с формами, не забывайте указывать для каждой из них оптимальный вид клавиатуры. Например, при вводе номера телефона достаточно цифр и символов (как и при вводе пин-кода или других цифровых параметров), при вводе пароля или электронной почты самыми удобными являются клавиатуры, где цифры и буквы расположены на одном экране.
- Большие интерактивные элементы. Кнопки, флажки, переключатели — все они должны быть достаточно крупными, чтобы пользователь мог легко нажать на них пальцем (даже на ходу или в транспорте).
- Сокращение времени загрузки. Тут все просто: пока есть возможность что-то сжать, сократить и облегчить без потери функционала — делайте это. Чем быстрее прогружаются страницы, тем лучше.
- Кликабельные контакты. Позаботьтесь о том, чтобы при нажатии на ваш номер телефона или адрес электронной почты запускались специальные формы или приложения, и пользователю не пришлось копировать и переносить эти данные вручную.
- Никаких горизонтальных прокруток. Все элементы интерфейса должны составлять одну колонку, рассчитанную на вертикальный экран.
Эти рекомендации достаточно просто исполнить — и в то же время они гарантированно помогут сделать ваш сайт удобнее для пользователей смартфонов или планшетов. А значит — привлечь новых клиентов вашей компании.
ПОСЛЕДНИЕ ЗАПИСИ
30 сентября 2021
16 июня 2021
17 мая 2021