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

Mobile-first индексы Семантическая разметка

В прошлой статье мы разобрались mobile-first индексами. Но такой подход — это перспектива хоть и близкого, но все-таки будущего. А пока давайте разберемся, что нужно сделать уже сейчас, чтобы подружить ваш сайт с мобильными устройствами.

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

  1. Адаптивный дизайн можно получить бесплатно или с минимальными затратами. Для это вам нужно собрать сайт на одной из распространенных CMS и выбрать шаблон, который имеет адаптивную версию для мобильных устройств. Дальше нужно выполнить соответствующую настройку (самостоятельно или с привлечением соответствующего специалиста).
  2. Не используйте технологии Flash, Silverlight или Applet на страницах вашего сайта, так как эти технологии не поддерживаются на мобильных устройствах. Для замены хорошо подойдет HTML5 и специальные программы.
  3. Не используйте отдельную мобильную версию сайта (например, на отдельном поддомене). Это затруднит продвижение сайта в будущем — лучше сразу работайте над адаптивностью дизайна.

Распростаненные ошибки

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

  • Убедитесь, что поисковый робот может сканировать нужные ресурсы (JavaScript, CSS и графические файлы), в частности, что они не закрыты в файле robots.txt.
  • Проверьте все рекламные баннеры и формы. Убедитесь, что они не мешают пользователям и не затрудняют пользователям просмотр сайта.
  • Проверьте скорость загрузки сайта на мобильных устройствах. Хорошо подойдет для этого инструмент Google PageSpeed Insights.
  • Настройте область просмотра с помощью метатега viewport.
  • Не используйте слишком мелкий шрифт и не располагайте интерактивные элементы слишком близко друг к другу.

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

 

Больше информации

20 июля

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