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

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

Адаптивная верстка — это технология, при которой внешний вид сайта автоматически подстраивается под размер экрана пользователя.

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

На планшете или компьютере тот же сайт использует доступное пространство экрана более эффективно.

При этом посетителю не нужно открывать отдельную мобильную версию — сайт самостоятельно определяет доступную ширину экрана и отображается в подходящем формате.

Все основные элементы сайта рассчитаны на использование со смартфонов:

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

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

Мобильное представление сайта — это не просто уменьшенная копия компьютерной версии.

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

Поэтому отдельные элементы интерфейса могут менять свое расположение или формат отображения в зависимости от устройства.

Например, несколько колонок на компьютере могут превращаться в одну колонку на смартфоне, большое меню — в компактное мобильное меню, а элементы управления — становиться удобнее для нажатия пальцем.

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

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

Это упрощает управление сайтом и исключает ситуацию, когда информация в мобильной и полной версиях начинает различаться.

Адаптивность работает не только для нескольких заранее выбранных разрешений.

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

Значительная часть пользователей просматривает сайты именно со смартфонов. Если мобильной версией неудобно пользоваться, посетителю сложнее изучить товары, прочитать информацию, перейти в нужный раздел или выполнить целевое действие.

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

Поэтому адаптивная верстка — это не дополнительная опция, а базовая часть современного сайта.

азовая адаптация сайта уже предусмотрена платформой.

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

Сайт изначально создается с расчетом на корректную работу на мобильных устройствах и автоматически адаптирует свое представление под экран посетителя.