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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Сообщить об ошибке

Отменить
10130 21 7
Маркетинг Читать 9 минут 12 июня 2017

Мобильный поиск: как предоставить лучшее предложение?

Как оптимизировать сайт под мобильный поиск
Автор статьи о мобильном поиске и оптимизации сайта под мобильный поиск
Кемран Изетов
ASO/WEB аналитик
Пользователи мобильных устройств генерируют все больше трафика и больше конверсий. Предложение максимально полезного и оптимизированного контента под мобильный поиск — новый мейнстрим. Как насчет приложить максимум усилий и «быть здесь» в каждом конкретном микромоменте?
На какие основные моменты стоит обратить внимание и что именно предоставит максимум пользы для пользователей мобильных устройств? Об этом читайте в дальше в статье.
Статья написана в рамках статейного конкурса Serpstat и SEOnews. Условия конкурса

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

Поспешите за трендами — это того стоит. Итак, с чего начать для увеличения показателя присутствия при микромоментах.
1
Повысьте заметность вашего сниппета в мобильной выдаче: оптимизируйте мета-теги, оставьте самые важные вхождения, не забудьте про призыв к действию и сократите общий объем символов для наиболее оптимального отображения на экранах мобильных устройств. Достаточно выводить на мобильных страницах title объемом в 45-55 символов, и для meta description порядка 120 символов.

Рассмотрим на примере коммерческой выдачи:

  • В title оставляйте только наиболее приоритетные вхождения транзакционных ключевых фраз, долой «отзывы» и другие lsi-ключи, ведь цель — передать максимум информации в сжатом формате.
  • В мета-описании размещайте только важную информацию: призыв к действию, информация об условиях доставки.
Пример хорошо оптимизированного сниппета под мобильную выдачу
Уважайте мобильных пользователей — предоставляйте им максимум информации в SERP сниппете.
2
Используйте микро-разметку — предоставьте пользователям больше информации и повысьте атрактивность вашего сниппета за счет расширенных данных. Поверьте, показатель CTR доступно отразит пользу этих доработок. Не знаете, с чего начать? Подсмотрите у крупных игроков в поиске.
Микроразметка помогает получить расширенный сниппет
Расширенные сниппеты на примере страниц маркетплейса Rozetka
3
Рекомендую начать активации поисковой строки сайта с помощью микро-разметки и JSON-скрипта. Не забудьте про внедрение микро-разметки Products, что существенно повысит атрактивность сниппета в SERP за счет предоставления данных по средней оценке конкретного товара/страниц от пользователей, информации о наличии товара и данных по стоимости.

Для этого, достаточно использовать разметку следующего формата:

<!-- Начало структурированных данных-->
<script type="application/ld+json">
{
"@context": "http://schema.org/",
  "@type": "Product",
  "name": "Название продукта",
  "image": "http://site.com/ссылка-на-изображение", //тут указываем ссылку на релевантное изображение
  "description": "Расширенное описание товара/услуги.",
  "mpn": "66966", //уникальный идентификатор продукта
  "brand": {
  "@type": "Thing",
  "name": "Название продукта"
  },
"aggregateRating": {
  "@type": "AggregateRating",
  "ratingValue": "5", //средняя оценка
  "reviewCount": "666" //общее количество отзывов
  },
"offers": {
  "@type": "Offer", //тут и ниже указываем данные о ценовом предложении и наличии товара
  "priceCurrency": "UAH",
  "price": "101",
  "validFrom": "2017-05-28",
  "priceValidUntil": "2017-11-28",
  "itemCondition": "http://schema.org/NewCondition",
  "availability": "http://schema.org/InStock",
"seller": {
  "@type": "Organization",
  "name": "Название вашей компании"
  }
 }
}
</script>
<!--Конец структурированных данных-->
4
Работайте под локальный поиск — «будьте здесь», когда пользователь ищет ваши услуги по гео-запросам. Стоит начать работать для продвижения по широкому ряду факторов. Начните с карточки GMB, и не забывайте про виджеты Google Maps в мобильной выдаче.
5
Чем полезна работа с карточками GMB? Быстрым и надежным способом ранжирования в топе поисковой выдачи, за счет расширенных Google Maps сниппетов.
Аккаунт в Google My Bussines помогает ранжироваться на карте
Пример страницы поисковой выдачи по запросу «доставка еды»
6
Что вам пригодится? Зарегистрируйте и добавьте информацию по компании (сайте) в сервисе Google Мой Бизнес за несколько простых шагов, и не забудьте добавить на страницы сайта микро-разметку следующего содержания:

<!-- Начало структурированных данных-->
<script type="application/ld+json">
{ "@context" : "http://schema.org",
  "@type" : "Organization", //тут и ниже указываем основные данные о компании и сайте
  "legalName" : "Название компании",
  "url" : "http://site.com/", //ссылка на сайт
  "contactPoint" : [{
    "@type" : "ContactPoint", //тут и ниже указываем контактные данные
    "telephone" : "+38044-00-00-000",
    "contactType" : "Служба поддержки"
  }]
  "logo" : "http://site.com/img/logo.png", //ссылка на логотип
  "sameAs" : [ "http://www.facebook.com/ПрофильКомпании", //тут и ниже ссылки на профили компании в социальных сетях
    "http://www.twitter.com/ПрофильКомпании",
    "http://plus.google.com/+ПрофильКомпании",
    "https://www.youtube.com/user/ПрофильКомпании"]
}
</script>
<!-- Конец структурированных данных-->
Но, в первую очередь, для максимально эффективного продвижения по гео-локационным запросам, необходимо изучить выдачу и определить маркерные запросы. Для поиска таких запросов отлично подойдет анализ поисковых запросов в SEO-отчетах Serpstat, но освещение этого момента соответствует поводу для другой статьи :)

Оптимизируйте свой сайт под мобильные устройства. На что обратить внимание? Об этом ниже.

UI. Вашей потенциальной аудитории нужно понимать, что вы позаботились о том, в какой способ они будут получать и изучать контент. А вы точно позаботились?

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

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

  • Не стесняйтесь максимально оптимизировать отображение контента: полотна SEO-текста не в моде — спрячьте вывод текстового блока под кнопку «Читать далее», при грамотной оптимизации технической части сайта потери в видимости и других показателях для ранжирования в мобильном поиске не возникнет.

UX. Позаботьтесь об удобстве сайта для пользователей — предоставьте им лучший опыт использования вашего интерфейса

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

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

Для большей убедительности достаточно взглянуть на данные о том, что 67% пользователей имеют все шансы покинуть ваш сайт, как только они испытают проблемы с большим количеством этапов для совершения заказа.
Оптимизируйте сайт под свайпы с мобильных устройств
4
Уважайте время пользователя — оптимизируйте скорость загрузки. Поверьте, время — деньги, тем более для пользователей мобильного поиска: 29% пользователей решительно и незамедлительно покинут ваш сайт, как только они заметят проблемы со скоростью загрузки страниц сайта. И с чистым сердцем уйдут изучать предложения конкурентов.

Задумайтесь, повысить скорость ответа страница просто:
  • оптимизируйте время ответа сервера,
  • настройте кэширование всех статических файлов,
  • оптимизируйте размер изображений под мобильные устройства,
  • и сократите объем файлов JS-скриптов и стилей.
Не забывайте проверять корректность серверных ответов: своевременно устраняйте ссылки с 301 редиректов в навигационных элементах (напомним, что каждый последующий редирект влечет потерю веса на 15% ), отслеживайте статус страниц с 404 ответом и не допускайте появление те появление soft 404 ошибок.
5
Никакого Flash, в 2017— это моветон. Убедитесь, что все интерактивные анимированные элементы реализованы с помощью keyframe и SVG анимаций, оптимизированы под размер мобильных экранов и не мешают пользователю изучать продающий контент.
6
Проверьте, чтобы для мобильной версии страниц сайта весь контент был корректно индексируемым: текст отображался в коде страницы и не подгружался посредством JS-скриптов, все файлы скриптов и изображений собраны в едином каталоге, для которого не заданы ограничения для доступности поисковыми роботами.
В заключение стоит отметить, что мобильный поиск не только охватывает все большую и большую аудиторию, но и показывает отличный рост показателя конверсионности относительно стандартного десктопного поиска в e-commerce сегменте.

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

Данный пример наглядно отражает пользу развития мобильной версии сайта.
Отчет сравнения CTR для оптимизированной моб. версии сайта
Сравнение показателя CR для оптимизированной моб.версии сайта
На этом этапе трансформации мобильного поиска из нового в устоявшийся сегмент стоит уделить внимание на качество ранжирования вашего сайта. Если вы не готовы упустить максимально трафик и вереницу других микромоментов.

Оцените статью по 5-бальной шкале

5 из 5 на основе 5 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Хотите узнать новые фишки по интернет-маркетингу?
Подпишитесь на нашу рассылку — только полезные статьи, реальные кейсы и новости Serpstat раз в неделю.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов