Создание сайта на Андроиде: через браузер, без приложений
Создание сайта на Андроиде: через браузер, без приложений
Создать сайт на Андроиде можно прямо в браузере телефона, без конструктора из Google Play и без компьютера. Вы описываете страницу словами или голосом, прикрепляете фото из галереи, сборка идёт на сервере, а готовый сайт открывается по ссылке, которую можно сразу переслать в WhatsApp или Telegram. Ниже разобраны особенности Андроида, на которых чаще всего спотыкаются.
Нужно ли скачивать приложение-конструктор?
Нет. Это первое, что ищут на Андроиде, и первое, от чего стоит отказаться. Приложения-конструкторы из Google Play держат сайт внутри своей экосистемы: редактировать его удобно только там же, а перенести наружу обычно нельзя. Сборка через браузер устроена иначе. Телефон показывает окно с результатом, а вся тяжёлая работа идёт на сервере, поэтому не важно, сколько у телефона памяти и насколько он новый.
Общий разбор того, как собирают сайт с телефона на любой системе, лежит в статье как создать сайт с телефона. Здесь только то, что касается именно Андроида.
Какой браузер на Андроиде подходит?
Подходит любой современный браузер. Проблемы создаёт не браузер, а место, откуда вы открыли ссылку.
| Где открыт сайт | Работает ли сборка | На что обратить внимание |
|---|---|---|
| Chrome | да | вход через Google в одно касание, аккаунт телефона уже подставлен |
| Яндекс Браузер | да | удобен, если вы и так в нём работаете |
| Samsung Internet | да | на телефонах Samsung стоит по умолчанию, отдельно ставить ничего не нужно |
| Встроенный браузер Telegram или Instagram | частично | Google запрещает вход во встроенных браузерах, войдите по почте или откройте ссылку в Chrome |
| Режим экономии трафика | да, но медленнее | превью с фото грузится дольше, на время сборки лучше выключить |
Строка про встроенные браузеры самая важная. Если вы нажали ссылку внутри Telegram или Instagram, страница открывается в их собственном окне, и вход через Google там не сработает: это запрет самого Google, а не ошибка сайта. Нажмите три точки в углу и выберите «Открыть в браузере» или войдите по почте.
Как создать сайт на Андроиде по шагам
- Откройте zugo.dev в Chrome или другом обычном браузере.
- Войдите через Google: на Андроиде аккаунт телефона уже подставлен, хватает одного касания. Подойдут и GitHub, и вход по почте. Стартовые кредиты выдаются сразу, карта не нужна.
- Опишите сайт. Если печатать длинно неудобно, нажмите значок микрофона на клавиатуре и надиктуйте: Gboard и большинство других клавиатур Андроида переводят речь в текст.
- Прикрепите фото. Кнопка вложения открывает галерею или камеру, можно снять витрину или работу прямо сейчас.
- Дождитесь сборки. Страница запускается и проверяется в браузере на сервере, а вам приходит готовый результат.
- Откройте превью на весь экран и правьте словами: «увеличь кнопку записи», «убери второй блок с фото».
- Опубликуйте и нажмите «Поделиться». Системное меню Андроида предложит WhatsApp, Telegram, почту или копирование ссылки.
Как диктовать описание, чтобы не пришлось переделывать?
Голосовой ввод на Андроиде хорошо понимает обычную речь и плохо понимает структуру. Поэтому диктуйте короткими фразами, по одной мысли, и делайте паузы между блоками: «Сайт для автосервиса в Минске. Точка. Услуги: замена масла, шиномонтаж, диагностика. Точка. Работаем без выходных». После диктовки обязательно перечитайте текст перед отправкой. Цифры, адреса и названия улиц распознаются хуже всего, а именно их нейросеть не может угадать сама.
Хорошее первое сообщение отвечает на четыре вопроса: кто вы, для кого страница, что человек должен на ней сделать и чем вы отличаетесь. Как собрать такое описание, подробно разобрано в статье про хороший промпт для сайта.
Что делать с фотографиями на телефоне?
Фото с современной камеры Андроида весят по несколько мегабайт, и это нормально: прикрепляйте как есть. Важнее выбор кадра. Прикреплённый снимок становится главным изображением страницы, поэтому для первого экрана берите светлый горизонтальный кадр без лишних людей и мусора на фоне. Скриншоты из переписки и фото с текстом поверх для этого не годятся.
Если хочется, чтобы сайт повторял вид понравившейся страницы, можно прислать её скриншот. Что из этого получается и где граница, описано в статье нейросеть для создания сайта по картинке.
Можно ли поставить готовый сайт на главный экран?
Да, и это удобно, чтобы показывать сайт клиентам. Откройте опубликованный адрес в Chrome, нажмите три точки и выберите «Добавить на главный экран». На рабочем столе появится значок, который открывает сайт как отдельное окно. Посетители могут сделать то же самое у себя.
Это не превращает сайт в приложение из Google Play. Если нужен именно файл для магазина, это отдельная история с аккаунтом разработчика, и она разобрана в статье нейросеть для создания приложения на андроид.
Что, если телефон старый или интернет мобильный?
Старый телефон не мешает. Сборка идёт на сервере, а телефон только показывает переписку и превью, поэтому памяти и процессора бюджетного Андроида хватает. Если браузер начинает тормозить, закройте лишние вкладки: превью готовой страницы весит столько же, сколько обычный сайт.
С мобильным интернетом важнее стабильность, чем скорость. Сборка продолжается на сервере, даже если связь на минуту пропала, поэтому не нужно держать экран включённым и ждать. Вернитесь в проект, когда сеть появится, и результат будет на месте. Единственное, что стоит делать по Wi-Fi, если трафик ограничен, это загрузку десятка фотографий подряд.
Сколько это стоит?
Кредиты списываются только тогда, когда пишется код. Открыть сборку, опубликовать её и поделиться ссылкой ничего не стоит. По оценкам со страницы тарифов, сайт в готовом дизайне обходится примерно в 820 кредитов, сайт с нуля примерно в 1 210, одна правка примерно в 540. Списывается фактический расход, поэтому короткая правка дешевле длинной.
Бесплатно выдаётся 1 450 стартовых кредитов, разово и без карты. Их хватает на одну сборку с нуля или на сайт в готовом дизайне и одну правку, а публикация на адрес вида имя.zugo.run входит и в бесплатный вариант. Дальше есть Pro за $25 в месяц с 20 000 кредитов каждый месяц, а новым пользователям первый месяц Pro стоит $5, если оформить его в течение 12 часов после регистрации.
Что неудобно делать с Андроида?
Честно перечислим, где телефон проигрывает компьютеру.
Длинные тексты. Страницу «О компании» на три экрана проще надиктовать частями или дописать позже за компьютером. Сборку это не задерживает: сайт можно опубликовать с коротким текстом и дополнить потом.
Сравнение версий. Держать рядом два варианта страницы на маленьком экране неудобно, поэтому правьте по одному изменению за раз и смотрите результат сразу.
Подключение своего домена. Само подключение делается в настройках проекта и с телефона, но покупка домена у регистратора и смена записей у него в кабинете на мобильной версии бывают мучительными. Порядок действий описан в статье про свой домен. Свой домен входит в платные тарифы.
Как проверить сайт перед тем, как отправить клиентам
Проверяйте на том же Андроиде, но как посетитель. Откройте опубликованную ссылку в режиме инкогнито, где вы не вошли в аккаунт. Пройдите страницу сверху вниз, нажмите каждую кнопку, позвоните по номеру с сайта одним касанием, отправьте тестовую заявку. Если есть второй телефон с маленьким экраном, откройте и на нём: на узких экранах первыми ломаются длинные заголовки и кнопки. Подробный список проверок есть в статье про удобство сайта на телефоне.
Коротко
Сайт на Андроиде создаётся в обычном браузере, а не в приложении из Google Play. Откройте zugo.dev в Chrome, Яндекс Браузере или Samsung Internet, войдите через Google, надиктуйте описание, прикрепите фото из галереи и опубликуйте. Если ссылка открылась внутри Telegram или Instagram, переходите в обычный браузер или входите по почте. Стартовых 1 450 кредитов хватает на первую сборку, а готовую ссылку можно сразу отправить через меню «Поделиться».