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

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

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

  Адаптивная верстка – автоматическое изменение страницы контента в зависимости от размера экрана пользователя на одном домене, благодаря адаптивному веб-дизайну HTML – код и URL – адрес веб-сайта остаются одинаковыми для всех устройств. Yandex и Google рекомендуют именно этот вид адаптации и оптимизации устройства. Работа с картинками главная проблема при работе с адаптивной вёрсткой сайтов, через отдельный файл с адаптивной вёрсткой CSS или эффективно через CSS-медиа запрос. 

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

  Динамическая выдача ( Dynamic serving ) – сервер отвечает другим файлом HTML или CSS в зависимости какой пользователь получает доступ к сайту. Недостаток – зависит от наличия словаря потенциальных пользовательских агентов на сервере.

Чтобы сообщить браузеру, что сайт адаптируется к любым устройствам, в заголовке документа должен присутствовать метатег :

<meta name=”viewport” content=”width=device-width, initial-scale=1.0” /> 

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

  Google и Yandex рекомендуют использовать адаптивный дизайн :

1. Пользователям удобнее делится контентом используя единый URL .
2. Индексация одной версии а не разных.
3. Устранение ошибок разных версий.
4. Не требует переадресаций.
5. Сокращает время  загрузки.
6. Экономия ресурсов при сканировании сайта роботом.

  Необходимо проверить скорость работы мобильной версии сайта прямо влияющий на ранжирование и трафик . Инструмент для проверки : pagespeed.web.dev