Выберите шаблон, задайте адрес латиницей, заполните title и description, добавьте контент и опубликуйте. В CMS это 5–10 минут, в конструкторе — копия существующей, в коде — новый файл или маршрут.
Главное, что стоит учесть: без меню, перелинковки и запроса на переобход поиск новую страницу не увидит. Поэтому статья ведет не до момента «страница открылась в браузере», а до того, как она встала в структуру сайта и попала в индекс.
Из чего состоит страница сайта
Любая страница держится на четырех частях: шаблон (шапка, меню, подвал), адрес, контент и метаданные. Шаблон — это каркас, который переиспользуют для всех страниц одного типа, а не собирают заново. Если на сайте уже есть страница того же типа — карточка услуги, статья, раздел «О компании», — берите за основу ее шаблон.
Допустим, на сайте-визитке есть «Главная», «Услуги», «Контакты», и нужна страница «Отзывы». Шаблон — от «Услуг», адрес — короткий и на латинице, контент — тексты и фото отзывов, метаданные — title и description под новую тему. Шапку и подвал страница наследует от шаблона.
Сейчас выпишите для новой страницы все четыре части — шаблон, адрес, контент, метаданные — до того, как открывать админку или редактор кода.
Минимальный каркас HTML-страницы
Если страница делается кодом, а не в CMS, каркас выглядит так: <!DOCTYPE html>, <html lang="ru">, внутри head — <meta charset="UTF-8"> и <meta name="viewport" content="width=device-width, initial-scale=1">, затем title, а в body — один h1.
Строка с кодировкой UTF-8 нужна, чтобы кириллица не превращалась в «кракозябры». Viewport отвечает за мобильный вид: без него страница на телефоне откроется как уменьшенная копия десктопной версии. А h1 на странице должен быть один — это ее главный заголовок.
Даже если страницу создает CMS или конструктор, этот каркас платформа собирает за вас — понимать его полезно, чтобы находить причину поломки, если верстка вдруг «съехала».
Новая страница в CMS по шагам
Путь в админке почти везде одинаковый: «Страницы» → «Добавить» → заголовок, адрес, контент → «Сохранить» или «Опубликовать». Если поля адреса и метатегов есть прямо в форме создания, заполняйте их сразу; если их нет, ищите «Настройки страницы» или SEO-вкладку.
Черновик виден только вам в админке, опубликованная версия — всем посетителям. Поэтому сначала сохраняют черновик, открывают предпросмотр и смотрят, как страница выглядит на сайте: заголовок, текст, картинки, шапка. Если что-то съехало, правят черновик — посетители этого не увидят. И учтите: в меню CMS сама страницу не добавит, ссылку на нее ставят отдельно.
Сейчас создайте черновик страницы в своей CMS и откройте его через предпросмотр, прежде чем публиковать.
WordPress, 1С-Битрикс и Drupal
Логика одна, но пункты меню называются по-разному.
Страница в конструкторе через копию
Новую страницу проще собрать из похожей: список страниц → «Дублировать» у образца → новое название и адрес → свой контент → публикация. Так сохраняются шапка, меню, подвал и стили, и единый вид сайта не ломается. Например, в Timeweb это «Добавить страницу» и адрес латиницей в настройках, вроде /sales.
Нет подходящего образца — берите шаблон платформы, а не пустой лист: собирать структуру с нуля дольше.
У копии остаются старые метатеги и тексты: перепишите их и проверьте, что сквозные блоки на месте. Продублируйте похожую страницу и сразу поменяйте адрес.
Как сделать страницу кодом
Допустим, сайт — это папка с html-файлами без CMS. Нужна страница услуг: скопируйте готовый файл рядом с index.html, переименуйте копию в services.html и поменяйте title, h1 и текст. Имя — маленькие латинские буквы и дефисы, кодировка UTF-8, папка та же. Следите, чтобы не вышло services.html.txt. Редактор любой, например Notepad++ или Sublime Text.
Затем свяжите файлы: в меню index.html добавьте ссылку <a href="services.html">Услуги</a>, а в services.html — обратную на index.html.
Если шапка и меню повторяются в каждом файле, каждую правку меню придется вносить во все страницы. Это сигнал переходить на шаблонизатор.
Создайте файл по образцу и откройте его в браузере локально: видно, что ссылки и текст на месте до публикации.
Шаблонизатор и маршрут в Next.js
Шаблонизатор хранит общий layout с шапкой и меню, а новая страница наследует его и меняет только контент. В Next.js с App Router страница — папка с файлом page.tsx внутри app: app/uslugi/page.tsx дает адрес /uslugi. Метаданные экспортируют из того же файла:
export const metadata = { title: 'Услуги' };
export default function Page() {
return <h1>Услуги</h1>;
}
Адрес, title и description
URL — латиница и дефисы, без пробелов и спецсимволов, в едином стиле: /contacts, /uslugi/remont-noutbukov. Если по адресу не понять тему (/page1, /123), меняйте его до публикации.
Заголовок и описание у каждой страницы свои, без копий:
<title>Ремонт ноутбуков в Москве с выездом</title>
<meta name="description" content="Выезд мастера на дом и в офис">
Хлебные крошки показывают место страницы в структуре — и людям, и роботам; в CMS их включают в теме или модуле. Заполните адрес и метатеги прямо сейчас.
Как встроить страницу в структуру сайта
Страница без ссылок на нее остается незаметной: робот находит адреса по ссылкам, а посетитель — через меню. Если страница важная и нужна из любого раздела, ставьте ее в главное меню на всех страницах; если вспомогательная — хватит ссылок из тематических разделов, меню не перегружайте.
Меню в коде — тег nav со списком и относительными путями:
<nav><ul>
<li><a href="index.html">Главная</a></li>
<li><a href="uslugi.html">Услуги</a></li>
<li><a href="otzyvy.html">Отзывы</a></li>
</ul></nav>
В CMS то же делают пунктом в разделе «Меню». Добавьте и несколько ссылок с уже посещаемых страниц, с понятным текстом: не «подробнее», а тема перехода.
Карта сайта sitemap.xml
Sitemap.xml подсказывает роботам список адресов. В CMS файл обычно обновляется сам или через SEO-модуль, на статичном сайте адрес дописывают вручную. Проверьте, что новая страница там есть, а robots.txt ее не закрывает, иначе адрес из карты все равно останется вне индекса.
Сейчас поставьте ссылку из меню и хотя бы с одной близкой по теме страницы, затем сверьте sitemap.
Как проверить индексацию
В Яндекс.Вебмастере откройте «Индексирование» → «Переобход страниц» и вставьте адрес новой страницы. В Google Search Console путь другой: «Проверка URL» → «Запросить индексирование».
Если через несколько дней страницы в индексе нет, проверьте три вещи: не закрывает ли ее robots.txt, нет ли в коде тега noindex и ведет ли на нее хоть одна ссылка с сайта.
Перед отправкой на переобход пройдите короткий чек-лист прямо в браузере: страница открывается по нужному адресу, ссылки меню работают, картинки загружаются, кириллица без «кракозябр», title совпадает с задуманным.
Отправьте адрес на переобход в Яндекс.Вебмастере и в Search Console.
Пять ошибок при добавлении страниц
Если одна и та же ошибка встречается на нескольких страницах, дело в шаблоне или меню, а не в конкретном файле. Чинить нужно источник, иначе она вернется при следующей копии. Такие ошибки — обычная часть работы, и исправляются они спокойно, по одной.
Пройдите по новой странице этим списком прямо сейчас: так ошибки находятся до того, как их заметят посетители или поиск.
Как сменить адрес без потерь
Страница уже опубликована с кириллическим или неудачным адресом? Задайте новый адрес и настройте 301-редирект со старого — иначе прежние ссылки будут вести на 404. После этого обновите ссылки в меню и в sitemap, чтобы они указывали на актуальный URL.
Страниц нужно много и вручную это дорого — соберем шаблоны и автогенерацию посадочных: разработка от 50 000 ₽, раздел «Сайты»
Источники
