Как сделать сайт на русском языке в 2026: промпт, шрифты, кодировка

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

Русский интерфейс и русский сайт: что именно вам нужно

У задачи два слоя, и разделить их полезно до того, как вы откроете конструктор.

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

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

Конструкторы, которые говорят по-русски

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

• Tilda: русский интерфейс и шаблоны сразу с кириллическими шрифтами. Тариф Free бесплатный, а свой домен подключается начиная с Personal. Цены указаны в рублях. Personal на один сайт стоит 750 в месяц, а при оплате сразу за год 500 в месяц. Business на 5 сайтов с экспортом кода стоит 1250 в месяц, годовая оплата снижает цену до 1000. Платить можно картой любого банка.
• Craftum: русская панель и 10 дней бесплатного доступа, чтобы попробовать до оплаты. При оплате годовой подписки любой свободный домен в зоне .RU или .РФ регистрируется бесплатно (условия бонуса).
• Craftum AI: сайт генерируется по текстовому описанию вашего дела, после чего тексты и картинки можно заменить вручную.
• Nethouse: подходит для интернет-магазина: каталог, корзина и приём онлайн-оплаты. Есть бесплатный старт, платные тарифы начинаются от шестисот рублей в месяц.

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

Русскоязычные нейросети, которые работают без VPN

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

• GigaChat: по справке сервиса, пользоваться им можно бесплатно. Он пишет тексты и код, а картинки рисует встроенная модель Кандинский. Войти можно по номеру телефона или через Сбер ID, при этом справка советует проверить, что VPN выключен.
• Алиса AI: бесплатный чат Яндекса, который пишет тексты и генерирует изображения.

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

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

По теме: Как включить русский язык в Claude: интерфейс и ответы в 2026

Промпт, после которого ИИ пишет по-русски

Англоязычная модель тянется к английским подписям в служебных местах: кнопка Submit, сообщение Required field, футер Made with. Править это руками после каждой генерации бессмысленно, проще заложить правило в задание.

1. Пишите задание по-русски. Модель подхватывает язык постановки, и шансы получить русскую страницу заметно выше.
2. Задайте язык явным правилом. Формулировка «весь текст страницы, включая кнопки, подписи полей, сообщения об ошибках, alt у картинок и заголовок вкладки, на русском языке» закрывает почти все дыры.
3. Запретите англицизмы списком. Модель любит «кейсы», «фичи» и «бенефиты», поэтому перечислите замены прямо в задании.
4. Отдельно попросите типографику: кавычки-ёлочки, буква ё, неразрывный пробел перед знаком рубля.
5. Проверьте служебные места руками: страница 404, состояние формы после отправки, тексты ошибок, подписи для скринридеров.

Готовый кусок задания, который можно дописать к любому промпту про сайт:

Язык сайта: русский. По-русски должно быть ВСЁ, что видит посетитель:
заголовки, тексты, подписи кнопок, плейсхолдеры полей, сообщения об
ошибках и об успешной отправке, alt у изображений, title вкладки,
футер, страница 404, тексты для скринридеров.

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

Типографика: кавычки-ёлочки «», буква ё пишется, неразрывный пробел
перед ₽ и после №, даты в формате 6 августа 2026, цены в рублях.
Шрифт выбрать только с поддержкой кириллицы.
В <html> проставить lang="ru", в <head> поставить <meta charset="utf-8">.

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

Кракозябры: почему текст превращается в набор символов

Кракозябры (привет вместо «привет») означают, что байты русского текста читают в чужой кодировке. Причин обычно три.

• В документе не объявлена кодировка. Тег <meta charset="utf-8"> ставится в самом начале <head>: MDN уточняет, что браузер смотрит первые 1024 байта страницы и по ним выбирает кодировку.
• Файл сохранён не в UTF-8. В редакторе кода выберите сохранение в UTF-8, иначе русские буквы ломаются при пересборке.
• Своя кодировка у сервера или базы: заголовок Content-Type должен содержать charset=utf-8, для базы MySQL берут utf8mb4.

Минимальная шапка русской страницы выглядит так:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Студия «Полдень»: ремонт квартир в Казани</title>
</head>

Атрибут lang сообщает браузеру и скринридеру, на каком языке текст. От него зависят озвучка вслух, правила переноса слов и автоматические подстановки. Без него синтезатор речи может читать русские слова с английским произношением.

Шрифты с кириллицей и русская типографика

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

1. Проверьте шрифт фильтром по языку в каталоге Google Fonts, пункт Cyrillic.
2. Наберите проверочную строку: «Съешь ещё этих булок, №5, ₽». Она разом проверяет букву ё, кавычки-ёлочки, знак номера и символ рубля, которых часто нет в латинских наборах.
3. Берите шрифты с родной кириллицей. Golos Text рисовали для интерфейсов на русском, а Montserrat, Merriweather и Caveat получили кириллицу в отдельном проекте Google, над которым работали более 20 шрифтовых дизайнеров.
4. Пропишите запасные шрифты в CSS, чтобы при сбое загрузки страница осталась читаемой.

body {
  font-family: "Golos Text", "PT Sans", "Segoe UI", Arial, sans-serif;
}

Дальше типографика. В русском тексте основные кавычки это «ёлочки», а внутренние „лапки“. Прямые двойные кавычки, которые ставит клавиатура, к типографике отношения не имеют: Ководство разбирает это в параграфе про кавычки. Буква ё в заголовках и именах читается лучше, чем е вместо неё, а перед знаком рубля и после № ставят неразрывный пробел, чтобы строка не разорвалась в неудачном месте.

Перед публикацией откройте сайт на телефоне и прочитайте вслух три места: подпись главной кнопки, сообщение после отправки формы и страницу 404. Английские хвосты почти всегда прячутся именно там.

По теме: Codex на русском языке: настройка и работа в 2026

Домен, адреса страниц и мета-теги

Кириллические домены работают, но в системе доменных имён хранятся в латинском виде. Рег.ру показывает на примере, что адрес «розочки.рф» превращается в xn--g1acfobj6c.xn--p1ai. Браузер конвертирует его сам, но в письме, в рекламном кабинете или в чужой системе такой адрес иногда показывают именно набором символов с xn--.

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

Что ещё проверить в русской версии:

• title и описание страницы на русском, без остатков шаблонного английского текста.
• og:locale со значением ru_RU, иначе превью ссылки в мессенджере выглядит чужим.
• Подписи alt у картинок: их пишут по-русски, это и доступность, и поиск по картинкам.
• Имена файлов картинок латиницей: русское имя файла ведёт себя так же, как русский адрес страницы.

Нужен ли хостинг и сколько он стоит

Если сайт собран в конструкторе, отдельный хостинг не нужен: у Tilda место под проект входит в тариф, у Nethouse хостинг уже включён. Он понадобится, когда сайт собран кодом, в том числе с помощью ИИ, и лежит отдельными файлами.

У российского провайдера Timeweb виртуальный хостинг начинается с тарифа Year на 2 сайта. Цены указаны в рублях: 452 в месяц при помесячной оплате и 316 в месяц (3792 за год) при годовой. Тариф Optimo на 15 сайтов стоит 729 в месяц, годовая оплата снижает цену до 510 (цены Timeweb). SSL-сертификат и безлимитный трафик входят во все перечисленные тарифы виртуального хостинга. Для лендинга или сайта услуг хватает самого простого тарифа, запас «на вырост» не нужен.

По теме: Как создать бота на русском: меню и ответы

Вторая языковая версия, если она нужна

Русскую страницу часто просят дополнить английской. Это отдельная версия сайта, а не кнопка перевода.

1. Разведите версии по адресам: / для русской и /en/ для английской.
2. На каждой версии поставьте ссылки на все остальные: <link rel="alternate" hreflang="ru" href="…">, коды языков по стандарту ISO 639-1.
3. Добавьте hreflang="x-default", если язык определяется автоматически по браузеру посетителя.
4. Не рассчитывайте на карту сайта: Яндекс больше не поддерживает языковые версии в файле Sitemap и просит именно разметку в коде страницы.

<link rel="alternate" hreflang="ru" href="https://example.ru/">
<link rel="alternate" hreflang="en" href="https://example.ru/en/">
<link rel="alternate" hreflang="x-default" href="https://example.ru/">

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

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

Можно ли просто положиться на автоперевод браузера?

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

Почему после перевода на русский ломаются кнопки и меню?

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

Обязательно ли собирать сайт именно в российском сервисе?

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

ИИ пишет по-русски, но канцелярским языком. Что делать?

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

Нужен ли домен в зоне .рф?

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

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

Да, на тарифе Free в Tilda. Он не ограничен по времени, но часть блоков на нём недоступна, а функции урезаны (ответ Tilda). Свой домен подключается с платного тарифа, поэтому для проверки идеи Free хватает, а для рабочего сайта придётся перейти на платный.

Нужен ли хостинг, если сайт собран в конструкторе?

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