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

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

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

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

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

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

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

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

• Google Mobile Friendly Websites,
• Вебмастера Яндекса и Гугля,
• Респонзинатор.

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

• продвижение сайтов
• создание продающих сайтов
• оставить комментарий к этой статье в ЖЖ.