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

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

В 2015 году Google, а в 2016 и Яндекс заявили о том, что адаптация напрямую влияют на выдачу. Так как главное для поисковиков – удобство и польза для посетителей. С позиции поведенческих факторов, если пользователь быстро закрывает страницу после перехода – значит, она не соответствует его интересам. Поисковые машины оценивают это как отсутствие пользы.

Чем меньше отказов и чем выше сайт в выдаче – тем выше этот показатель. Но это ещё не всё. Удобная версия, оптимизированная под размер экрана, помогает спокойно изучить предложение, а при желании совершить целевое действие – моментально найти, как это сделать. Адаптивная вёрстка повышает доверие к ресурсу, упрощает работу с сайтом, а иногда – даже вдохновляет сделать заказ.

Наиболее простой и быстрый в реализации вариант. Мы рекомендуем именно его, особенно если сайта ещё нет. В таком случае, HTML-код одинаков для всех устройств, URL-адрес также совпадает, что положительно сказывается на индексации. По сути, сайт растягивается и сжимается в зависимости от размера экрана. Нюанс только один: чтобы избежать длительной загрузки страниц, интерфейс нельзя перегружать – рекомендуется делать его максимально простым. И пользователи не могут выбрать варианты отображения контента.

Создаётся отдельно от декстопной. То есть HTML-код и адреса – разные, что усложняет продвижение. Такой вариант сложнее в реализации, но зато пользователь может выбрать версию для отображения, есть возможность сделать более сложный функционал, не опасаясь медленной загрузки.