О важности адаптации сайта под мобильные устройства
Адаптивность под мобильные устройства — это уже не дополнительная опция, а одно из важнейших показателей качества интернет-ресурса. Сайты, которые некорректно отображаются на смартфонах и планшетах не любят люди и понижают в выдаче роботы поисковых систем.
Клиент: Как мне адаптировать свой старый сайт под мобильные устройства?
На небольших веб-ресурсах можно переработать дизайн, пересмотреть стили (скрыть блоки, уменьшить элементы), прописать тег viewport с настройками масштабирования, сократить какую-то часть контента. Преимущество метода в быстроте реализации, но, это касается только небольших проектов, не требующих глобальной переработки. Иногда лучше потратиться на разработку с нуля, учитывая все современные требования.
Следующий способ — отдельные шаблоны сайта (их будет несколько), сверстанные под разные типы мобильных устройств и скрипт, открывающий подходящий для того или иного устройства шаблон.
Третий, более дорогой и уже теряющий популярность способ — две версии сайта, для просмотра с компьютеров и со смартфонов, причем вторая размещается на поддомене. Аналогично предыдущему методу потребуется скрипт, определяющий вид устройства и в зависимости от этого открывающий нужную версию интернет-ресурса.
Клиент: Не упадет ли посещаемость в результате изменений?
Веб-студия: Изменять url-адреса страниц нежелательно. А контент менять можно и нужно. Кроме того, не забываем, что адаптация под мобильные как раз и проводится для того, чтобы сайт стал лучше, удобнее, это оценят люди и заметят поисковые машины.
Клиент: Сколько будет стоить адаптация и как долго это делается?
Веб-студия: Конкретную стоимость и сроки можно будет назвать после предварительного аудита, так как нужно определиться со способом адаптации и объемом работ. Часто в результате аудита и последующего обсуждения с клиентом делается вывод о необходимости разработки нового сайта. На него потом переносят контент со старого, стараясь сохранить url-адреса страниц.
Проверить корректность отображения сайта на мобильных устройствах можно с помощью специальных инструментов Яндекса и Google:
- https://webmaster.yandex.ru/site/tools/mobile-friendly/
- https://search.google.com/test/mobile-friendly
Занимаясь мобильной адаптацией сайта, помимо подгонки дизайна необходимо убедиться в корректной работе форм обратной связи, интерактивных элементов, ассортиментных фильтров (если они есть) и т. п. Если у вас остались вопросы по этой теме, задайте нам их здесь.