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

Этапы оптимизации сайта для мобильных устройств

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

Для того, чтобы понять какие есть варианты в оптимизации мобильной версии обратимся к официальной справке от Google.

Алгоритм выполнения задачи

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

1. Выполнить проверку отображения сайта в мобильных устройствах

2. Выбрать подходящий вариант

3. Проверить корректность внедрения

Справка Google предлагает нам несколько основных вариантов https://developers.google.com/search/mobile-sites/?hl=ru-RU

1. Адаптивный Дизайн

2. Динамический показ

3. Разные URL

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

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

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

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

Проверка верстки производится в инструменте от Google https://search.google.com/test/mobile-friendly

Важно! Проверять нужно различные типы страниц и по каждому из них выводить информацию в ТЗ.

Без проблем для сайта можно внедрить такие пункты как:

• Используйте удобочитаемые размеры шрифтов

• Настройте область просмотра

• Адаптируйте размер контента для области просмотра

• Увеличьте размер активных элементов на странице

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

Внимание! ТЗ может отличаться, в зависимости от того, какие рекомендации конкретно для Вашего проекта дал инструмент.

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

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

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

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

Как определить проблемы с производительностью

Проблемы с производительностью определяем в инструменте, который используется и для анализа основной версии сайта, а именно Google Page Speed. Логика выполнения задания соответствует проверке основной версии:

• Проверяем разные типы страниц

• Выносим в ТЗ все пункты кроме проблем с сервером, если такие есть.