Два вопроса в одних и тех же словах
Тот, кто ищет мобильный конструктор сайтов, - это один из двух людей. Либо вам нужен сайт, который прилично ведёт себя на телефоне, либо вы хотите собрать сайт, держа телефон в руке. Выражение покрывает и то и другое, а почти ничто не покрывает оба.
У первого есть ноутбук и задача: сайт, который он вот-вот сделает, должен годиться посетителям, которые увидят его только в 390 пикселей шириной, одним пальцем, в электричке. У второго ноутбука под рукой нет вовсе. Он стоит в том самом магазине, для которого нужен сайт, и единственный компьютер, которым он владеет, лежит у него в кармане.
Большинство инструментов, подшитых под «мобильный конструктор», отвечают на одно и молча заваливают другое. Конструкторы с хорошим мобильным результатом всё равно ждут, что вы сядете за стол, чтобы этот результат получить. Конструкторы с приложением дают поменять заголовок в автобусе, но не формировать дизайн. Две способности выглядят родственными и таковыми не являются: одна про то, что получается на выходе, другая про то, чем вы этим управляете.
8B отвечает на оба, и не потому, что у него две функции. У него одна форма. Редактор - это веб-страница, а не приложение, поэтому любое устройство с браузером - полноценное рабочее место. На выходе один собранный дизайн, который держится на любой ширине, а не десктопная вёрстка с прицепленной телефонной версией. Ни одна половина не потребовалась, чтобы построить другую, и ни одна не является компромиссной.
Google перестал читать вашу десктопную версию
Это та часть, которую большинство пропустило, потому что она произошла тихо и не было объявления о санкциях, которого стоило бы испугаться.
С 5 июля 2024 года Google обходит веб смартфонным краулером и никаким другим. Десктопная отрисовка вашей страницы больше не тот документ, который оценивают. Если содержимое доступно в браузере на компьютере, но не на телефоне, дело не в том, что оно ранжируется хуже: оно не индексируется, потому что краулер его не видел. Google сказал это прямо в собственном объявлении, и последних отстающих перевели в тот же день.
Сопоставьте это с тем, как обычно делают сайты, и вылезет странность. Обычный порядок - нарисовать широкую вёрстку, согласовать, потом сжать и проверить телефонный вид последним, чаще всего в панели предпросмотра, а не на телефоне. Такой порядок строит первой ту версию, которую никто не индексирует, и последней ту, которая решает вашу позицию.
Собрать такой, который краулер прочтёт
Ничто из этого не делает десктопную вёрстку неважной. Это значит, что телефонная отрисовка - основной документ, и мобильный конструктор сайтов, достойный названия, должен собирать её первой, а не выводить из широкой.
Мобильная версия - плохая идея, которая всё время возвращается
Раз в несколько лет отрасль заново изобретает одну и ту же ошибку в новой обёртке: строить телефонный опыт отдельной вещью, рядом с первой.
Первой формой был m-точка-сайт. У вас были example.com и m.example.com, две кодовые базы, два набора контента, логика редиректов посередине и canonical, скреплявший всю конструкцию. Он умер по неромантичной причине. Никто не поддерживал оба. На основном появлялись новые цены, а на m-точке оставались прошлогодние, потому что обновлять две вещи - это дисциплина, а дисциплина кончается в пятницу днём.
Вторая форма жива прямо сейчас, внутри одного редактора: отдельный мобильный холст. Вы раскладываете десктоп, потом переключаетесь на значок телефона и раскладываете заново. Выглядит как улучшение, потому что всё в одном инструменте, но это та же сделка в коробке поменьше. Вы правите широкий вид, потому что работаете в нём, узкий уезжает, и никто не замечает, пока клиент не упомянет кнопку, которая выходит за край экрана. Эта гниль тише, чем у m-точки, и оттого хуже.
Новейшая форма приходит с ИИ. Модель генерирует широкую вёрстку, потому что большая часть её обучающего материала - широкие вёрстки, а мобильное поведение прицепляется потом стопкой переопределений. Результат проходит беглый взгляд в панели предпросмотра и разваливается на настоящем аппарате, где кегль на размер мельче нужного, а первый экран съедает всё до того, как появится хоть одно слово предложения.
Здесь дизайн всегда один. Он собирается один раз, как набор отношений: как кегль масштабируется с доступным местом, сколько воздуха нужно блоку, как ведёт себя группа, когда перестаёт помещаться в строку. Телефон и ноутбук - два прочтения одной композиции, а не две картинки, которые надо держать в согласии. Синхронизировать нечего, потому что она всегда одна.
Посмотреть, как собирается один дизайн
Размен хороший: что вы написали, то и читает каждый посетитель. Попросите первый экран короче, меньше секций или другой акцент - и это ляжет на все экраны сразу, поэтому вторая вёрстка никогда не уезжает тихо от первой. Для витринных сайтов, магазинов и портфолио, которые люди на самом деле и делают, одна правдивая версия - сделка получше.
Чего телефон на самом деле требует от страницы
«Адаптировано под мобильные» обычно произносят как галочку. Это список конкретных требований, и страница либо им отвечает, либо кого-то раздражает. Вот список, что обычно идёт не так в каждом пункте, и что с этим делает 8B.
| Чего требует телефон | Что обычно идёт не так | Что делает 8B |
|---|---|---|
| Пальцы, а не курсоры | Кнопки и ссылки размером под указатель мыши, стоящие так тесно, что попадаешь не туда | Элементы управления с самого начала рассчитаны и разнесены под большой палец, а не ужаты с десктопа |
| Текст, который переливается | Десктопный кегль уменьшен настолько, что основной текст нечитаем, или абзац требует горизонтальной прокрутки | Кегль масштабируется по отношению к месту, поэтому длина строки остаётся удобной, а не буквы мельчают |
| Навигация, которая не полоса | Меню из десяти пунктов в три строки или бургер, прячущий ровно то, за чем все пришли | Навигация схлопывается до того, ради чего страница существует, а главное действие остаётся достижимым |
| Никакого ховера, никогда | Меню, подсказки и подписи, появляющиеся только при наведении, на сенсорном экране невидимы навсегда | Ничего необходимого не живёт за состоянием наведения; ховер только добавляет лоска |
| Правильная клавиатура | Поле телефона, открывающее буквенную клавиатуру, и поле почты, где до собачки не дотянуться | Поля объявляют, что в них лежит, поэтому телефон предлагает нужные клавиши, а автозаполнение может помочь |
| Трафик, который стоит денег | Несколько мегабайт фреймворка, скачанных по мобильной сети до того, как появится хоть какой-то текст | Страница уходит разметкой и стилями: весит меньше одной стоковой фотографии |
| Экраны с железом внутри | Содержимое, заехавшее под вырез, или фиксированная полоса под индикатором home, где на неё не нажать | Безопасные отступы соблюдаются, поэтому ничто важное не оказывается под самим телефоном |
Вы заметите, что ничего экзотического тут нет. Это обычное ремесло работы под маленький сенсорный экран, и перечислять его стоит потому, что у сгенерированной страницы оно либо есть, либо нет, а по скриншоту не поймёшь.
Вы держите в руке то устройство, которым воспользуются ваши посетители
Вот довод в пользу сборки с телефона, которого никто не приводит, потому что он звучит как недостаток, пока не произнесёшь вслух.
Обычно сайт проектируют на 27-дюймовом мониторе, а телефонную вёрстку проверяют в узкой панели предпросмотра и выпускают страницу, которую ни разу не держали в руке. Предпросмотр врёт по мелочам. У него нет пальца, нет бликов, нет одноручного хвата, нет мобильной связи и нет ощущения, насколько длинной кажется прокрутка, когда вы делаете её стоя.
Соберите на телефоне - и каждая из этих неправд исчезает. Вы видите результат в том размере, в котором его увидит большинство. Вы чувствуете, что первый экран тянется слишком долго до появления сути. Вы замечаете зону нажатия, которую за столом одобрили бы. Устройство перестаёт быть тестовым случаем и снова становится тем, чем является: вещью, которую держит ваш клиент.
Значит, вы можете собирать сайт с телефона и всё это время судить о нём в тех условиях, в которых его действительно прочтут. На практике: описать сайт - действие, родное для телефона, потому что напечатать фразу телефоны и умеют. Прочитать результат, попросить другое настроение, передвинуть секцию, сократить текст и опубликовать по настоящему адресу - всё это операции одним пальцем. Написать три страницы продуманного текста по-прежнему приятнее с клавиатурой, но это утверждение о клавиатурах, а не о конструкторе.
Ничего из этого не требует установки. Ни записи в магазине приложений, ни занятой памяти, ни разрешений, ни обновления, ждущего вас при следующем открытии. Редактор - это адрес, поэтому одолженный телефон с браузером становится полноценным рабочим местом ровно на столько, сколько нужно.
Какими конструкторами реально можно управлять с телефона
Эта таблица не про цены, они на странице тарифов. Она про вторую половину выражения: можно ли управлять инструментом с того устройства, что у вас в руке, и откуда берётся его мобильная вёрстка.
| 8B | Wix | Squarespace | WordPress.com | Webflow | GoDaddy | |
|---|---|---|---|---|---|---|
| Правка с телефона | Весь редактор, в браузере | Приложение владельца: контент, заказы, сообщения | Приложение: контент и управление | Приложение: записи и страницы | Невозможно | Приложение и мобильный браузер |
| Нужно установленное приложение | Нет, это URL | Да, для правки с телефона | Да | Да | В любом случае только десктоп | Да, для приложения |
| Менять дизайн с телефона | Да, попросив словами | Работа за столом | Работа за столом | Тема, на десктопе | Работа за столом | Ограниченно |
| Откуда берётся мобильная вёрстка | Одна композиция, прочитанная на узкой ширине | Второй холст, который раскладываете вы | Что сделает шаблон | Что сделает тема | Брейкпоинты, которые вы ставите руками | Что сделает шаблон |
| Две вёрстки, которые надо держать в согласии | Нет, она одна | Да | Нет | Нет | Да, на каждый брейкпоинт | Нет |
Сверено в сентябре 2026 года по собственной документации производителей и опубликованным описаниям их приложений. Возможности мобильных приложений - самая быстро меняющаяся строка в подобном сравнении, так что считайте её снимком момента. Webflow - самый явный случай: его редактор прямо сообщает, что на мобильных устройствах недоступен.
Вопросы про мобильные сайты
8B - это конструктор сайтов, адаптированных под мобильные?
Да, и не как отдельный шаг постобработки. Опишите, что вам нужно, и мобильный сайт получится по умолчанию, потому что дизайн собирается как набор отношений, а не как жёсткая широкая картинка, и узкий экран - одно из прочтений, ради которых он и построен. Нет ни мобильного режима, который надо включить, ни телефонной вёрстки, которую надо утверждать отдельно.
Нужна ли мне отдельная мобильная версия сайта?
Нет, и хотеть её не стоит. Отдельный мобильный сайт означает две вещи, которые надо обновлять, и одна из них отстанет. Google годами рекомендует один адаптивный сайт, а поскольку теперь он обходит веб только смартфонным краулером, единственная версия заодно и та, которую он читает.
Можно сделать, чтобы на телефонах сайт выглядел иначе?
В пределах того, что может выразить одна композиция, а это шире, чем звучит. Попросите первый экран короче, меньше секций или другой акцент - и это применится ко всем экранам сразу. Каждый посетитель читает одну и ту же страницу, и именно поэтому здесь никогда не бывает двух вёрсток, которые надо держать в согласии.
Адаптивный сайт - то же самое, что мобильный?
На практике сегодня да. Выражение «мобильный сайт» осталось от эпохи адресов на m-точке, когда телефонный сайт был отдельной сущностью. Сегодня мобильный сайт означает один сайт, который хорошо читается на телефоне, а это ровно то, что выдаёт адаптивный конструктор. Если инструмент до сих пор предлагает вам отдельный мобильный сайт, это повод присмотреться, а не функция.
Можно ли сделать сайт на телефоне?
Да. Описать сайт, посмотреть, как он собирается, попросить правки и опубликовать по настоящему адресу - всё это работает из телефонного браузера, потому что редактор является веб-страницей, а не приложением. Вдобавок вы видите результат в том размере, в котором его увидит большинство ваших посетителей.
Есть ли приложение-конструктор для iPhone или Android?
Устанавливать нечего, и это ответ получше. Отдельного конструктора для iPhone нет, как нет и для Android, потому что 8B открывается по адресу в Safari, Chrome или том браузере, с которым телефон приехал. Ни магазина приложений, ни занятой памяти, ни разрешений, ни обновления в очереди, когда вы в следующий раз захотите поменять часы работы.
Что реально сделать с телефона, а что подождёт?
Одним пальцем закрываются: описать сайт, просмотреть его, попросить другое настроение, переставить секции, сократить текст и опубликовать. Клавиатура честно приятнее для длинных кусков текста - ровно так же, как она приятнее для любого длинного письма. Ничего из возможностей конструктора от маленького экрана не скрыто.
Понадобится ли компьютер хоть на каком-то этапе?
Нет. Сайт может пройти путь от пустого промпта до опубликованного адреса без участия десктопа. Если у вас есть ноутбук, вы, скорее всего, возьмёте его для долгих текстовых заходов, но ничто на этом пути его не требует.
Как проверить сайт на настоящем телефоне?
Откройте его на своём телефоне. Поскольку опубликованный результат - обычная веб-страница по обычному адресу, для проверки не нужны ни режим предпросмотра, ни эмулятор устройства, ни тестовая сборка. Если вы собирали его на телефоне, вы всё это время его и проверяли.
8B - это мобильный ИИ-конструктор сайтов?
Это ИИ-конструктор, который относится к телефону как к основному случаю, а не как к побочному виду, и которым можно управлять с телефона. Каждое из двух по отдельности необычно, а сочетание встречается ещё реже, ради чего эта страница и существует.
Будет ли сайт быстро грузиться по мобильной сети?
На выходе - отрисованная на сервере разметка с настоящими стилями и без фреймворкового рантайма рядом, поэтому посетитель на мобильной связи скачивает страницу, а не приложение. На телефоне это важнее, чем где-либо: связь медленнее, а трафик считают.
Начните с фразы, на том, что у вас в руке
Телефона достаточно. Ноутбука тоже. Опишите сайт - и первый дизайн придёт раньше, чем вы отложите устройство.