Процессы оптимизации мобильных версий веб-сайтов чек-листами

mobilnaya_versiya

Статистика о мобильном трафике в РФ: в 2016 он добрался к отметке 62%, продолжает безостановочно расти. Проигнорировать такой объем просто не возможно. И обходиться сейчас без мобильной модификации основного сайта также сложно для бизнеса.

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

Поэтому поговорим сегодня о чек-листе по раскрутке мобильного интернет-ресурса.

Теоретический экскурс

Выделяют три типа мобильности:

  1. Тип сайта для смартфонов на поддомене.
  2. Динамический контент. Суть заключается в том, что для обычной и нестационарной версии адрес остается идентичный, отличия только в контенте. Для гаджет-модификации второстепенная информация уменьшается (слайдеры, рекламные ролики, дополнительные статьи, новости).
  3. Адаптивный вариант верстки. Неизменные адрес и контент. Изменяются лишь внешние данные: блоки телефонной версии адаптированы под ширину гаджета  (сворачивается до минимума меню, выстраиваются блоки колонкой).

Оптимизационные процессы

Мобильную версию начинают оптимизировать после работы с основным интернет-ресурсом.  Эффективное в обычной версии, будет повторяться в мобильной.

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

seo_chek_list

Чек-лист оптимизации для мобильной версии

Техническая часть:

  1. Robots.txt должен содержать открытый доступ к изображениям и файлам типа js- и css.
  2. Период загрузки для телефонной модификации не ниже 70 по PageSpeed Insights. Предпочтительней «обзавестись» скоростью 85 или 100, что бывает редко, но для нормального функционирования сайта достаточно и цифры 70.
  3. Тег viewport (характерен для интернет-ресурсов с адаптивной версией) должен быть указан в коде страницы. Данная запись сообщает браузеру о необходимости настроить ширину окна к размерам экрана гаджета и при этом оставить масштаб страницы в неизменном виде. При отсутствии этого тега в телефонной модификации интернет-страница сайта будет высвечиваться как в компьютерной версии.
  4. HTTP-заголовок Vary для работы с динамическим контентом. При доступности десктопной и гаджет-версии по одинаковому адресу, но разному контенту необходимо сообщить поисковым агентам об использовании на сайте динамического контента. Воплощается это через HTTP-заголовок Vary с пометкой User-Agent. В результате чего Гугл для телефонов будет проводить сканирование именно контента мобильной модификации (Яндекс пока не имеет такой возможности).
  5. Функция переадресации. Она должна функционировать корректно при переходе с десктопной модификации на мобильную. И даже с конкретных страниц стандартного сайта должно выполняться перенаправление на страницы-аналоги мобильного интернет-ресурса.
  6. Тег важно прописывать в коде страниц основного сайта вместе с адресом таких же страниц мобильного ресурса. Такая расстановка позиций способствует отсутствию дублирования контента. И тогда поисковик не будет идентифицировать стандартную и мобильную модификации как два разных ресурса.
  7. Favicon для мобильной модификации. Фавикон важен для телефонов. В коде интернет-ресурса его прописывают вмести с favicon.ico в блоке. Для продуктивной работоспособности сайта его можно загрузить в нескольких размерах, но обычно хватает и одного. Фавикон можно посмотреть во вкладке «Избранное».
  8. Контент. Вся информация сайта должна соответствовать размерам экрана гаджета. Пустоты и прокрутки по сторонам – результат отсутствия профессионализма.
2017-06-05