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

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

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

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

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

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

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

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

Craftum: русская панель, ИИ-генератор лендингов и 10 дней бесплатного доступа, чтобы попробовать до оплаты.
Тильда и другие российские платформы: русский интерфейс, шаблоны сразу с кириллическими шрифтами, оплата картой РФ.
Русскоязычные чат-модели (Алиса AI, GigaChat) для текстов и структуры, даже если саму страницу вы собираете в другом сервисе.

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

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

Занять место

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

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

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

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

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

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

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

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

По теме: Как сделать значок сайта в 2026: favicon во вкладке браузера

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

Кракозябры (Ð¿Ñ€Ð¸Ð²ÐµÑ‚ вместо «привет») означают, что байты русского текста читают в чужой кодировке. Причин обычно три.

В документе не объявлена кодировка. Тег <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 сообщает браузеру и скринридеру, на каком языке текст. От него зависят озвучка вслух, правила переноса слов и автоматические подстановки. Без него синтезатор речи может читать русские слова с английским произношением.

Собрать страницу с ИИ можно за вечер, сложнее решить, из чего она должна состоять и куда ведёт посетителя. На бесплатном вебинаре по вайбкодингу разбираем это на живом примере и отдаём гайд в подарок.

Записаться на вебинар

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

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

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

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

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

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

По теме: Как сделать сайт за один день в 2026: план по часам

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

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

С адресами внутренних страниц то же самое. Кириллица в пути кодируется процентами: буква ё [превращается в %D1%91](https://developer.mozilla.org/ru/docs/Glossary/Percent-encoding). Пока ссылка живёт в адресной строке, посетитель видит русские буквы, но после копирования в мессенджер получается длинная нечитаемая строка. Поэтому названия страниц пишут латиницей: /uslugi/ вместо /услуги/. Как выбрать имя домена и собрать понятные адреса разделов, разобрано в статье про адрес сайта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Смотреть воркшоп