Как сделать сайт на телефоне: с нуля и как поставить сайт на экран

«Как сделать сайт на телефоне» ищут с двумя разными целями. Одним нужно собрать сайт, когда под рукой только смартфон. Другим — вынести готовый сайт на экран телефона, чтобы он открывался одним касанием, как приложение. Разбираем оба случая.

В первой части — какие способы подходят для телефона, что с него делать удобно, а что лучше оставить компьютеру, и 7 шагов от материалов до публикации, включая домен по новым правилам 2026 года. Во второй — как добавить сайт на экран iPhone и Android, чем ярлык отличается от веб-приложения и что сделать владельцу сайта, чтобы его сайт красиво смотрелся на экране клиента. Инструкции — по справке Apple, Google и Яндекса на ноябрь 2026 года.

Коротко: простой сайт — визитку, лендинг, небольшой каталог — можно сделать целиком с телефона, а большой каталог, интеграции и тонкую настройку удобнее доделывать на компьютере. Быстрее всего начать с готового сайта или шаблона и заменить в нём тексты, фото и контакты. Бесплатно сайт обычно работает на поддомене сервиса и с ограничениями. Свой домен в зонах .ru, .рф и .su с 1 сентября 2026 года можно зарегистрировать и продлить только после идентификации через подтверждённую учётную запись Госуслуг. Чтобы вынести сайт на экран iPhone, нажмите «Поделиться» → «На экран "Домой"»: с iOS 26 любой такой сайт открывается как отдельное приложение. На Android в Chrome — меню «⋮» → «Установить и создать ярлык».

Можно ли сделать сайт на телефоне

Да, если сайт простой. Смартфон давно стал главным устройством для интернета: по данным Mediascope, в августе 2025 года мобильным интернетом пользовались 105 млн россиян старше 12 лет — 86 % населения, и проводили в смартфоне 4 часа 19 минут в день. По расчётам ВШЭ на данных Росстата за 2025 год, со смартфона в сеть выходят в 90 % домохозяйств, с ноутбука — в 43 %, со стационарного компьютера — лишь в 32 %.

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

Пять способов сделать сайт с телефона

При выборе сервиса учитывайте и российские реалии: часть зарубежных конструкторов ушла из России или заблокировала аккаунты россиян. Выбирайте сервис, который принимает оплату российской картой и работает с российскими платёжными системами и службами доставки. Как сравнить варианты, разобрано в статье «Как выбрать шаблон сайта».

Сайт в Яндексе с телефона

Если у вас точка на карте или услуги, начните с карточки организации: её можно создать и вести прямо в мобильном приложении Яндекс Карт — менять данные, добавлять фото, отвечать на отзывы. Из карточки Яндекс Бизнес бесплатно и автоматически делает простой сайт на адресе вида nazvanie.clients.site — один на компанию, с данными из карточки. Подробно по шагам — в статье «Как сделать сайт в Яндексе».

Бесплатно: что получите и чего не будет

Бесплатный тариф почти всегда означает поддомен сервиса вместо своего адреса, ограничение на число страниц или товаров и отсутствие приёма оплаты на сайте, а иногда и рекламу самого сервиса. Для проверки идеи этого хватает, для серьёзного бизнеса — нет. Подробнее — в статье «Бесплатный конструктор сайтов».

Как сделать сайт с телефона: 7 шагов

Шаг 1. Соберите материалы в телефоне

• Логотип, если он есть.
• 5–15 фото товаров, работ, помещения или команды.
• Тексты в заметках: что вы продаёте, цены, доставка и оплата, адрес, часы работы.
• Реквизиты для подвала сайта и документов.

iPhone по умолчанию снимает фото в формате HEIF, а не JPEG. Если сервис не принимает такие файлы, включите «Настройки» → «Камера» → «Форматы» → «Наиболее совместимый» — новые фото будут сохраняться в JPEG.

Шаг 2. Выберите способ и шаблон

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

Шаг 3. Заполните главную и разделы

На первом экране главной — кто вы, что предлагаете и где работаете, плюс одна кнопка действия: «Позвонить», «Записаться», «Заказать». Дальше 3–5 разделов: услуги или каталог, цены, отзывы, доставка, контакты. Пишите короткими абзацами — так текст удобнее читать с телефона, а ваши клиенты чаще всего придут именно с него. Если сайт нужен под одну услугу или рекламную кампанию, хватит одной страницы — как её собрать, разобрано в статье «Как сделать лендинг».

Шаг 4. Добавьте контакты и кликабельный телефон

Телефон на сайте должен набираться одним касанием. В конструкторах для этого обычно есть поле «телефон», а если вы правите код, номер оформляют ссылкой со схемой tel: — в международном формате с «+» и без пробелов, как требует стандарт RFC 3966:

<a href="tel:+78001234567">8 800 123-45-67</a>

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

Шаг 5. Подключите домен

Домен регистрируйте на себя у аккредитованного регистратора — с телефона это делается в браузере. С 1 сентября 2026 года действует новое правило: администраторов доменов .ru, .рф и .su идентифицируют через Госуслуги, причём нужна именно подтверждённая учётная запись. Без идентификации домен не продлить: он доработает оплаченный срок, а потом регистрацию аннулируют. По постановлению Правительства от 31.08.2026 № 1119 идентификацию нужно проходить ежегодно. Как выбрать имя и подключить его к сайту — в статье «Как сделать адрес сайта». Сайт должен работать по HTTPS — это нужно и для доверия, и для того, чтобы его можно было поставить на экран как приложение (подробнее — в статье «Как сделать HTTPS для сайта»).

Шаг 6. Проверьте сайт

Откройте сайт на другом телефоне и на компьютере и пройдите путь клиента: найдите товар или услугу, позвоните, отправьте заявку. Чтобы отметить правки, сохраните скриншот всей страницы — как это сделать, показано ниже. Если сайт плохо выглядит на телефоне, разберитесь с мобильной версией — подробно в статье «Как сделать мобильную версию сайта».

Шаг 7. Сделайте так, чтобы сайт нашли

• Поставьте ссылку на сайт в карточке организации в Яндекс Картах.
• Добавьте сайт в Яндекс Вебмастер — как это сделать, есть в статье о сайте в Яндексе.
• Напечатайте QR-код со ссылкой на визитках и вывеске — подробно в статье «Как сделать QR-код на сайт».

Как добавить сайт на экран телефона

Значок сайта на экране бывает двух видов. Ярлык — это закладка: по нажатию сайт открывается во вкладке браузера. Веб-приложение открывается в своём окне без адресной строки, может присылать уведомления, а на Android ещё и появляется в списке приложений.

На iPhone с iOS 26 и 27

1. Откройте сайт в Safari.
2. Нажмите «•••» и затем «Поделиться». Если вкладки расположены внизу или вверху экрана, кнопка «Поделиться» доступна сразу.
3. Выберите «На экран "Домой"». Если пункта нет, пролистайте вниз и нажмите «Редактировать действия».
4. Проверьте, что включён переключатель «Открыть как веб-приложение».
5. Нажмите «Добавить».

С iOS 26 так можно сделать с любым сайтом: каждый сайт, добавленный на экран «Домой», по умолчанию открывается как веб-приложение. Если нужна обычная закладка, выключите переключатель.

На iPhone с iOS 17–18 и в других браузерах

В iOS 17 и 18 путь тот же: «Поделиться» → «На экран "Домой"». Но как приложение откроются только сайты, которые это поддерживают, остальные — в браузере. С iOS 16.4 добавлять сайты на экран умеют и сторонние браузеры. В Chrome нажмите «Поделиться» справа от адресной строки → «Добавить на главный экран». В Яндекс Браузере — значок в умной строке → «Добавить ярлык на телефон» → «Добавить на экран "Домой"». Сайты из Яндекс Браузера открываются в нём же, а при удалении браузера их значки исчезают.

На Android

• Chrome: меню «⋮» справа от адресной строки → «Установить и создать ярлык» (в старых версиях — «Добавить на главный экран») → «Установить», чтобы получить веб-приложение, или «Создать ярлык». Ярлык с логотипом Chrome открывается в браузере.
• Яндекс Браузер: меню «⋮» → «Добавить ярлык на рабочий стол» → «Добавить». Сайт откроется в новой вкладке Яндекс Браузера.
• Если значок не появился, на некоторых телефонах браузеру нужно разрешение на ярлыки рабочего стола — проверьте его в настройках приложения браузера.

Полноценное веб-приложение, которое видно в списке приложений Android, умеют ставить Chrome на телефонах с сервисами Google и Samsung Internet на Samsung. Другие браузеры создают ярлык.

Виджет сайта на iPhone

Отдельного «виджета сайта» в iOS нет. Обходной путь — приложение «Быстрые команды»: создайте команду, которая открывает нужную ссылку, и вынесите её на экран «Домой» со своей картинкой вместо значка или в маленький виджет «Быстрые команды».

Осторожно с подделками

Многие банки и сервисы, которые исчезли из App Store, советуют пользоваться веб-версией с экрана «Домой». Добавляйте такие сайты только с адреса, указанного на официальном сайте компании, и не открывайте ссылки «на приложение» из мессенджеров и рассылок.

Как сделать, чтобы ваш сайт красиво вставал на экран клиента

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

• HTTPS — без него браузеры не дадут установить сайт как приложение.
• Манифест веб-приложения — файл с названием, короткой подписью под значком, иконками 192 и 512 пикселей, стартовой страницей и режимом отображения. На Android значок обрезается по форме — кругом или квадратом, — поэтому важное на иконке держите ближе к центру.
• Иконку для iPhone (apple-touch-icon) — PNG 180×180 пикселей. Если сайт не задал иконку, iPhone нарисует вместо неё первую букву названия на цветном фоне.

В коде сайта это выглядит так:

<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" sizes="180x180"
  href="/apple-touch-icon.png">
<meta name="apple-mobile-web-app-title"
  content="Цветы на Ленина">

Учтите, что на iPhone сайт не может сам предложить установку кнопкой, как на Android. Если вам важно, чтобы клиенты держали сайт на экране, добавьте на сайт короткую подсказку: «Поделиться» → «На экран "Домой"».

Как сделать скриншот всего сайта на телефоне

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

«Вся страница» на iPhone работает в Safari, документах и почте. На Android названия пунктов у разных производителей могут отличаться.

Сайт на BITCAT и телефон

• Сайты адаптивные. Шаблоны подстраиваются под экран телефона: на смартфоне появляются мобильная шапка с меню, телефоном, поиском и корзиной, а номера телефонов нажимаются.
• Панель управления открывается в браузере: вы входите через окно авторизации на своём сайте с данными из личного кабинета. Она подстраивается под узкий экран, так что поправить текст или фото можно и с телефона. Каталог, загрузку прайса и настройки удобнее делать с компьютера.
• Тарифы. На бесплатном тарифе Free — до 50 страниц на техническом адресе с HTTPS. Свой домен подключается с тарифа Start за 790 ₽ в месяц, онлайн-оплата — с тарифа Standard.

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

Частые вопросы

Можно ли сделать сайт на телефоне бесплатно?

Да, на бесплатном тарифе конструктора или из карточки в Яндекс Бизнесе. Но сайт будет на поддомене сервиса и с ограничениями — по числу страниц, товаров, без приёма оплаты.

Какой способ самый простой?

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

Можно ли купить домен с телефона?

Да, у регистратора в мобильном браузере. С 1 сентября 2026 года для доменов .ru, .рф и .su нужна идентификация через подтверждённую учётную запись Госуслуг, и проходить её нужно ежегодно.

Будет ли сайт, сделанный на телефоне, нормально выглядеть на компьютере?

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

Как сделать сайт приложением на iPhone?

В Safari нажмите «Поделиться» → «На экран "Домой"» и проверьте, что включён переключатель «Открыть как веб-приложение». С iOS 26 так работает с любым сайтом.

Чем ярлык отличается от приложения?

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

Почему на экране iPhone вместо значка сайта буква?

Сайт не задал иконку для экрана «Домой». Тогда iPhone рисует первую букву названия на цветном фоне. Владелец сайта может это исправить, добавив иконку 180×180 пикселей.

Как сделать скриншот всего сайта на айфоне?

Сделайте обычный снимок экрана кнопками, нажмите на миниатюру, выберите «Вся страница» и «Готово». С iOS 17 скриншот можно сохранить в «Фото» картинкой, в старых версиях — только в PDF.

Можно ли сделать из сайта приложение для Google Play или App Store?

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

Итог

Простой сайт можно сделать целиком с телефона: соберите тексты и фото, возьмите готовый шаблон, добавьте кликабельный телефон и проверьте всё на другом устройстве. Сложный каталог и настройки лучше доделать на компьютере. Для своего домена с осени 2026 года понадобится подтверждённая учётная запись на Госуслугах. А любой сайт за минуту выносится на экран телефона: на iPhone с iOS 26 он сразу откроется как приложение, на Android — после «Установить» в Chrome.

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