О сайтах

Эта статья - для тех, кому нужен сайт, но непонятно, как он устроен. Разберём всё с нуля: из чего состоит сайт, где он «живёт», чем лендинг отличается от веб-приложения, какие законы нужно соблюдать в России и как сегодня делают сайты с помощью нейросетей. Знания программирования не понадобятся - там, где без термина не обойтись, объясним его на пальцах.

Что такое сайт

Сайт - это набор страниц, которые хранятся на компьютере, круглосуточно подключённом к интернету. Любой человек может открыть эти страницы, набрав адрес сайта в браузере - Яндекс Браузере, Chrome, Safari или любом другом.

Проще всего представить сайт как магазин на оживлённой улице:

• Домен - адрес и вывеска. То, что человек набирает в браузере: pusk.io.
• Хостинг - помещение, которое вы арендуете. Это компьютер в дата-центре (его называют сервером), на котором лежит сайт и который никогда не выключается.
• Файлы сайта - интерьер, витрины и товары: тексты, картинки, оформление.
• База данных - склад и картотека. Нужна не всем, а только если сайт должен что-то запоминать: заказы, заявки, товары, клиентов.

Что происходит, когда вы открываете сайт

Вы набираете адрес и нажимаете Enter. За доли секунды происходит вот что:

1. АдресВы вводите в браузере pusk.io.
2. Поиск сервераСистема DNS - «телефонная книга» интернета - находит, на каком компьютере лежит сайт.
3. ЗапросБраузер просит у этого компьютера нужную страницу.
4. ОтветСервер присылает файлы: тексты, оформление, картинки.
5. СтраницаБраузер собирает из файлов то, что вы видите на экране.

Любая веб-страница написана на трёх языках, и у каждого своя роль:

• HTML - скелет: заголовки, абзацы, кнопки, картинки и их порядок.
• CSS - внешний вид: цвета, шрифты, отступы, расположение блоков на телефоне и компьютере.
• JavaScript - поведение: что происходит, когда вы нажимаете кнопку, листаете галерею или отправляете форму.

Зачем нужен сайт, если есть соцсети

Многие начинают с соцсетей, мессенджеров и маркетплейсов - и это нормально. Но всё это арендованная площадь: правила там устанавливаете не вы.

• Аккаунт могут заблокировать - по жалобе, по ошибке алгоритма или вместе со всей площадкой. Многие бизнесы в России уже теряли так всех подписчиков за один день.
• Охваты решает алгоритм. Сегодня ваш пост видят тысячи людей, завтра - сотни, и повлиять на это почти невозможно.
• Клиенты принадлежат площадке. На маркетплейсе покупатель - клиент маркетплейса, а не ваш.

Сайт - это ваша собственность. Адрес принадлежит вам, заявки приходят вам, правила устанавливаете вы. Соцсети при этом никуда не деваются: они приводят людей, а сайт превращает их в клиентов.

Ещё одна важная причина - поиск. Когда человеку нужен мастер, врач, кафе или ремонт, он идёт в Яндекс и пишет «стоматология рядом» или «ремонт холодильников Казань». В ответ поисковик показывает сайты и карточки компаний на картах. Нет сайта - вас в этой выдаче почти не видно.

Что даёт сайт бизнесу

• Заявки круглые сутки. Форма записи, бронирование, кнопка звонка или сообщения в мессенджер работают, даже когда вы спите.
• Доверие. Компании с понятным сайтом, реальными фото, ценами и реквизитами доверяют больше. Сайт проверяют и клиенты, и партнёры, и банки.
• Меньше одинаковых вопросов. Цены, адрес, часы работы, условия доставки и ответы на частые вопросы собраны на одной странице, а не разбросаны по сотне переписок.
• Реклама, которая окупается. Рекламе в Яндекс Директе нужна страница, куда приходят люди. Хорошая посадочная страница превращает клики в заявки.
• Понимание, что работает. Бесплатная аналитика показывает, сколько людей пришло, откуда и что они делали на сайте.
• Продажи онлайн. Каталог, корзина и оплата картой - магазин, который работает без продавца.

Например, кофейне достаточно страницы с меню, адресом, часами работы и кнопкой «Забронировать стол». Репетитору - рассказа о себе, отзывов учеников и формы записи на пробное занятие. Обоим не нужен сложный сайт - нужен понятный.

Лендинг, сайт и веб-приложение: в чём разница

Словом «сайт» называют очень разные вещи - от одной страницы до сложного сервиса вроде онлайн-банка. Разобраться в видах важно, чтобы не переплатить и не получить меньше, чем нужно.

Лендинг

Лендинг (от английского landing page - «посадочная страница») - одна длинная страница про одно предложение. У неё одна цель: чтобы посетитель сделал одно действие - оставил заявку, записался или позвонил. Лендинг хорошо подходит для одной услуги, курса, мероприятия или рекламной кампании. Он похож на рекламный буклет: всё главное - на одном листе.

Сайт-визитка и многостраничный сайт

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

Веб-приложение

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

Вы наверняка услышите ещё два слова - статичный и динамический сайт. Статичный сайт - это готовые файлы, одинаковые для всех посетителей: сервер просто отдаёт их как есть. Поэтому такой сайт открывается мгновенно, стоит недорого и почти не ломается. Динамический сайт собирает страницу «на лету» для каждого посетителя: смотрит, кто пришёл, достаёт данные из базы и формирует ответ. Лендинги и визитки обычно статичные, веб-приложения - динамические.

Хостинг, домен и база данных

Домен - адрес сайта

Домен - это имя, по которому сайт находят в интернете: pusk.io, yandex.ru, кофейня.рф. Домен покупают у компании-регистратора, обычно на год, а потом продлевают. Домен в зоне .ru стоит несколько сотен рублей в год.

Главное правило: регистрируйте домен на себя - на своё имя или свою компанию, а не на подрядчика. И не забывайте продлевать: если срок истёк, адрес может занять кто-то другой, и вернуть его бывает очень сложно.

Хостинг - место, где живёт сайт

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

Статичному сайту хватит простого хостинга для файлов - это дёшево, а иногда и бесплатно. Веб-приложению нужен сервер, на котором постоянно работает программа. Это дороже, и за таким сервером нужно следить: ставить обновления, защищать от взломов, делать резервные копии.

DNS - связь адреса и хостинга

Купить домен и хостинг мало - их нужно связать. Для этого в настройках домена добавляют запись DNS - строчку вида «адрес bulochnaya-kazan.ru находится на сервере с номером 185.12.34.56». Это как указать в справочнике, где находится ваш магазин. Изменения расходятся по интернету за время от нескольких минут до суток.

HTTPS - замочек в адресной строке

Буквы HTTPS в начале адреса и значок замка означают, что данные между посетителем и сайтом зашифрованы: никто по дороге не прочитает, что человек ввёл в форму. Для этого нужен SSL-сертификат. Сейчас его можно получить бесплатно, а сайт без него браузеры помечают как «Не защищено» - и люди уходят.

База данных - память сайта

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

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

Законы РФ

Пока сайт просто показывает информацию, требований немного. Как только он начинает собирать данные людей или продавать, появляются обязанности. Ниже - карта того, о чём нужно знать. Это не юридическая консультация: в сложных случаях лучше показать сайт юристу.

Персональные данные

Если на сайте есть форма, где человек оставляет имя, телефон или почту, вы собираете персональные данные и становитесь их оператором по закону 152-ФЗ «О персональных данных». Даже если это просто форма «Перезвоните мне». Что нужно сделать:

1. Опубликовать политику обработки персональных данных - документ о том, какие данные вы собираете, зачем, как их храните и как человек может попросить их удалить.
2. Получать согласие. Под формой - галочка, которую человек ставит сам, и ссылка на текст согласия. С 1 сентября 2025 года согласие оформляют отдельным документом: его нельзя «спрятать» внутри оферты или политики.
3. Уведомить Роскомнадзор о том, что вы обрабатываете персональные данные, - до того, как начнёте их собирать. Это делается онлайн на сайте pd.rkn.gov.ru. С 2025 года за отсутствие уведомления компанию могут оштрафовать на сумму до 300 000 рублей.
4. Хранить данные в России. Данные граждан России нужно собирать и хранить в базах данных на территории страны. С 1 июля 2025 года это требование стало строже, поэтому собирать заявки через зарубежные сервисы форм и таблиц - плохая идея.

Если на сайте стоит Яндекс Метрика или другой счётчик посещений, он использует файлы cookie. Упомяните это в политике и покажите посетителю короткое уведомление о cookie.

Если вы продаёте

• Кто продаёт. На сайте должны быть данные продавца: название ИП или компании, ИНН, ОГРН или ОГРНИП, адрес и контакты.
• Условия. Цены, описание товара или услуги, условия оплаты, доставки и возврата. Для продаж онлайн обычно публикуют договор-оферту.
• Чеки. При оплате на сайте покупатель должен получить кассовый чек - этого требует закон 54-ФЗ. Платёжные сервисы обычно помогают с этим сразу, без отдельной настройки.

Что ещё проверить

• Картинки и тексты. Нельзя брать чужие фотографии и тексты из интернета без разрешения: правообладатель может потребовать компенсацию от 10 000 рублей до 5 миллионов. Используйте свои фото, фотобанки с лицензией или изображения, созданные нейросетью.
• Реклама. Интернет-реклама в России маркируется: пометка «Реклама», сведения о рекламодателе и специальный идентификатор. Рекламные кабинеты вроде Яндекс Директа делают это автоматически, а о рекламе у блогеров придётся позаботиться самим.
• Русский язык. Вся важная информация для покупателей должна быть на русском. С 1 марта 2026 года требования к этому стали строже, так что иностранные слова и названия лучше дублировать по-русски.
• Хостинг. Если выбираете хостинг сами, проверьте, что провайдер есть в реестре хостинг-провайдеров Роскомнадзора.

Как сделать всё грамотно

1. Начните с цели. Выберите одно главное действие для посетителя: позвонить, записаться или купить. Всё на сайте должно вести к нему.
2. Выберите формат по задаче. Для одной услуги хватит лендинга, чтобы рассказать о компании - сайта. Веб-приложение нужно, только когда сайт действительно должен продавать или хранить данные.
3. Первый экран отвечает на три вопроса: что это, для кого и что сделать дальше. У посетителя есть несколько секунд, прежде чем он закроет вкладку.
4. Пишите конкретно. Не «индивидуальный подход и высокое качество», а «ремонт iPhone за 40 минут, гарантия 6 месяцев, Казань, ул. Баумана». Цены, адрес и часы работы - на видном месте.
5. Думайте о мобильных устройствах. Большинство посетителей откроет сайт со смартфона. Проверьте, что всё читается, а кнопки удобно нажимать пальцем.
6. Следите за скоростью. Тяжёлые фотографии и видео замедляют сайт, а медленный сайт теряет посетителей и позиции в поиске.
7. Оформляйте всё на себя. Домен, хостинг, почта и аналитика - на ваше имя, пароли - у вас. Подрядчики приходят и уходят, а доступ к сайту должен остаться у вас.
8. Соблюдайте юридический минимум: политика, согласие, уведомление в Роскомнадзор и реквизиты - из раздела выше.
9. Подключите аналитику и карты. Яндекс Метрику - с первого дня, чтобы видеть результат. Ссылку на сайт - в карточку компании в Яндекс Картах и 2ГИС.
10. Проверьте всё сами. Откройте сайт с телефона, нажмите каждую кнопку, отправьте тестовую заявку и убедитесь, что она дошла.
11. Обновляйте. Устаревшие цены и часы работы отталкивают сильнее, чем их отсутствие.

Как сайты делают с нейросетями

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

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

1. Чат-бот. Вы просите ChatGPT, DeepSeek, GigaChat или Алису: «Сделай HTML-страницу для моей пекарни». Получаете код, а дальше всё сами: сохранить файл, найти хостинг, загрузить сайт, подключить домен, настроить формы. Бесплатно или дёшево, но много ручной работы.
2. ИИ-агенты для программистов - Claude Code, Codex, Cursor. Они работают прямо с файлами на вашем компьютере: сами создают проект, запускают его, находят и исправляют ошибки. Очень мощно, но придётся работать в терминале и понимать, что происходит.
3. ИИ-платформы вроде ПУСКа. Всё в одном месте: вы описали задачу, агент собрал сайт, вы проверили и опубликовали. Хостинг, домен, HTTPS и приём заявок уже настроены.

Что ИИ делает хорошо, а что остаётся за вами

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

• Факты. Нейросеть может уверенно выдумать цены, телефон, адрес или отзывы клиентов. Проверьте каждую цифру и каждое имя на сайте.
• Живые материалы. Реальные фото вашей работы, команды и помещения вызывают больше доверия, чем самые красивые сгенерированные картинки.
• Решение. ИИ предлагает - вы выбираете, что подходит вашему бизнесу.

Как описать задачу, чтобы получился хороший сайт

Чем конкретнее описание, тем лучше результат. Расскажите нейросети то же, что рассказали бы дизайнеру:

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

Сделай сайт для семейной пекарни «Колосок» в Твери. Печём хлеб на закваске и торты на заказ, работаем с 7:00 до 20:00. Клиенты - жители района и родители, которые заказывают торты на праздники. Главное действие - заказать торт через форму или позвонить. Стиль тёплый и домашний, цвета - бежевый и коричневый. Есть логотип и фото витрины.

Как сделать сайт в ПУСК

ПУСК - ИИ-платформа, на которой сайт собирает ИИ-агент: он пишет код и тексты, создаёт изображения, а вы общаетесь с ним обычными словами, как с живым разработчиком.

1. Опишите бизнес. Ответьте на несколько вопросов короткого интервью - чем вы занимаетесь, какая у сайта цель, что должен сделать посетитель - или просто напишите задачу своими словами.
2. Посмотрите на результат. Агент соберёт дизайн, тексты, изображения и код, а сайт появится в окне превью - таким, каким его увидят посетители.
3. Правьте словами. «Сделай кнопку заметнее», «добавь раздел с отзывами», «поменяй фото на первом экране». Текст и фотографии HTML-сайта можно исправить и вручную - прямо в превью.
4. Опубликуйте. Одна кнопка - и сайт открывается по бесплатному адресу вида название.pusk.io, уже с HTTPS. На платном тарифе можно подключить свой домен.

HTML-сайт или Next.js-приложение

Помните разницу между сайтом и веб-приложением? ПУСК учитывает её сам: по вашим ответам он решает, в каком формате собирать проект. Правило простое - HTML, пока не нужен магазин.

HTML-сайт подходит для лендинга, визитки, портфолио, сайта услуг, кафе или мероприятия. Это готовые страницы без собственного сервера - тот самый статичный сайт: открывается быстро и почти не ломается. Заявки, запись, бронирование и обратный звонок при этом работают: формы принимает сама платформа и сохраняет их в базе данных проекта. А кнопки «Позвонить», «Написать в WhatsApp» или «Написать в Telegram» открывают звонок или чат в одно касание.

Next.js-приложение нужно, когда сайт должен продавать: каталог товаров, корзина, оплата. Next.js - популярный инструмент для создания веб-приложений. У такого проекта есть серверная часть, которая выполняет логику - считает корзину, оформляет заказ, - и своя база данных.

База данных в ПУСК

Когда проекту нужна база данных, ПУСК создаёт её сам - ничего не нужно арендовать и настраивать. У каждого проекта база в двух экземплярах: тестовая - для превью, где вы с агентом экспериментируете, и рабочая - для опубликованного сайта. Поэтому пробные заказы из превью не смешаются с настоящими, а неудачный эксперимент не испортит данные живого сайта. Изменения в устройстве базы попадают в рабочий экземпляр только при публикации.

Хостинг в ПУСК

Отдельный хостинг тоже не нужен. При публикации ПУСК делает снимок текущей версии сайта и запускает его на своих серверах. Снимок не меняется: вы можете продолжать работать с агентом и пробовать новые идеи, а посетители увидят изменения, только когда вы опубликуете сайт снова. Сертификат для HTTPS выпускается автоматически - в том числе для вашего собственного домена.

Как сделать и опубликовать сайт с Claude Code или Codex

Claude Code (от компании Anthropic) и Codex (от OpenAI) - ИИ-агенты для программистов. Они работают в терминале - текстовом окне, в котором компьютеру дают команды, - и сами создают и меняют файлы на вашем компьютере. Этот путь подойдёт, если вы не боитесь командной строки и хотите полностью управлять кодом.

Шаг 1. Установите агента

Откройте терминал (на Mac - программа «Терминал», на Windows - PowerShell) и выполните команду для нужного агента:

# Claude Code - Mac и Linux
curl -fsSL https://claude.ai/install.sh | bash

# Claude Code - Windows (PowerShell)
irm https://claude.ai/install.ps1 | iex

# Codex (нужен установленный Node.js)
npm install -g @openai/codex

Шаг 2. Создайте папку и запустите агента

mkdir my-site
cd my-site
claude      # или: codex

При первом запуске агент попросит войти в аккаунт.

Шаг 3. Опишите сайт

Напишите задачу так же подробно, как в примере выше, и добавьте пару технических пожеланий - агенту так проще:

Сделай одностраничный сайт для пекарни «Колосок» по описанию выше. Один файл index.html, адаптивный под телефон, без сборки и сервера. Фотографии положи в папку images.

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

Шаг 4. Посмотрите и поправьте

Откройте файл index.html двойным щелчком - сайт откроется в браузере. Правки просите словами: «увеличь заголовок», «добавь блок с ценами». Чтобы увидеть изменения, обновите страницу в браузере.

Шаг 5. Опубликуйте

Пока сайт живёт только на вашем компьютере. Чтобы его увидели другие, файлы нужно загрузить на хостинг:

• Обычный хостинг. Зарегистрируйтесь у российского хостинг-провайдера, откройте в панели управления файловый менеджер и загрузите файлы в папку сайта (часто она называется public_html). Там же обычно подключают бесплатный SSL-сертификат.
• Сервисы для статичных сайтов - Vercel, Netlify, GitHub Pages. Публикация занимает минуту, и агент может сделать её сам, например командой npx vercel.

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

Купите домен у регистратора и добавьте в его настройках DNS-запись, которую подскажет хостинг. Через некоторое время - от нескольких минут до суток - сайт откроется по вашему адресу.

Шаг 7. Позаботьтесь о формах

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

Claude Code и Codex дают полную свободу, а вместе с ней и всю ответственность: хостинг, домен, формы, резервные копии, безопасность и законы остаются на вас. В ПУСКе эту часть берёт на себя платформа, а вы занимаетесь самим сайтом.