Создание отдельного мобильного сайта

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

Сложность ∙ Легко

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

Содержание:

Создание нового сайта
Редактирование мобильной версии сайта
Размещение мобильного сайта на поддомене или странице
Настройка мобильного редиректа
Часто задаваемые вопросы

Видео-инструкция:

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

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

Расскажем пошагово:

1. Создайте новый сайт

Вы можете сделать копию главной страницы вашего сайта и перенести на новый сайт:

Или создать сайт с нуля, в разделе "Сайты" вашего личного кабинета:

Создание нового сайта в личном кабинете mottor

2. Перейдите в редактор сайта

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

Не забудьте отключить мобильную адаптивность:

Отключение мобильной адаптивности на ПК-версии сайта

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

3. Разместите новый сайт на мобильном поддомене или странице

Если основной наш сайт находится на домене, например, site.ru - логично будет мобильный сайт сделать на поддомене типа m.site.ru или странице вида site.ru/page.

О том, как размещать сайты на поддоменах можно прочитать подробнее в нашей инструкции.

4. Настройте перенаправление

Переходим в настройки главной страницы сайта, в раздел SEO настройки. Нам нужна функция "Редирект на мобильную версию":

Настройка редиректа на мобильную версию сайта

Введите в это поле адрес вашего мобильного сайта и нажмите "Сохранить". Адрес должен отличаться от основного.

Напоминаем, ЭТА настройка производится на ОСНОВНОМ сайте, именно с него нам нужно перенаправление на мобильный сайт.

Часто задаваемые вопросы:

1. Создал отдельный мобильный сайт, но он всё равно долго загружается. Что посоветуете?

Если контента получилось слишком много, то стоит подумать о том, какие ещё моменты можно убрать в мобильной версии. Плюс, вы можете посмотреть наши советы по ускорению скорости загрузки страницы.

2. При попытке входа на сайт с телефона отображается ошибка "Сайт выполнил переадресацию слишком много раз". Как исправить?

Ошибка возникает из-за неверно настроенного редиректа в настройках страницы.

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