Наконец, в 2017 году Google анонсировал Mobile First Index и окончательно закрепил эту тенденцию, намекая, что мобильность теперь один из наиболее важных факторов в SEO-продвижении. В связи с этим, сотни сеошников по всему миру стали модифицировать свои сайты, чтобы не потерять трафик и сделать их дружественными к поисковым ботам и мобильным пользователям. Параллельно вырос интерес к сервисам по проверке позиций на мобильных устройствах. 23 мая 2018 года Rush Analytics официально запустили функционал по проверке позиций сайта в мобильной выдаче и в этой статье я расскажу: Чем отличается мобильная выдача от десктопной и почему важно проверять позиции под «мобилку». А также много советов по SEO на мобильных устройствах.
Мобильная выдача vs десктопная выдача
- Мобильная и десктопная выдача — это две разные поисковые выдачи, которые базируются на статистике с разных устройств: мобильных и ПК соответственно. Ведь источниками поискового трафика выступают разные девайсы, с разными поведенческими факторами, разными показателями переходов, трафиком. Например, на смартфонах по некоторым запросам преобладают результаты в виде быстрых ответов и ускоренных страниц.
Сейчас активность пользователей смартфонов уже давно превысила пользователей ПК. Проблема хранения данных тоже решена — с появлением SD-карт и облачных технологий есть возможность хранить тонны гигабайтов информации на мобильных устройствах.
Многозадачность, компактность, возможность получить все в одном — преимущества мобильных девайсов
https://www.statista.com/statistics/330695/number-of-smartphone-users-worldwide/
Таким образом, необходимость в настольных ПК падает, а мобильная выдача плавно и уверенно побеждает десктопную. С большой уверенностью могу сказать: присутствие в мобильной выдаче на сегодня — большое преимущество для сайта, это его будущее, это Ваши трафик, позиции, клиенты и продажи.
Мобильная оптимизация
Несколько базовых рекомендаций по оптимизации сайта под мобильные устройства:
- Изучите свой мобильный трафик. Получите статистику по поисковым запросам в Яндекс Метрике или Google Analytics, чтобы было от чего отталкиваться. Вам нужно знать: сколько и с каких мобильных устройств (каких моделей, планшеты или смартфоны) заходили посетители на Ваш сайт.
- Обязательно проверьте текущую мобилепригодность сайта. В этом помогут инструменты:
- Google Mobile Friendly — базовая проверка мобильной оптимизации сайта
- Google PageSpeed Insights Tool — проверка скорости загрузки сайта на мобильных устройствах
- Проведите глубокий анализ. Сделайте рейтинг самых посещаемых страниц Вашего сайта и посмотрите с помощью эмуляторов, как они выглядят на разных мобильных устройствах. Эмуляторы доступны в таких браузерах как Mozilla и Chrome — есть возможность выбрать разные модели (Samsung, IPhone, Nokia и др.)
- Старайтесь не использовать на веб-страницах:
- тяжелые скрипты, например много Java Script — это усложняет обработку мобильным устройствам;
- сложную навигацию и горизонтальную полосу прокрутки;
- много рекламы и всплывающих pop-up окон;
- Flash-анимацию и другой медиа-контент, который нагружает страницу
- слишком большие шрифты и изображения — они должны быть корректно отмасштабированы;
- перейдите на защищенный протокол https — это также улучшит ранжирование и доверие со стороны поисковых систем;
- После того как вся полезная аналитика собрана, сайт протестирован на “mobile friendly”, а нужные страницы успешно оптимизированы, можете сообщить о них в Google Search Console — поисковик сможет безошибочно направлять пользователей, выполняющих поиск с мобильных устройств, а также позволит Вам контролировать процесс индексации сайта в мобильном и десктопном поиске, оповестит о проблеме и позволит просмотреть страницы своего сайта как Googlebot.
- Регулярно проверяйте позиции Вашего сайта по ключевым запросам в мобильной выдаче Google или Яндекс, чтобы зафиксировать свое продвижение или наоборот предупредить падение и дооптимизировать нужные страницы. В Rush Analytics Вы сможете настроить частоту сбора позиций: ежедневно, еженедельно, запуск вручную или после апдейтов Яндекса.
Проверка позиций в Rush Analytics
Rush-Analytics уже сегодня
7-ми дневный бесплатный доступ к полному функционалу. Без привязки карты.
Попробовать бесплатно
Адаптивный веб-дизайн или мобильная версия?
Итак, Вы начали оптимизировать свой сайт под мобильные поисковики, но не знаете какой метод выбрать — работать над версткой сайта под мобильные устройства или разрабатывать отдельную мобильную версию. Оставляя свой сайт вообще не оптимизированным — рискуем в один момент вылететь из индекса и потерять трафик. По нашим прогнозам, поисковики не будут держать 2 индекса, а планируют все-таки оставить один — либо десктопный, либо мобильный. Судя по всему, это будет мобильный.
Проанализируем каждый из подходов:
Адаптивный веб-дизайн или адаптивная верстка (англ. Responsive web design) — это специальная верстка веб-страниц, построена на основе CSS (каскадные таблицы стилей) и оптимизированная под разные устройства.
Данный подход наиболее популярен и содержит много плюсов:
- простота реализации — большинство современных CMS, например WordPress, уже имеют адаптированную верстку под мобильные устройства
- не нужно писать отдельный html-код или менять архитектуру сайта — сайт самостоятельно подстраивается под мобильные устройства: отправляет код, который просто отображается по разному на смартфоне, планшете, ноутбуке, нетбуке, телевизоре и так далее.
- не нужно менять структуру URL — он остается одним и тем же для мобилки и десктопа, что избавляет от ненужных редиректов.
Из недостатков можно назвать вес страницы — иногда на старых моделях телефонов адаптивный веб дизайн может грузиться медленно, но опять же таки все зависит от реализации — качества верстки, качества шаблона. Есть технологии ускоренной загрузки страниц, о которой поговорим чуть позже.
Мобильная версия сайта — это фактически отдельный сайт под мобильные устройства, с применением отдельного HTML-кода и URL-адреса — к основному домену добавляется прикладка m (например m.vk.com, m.faceboook.com). Иногда может возникать проблема дублированного контента. Для борьбы с ней, согласно рекомендациям Яндекс и Google, применяется мета-тег:
<linkrel="alternate" media="only screen and (max-width:640px)" href="https://m.mywebsite.com/mydirectory/mypage/">
Подход c мобильной версией хоть и эффективен тем, что сайт грузится быстро и он автономный (есть возможность изменять основную и мобильную версию независимо друг от друга — например, для смартфонов сделать один дизайн, для ПК — другой), но содержит несколько жирных минусов:
- трудность и дорогостоимость такой разработки, потребуются дополнительные знания и специалисты: веб-верстальщики, программисты и SEO-специалисты. Нужно будет тратить ресурсы на поддержку двух версий сайта.
- у страниц будет несколько URL адресов, что создает проблемы в SEO: во-первых неудобно для самого пользователя, а во-вторых может породить дубли. Неизвестно как себя поведет поисковик.
- как показывает практика, после запуска мобильной версии часто нужны дополнительные “танцы с бубнами”, чтобы он начал нормально индексировать и отображать мобильную версию.
- у мобильных версий несколько ограничен функционал. Есть фишки, которые не удасться реализовать.
- Сам Google, хоть и не прямым текстом, но рекомендует использовать адаптивный (responsive) дизайн. Это значит, что ему легче принимать страницы такого типа.
В целом, основная разница адаптивной верстки от мобильной версии — простота реализации. Иногда достаточно просто установить качественный адаптивный шаблон и одним махом Вы получаете веб-дизайн для своего сайта под разные девайсы. В мобильной версии все намного сложнее.
На основе вышесказанного, сделаем вывод — адаптивный веб-дизайн лучший, на сегодня, вариант быстро и недорого оптимизировать сайт под мобильные устройства.
➔Ознакомиться с рекомендациями Яндекса по оптимизации сайта под мобильные устройства
➔Ознакомиться с рекомендациями Google по оптимизации сайта под мобильные устройства
AMP и Турбо-страницы
Некоторым крупным сайтам, например новостным порталам, которые получают большое количество мобильного трафика ежедневно недостаточно базовой мобильной оптимизации и поисковики приготовили для них такие технологии как AMP и Турбо-страницы.
AMP (Accelerated Mobile Pages) — технология Google для ускорения обработки веб-страниц мобильными устройствами, которая была разработана и официально запущена компанией 24 февраля 2016 года. Являет собой код, который оптимизирует выдачу контента на странице, уменьшая ее вес — автоматически удаляет рекламу и JavaScript, а также другие элементы которые плохо загружаются на мобильных устройствах. Другими словами адаптирует веб-страницу под смартфоны на 100%. Таким образом, они в четыре раза быстрее загружаются, потребляя в 8 раз меньше мобильных данных (килобайт/мегабайт).
Турбо-страницы — технология Яндекса, которая действует по схожему принципу с AMP, но за основу взят RSS-канал, поисковик с него копирует содержимое веб-сайта на свой сервер и отображает в поисковой выдаче контент без лишних скриптов, стилей и прочих громоздких блоков. Пользователь получает информацию практически моментально даже при низкой скорости интернета, что позволяет веб-мастерам минимизировать потерю трафика с мобильных устройств.
➔Официальное руководство Яндекс по Турбо-страницам
➔Рекомендации по использованию AMP-страниц в Google
Заключение
Тенденции показывают, что скоро мобильные устройства будут приоритетнее для поисковых машин.
Помните: чем быстрее Вы оптимизируете сайт под мобильную выдачу и начнете проверять позиции, тем быстрее соберете трафик и выйдете в ТОП.
Удачи в продвижении!
Ваша статья находиться на 3 м месте в мобильной выдачи по запросу « выдача яндекс мобильная и десктопная».
Я задался вопросом отличается ли выдача в Яндексе в зависимости от устройства, после того как увидел разницу позиций с телефона и компьютера на свой сайт и ваша статья ответила на этот вопрос.