Сергей Шинкарский
3 Мая 2016

Зачем делать адаптивный сайт

Что такое адаптивная верстка сайта, чем она отличается от мобильной версии сайта и зачем ее нужно делать.

Поделитесь статьей в социальных сетях:

Что такое адапивная верстка сайтов

Адаптивная верстка сайтов — html-верстка дизайна веб-страниц, которая обеспечивает удобное отображение сайта на портативных устройствах, таких как планшеты и смартфоны.

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

 адаптивная верстка пример

 

Зачем делать адаптивную версию сайта

По исследованиям Google – количество поисковых запросов с мобильных устройств превысило количество запросов с персональных компьютеров. Процент мобилизации интернет-пользователей растет, что приводит к необходимости разработки адаптивных версий сайтов.

 доля поисковых запросов в Google с мобильных устройств

 

Мобильная версия vs Адаптивный сайт

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

Минусы мобильной версии:

-отдельное доменное имя;

-урезанный функционал;

-более высокая стоимость в сравнении с адаптивной версией.

Плюсы мобильной версии:

-быстрее скорость загрузки.

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

 

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

Google Page Speed Insights – позволяет протестировать скорость загрузки сайта и удобство его отображения для пользователей со смартфонов и планшетов.

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

Задавайте ваши вопросы в комментариях к этой статье.

Хотите получать интересные материалы по интернет-маркетингу?

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