Новая страница на сайте: адрес, вкладки, служебные страницы и HTTP-коды

Создание страницы сайта — не то же самое, что создание сайта: когда сайт уже работает, новую страницу нужно не просто сверстать, а встроить — дать ей правильный адрес, заголовки, место в меню, ссылки с других страниц и сообщить о ней поисковику. Пропустите один шаг, и страница есть, но её не находят ни посетители, ни Яндекс. Ниже — порядок создания новых страниц сайта, генератор адреса страницы, особые страницы (вход, страница пользователя, загрузка, «сайт в процессе создания», 404) и то, какой HTTP-код должен отдавать каждый случай.

Тридцать страниц поиска: все про сайт целиком, ни одной — про новую страницу

Я разобрал тридцать страниц, которые поиск показывает по запросу «создание страницы сайтов».

Восемь страниц — главные страницы конструкторов. Шесть — инструкции «как сделать сайт с нуля», ещё шесть — уроки HTML вроде «создаём страницу в Блокноте». Пять — обзоры конструкторов, три — инструкции к одной платформе (Google Сайты, Tilda), две — эссе на Хабре.

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

Правильное создание страниц сайта: семь шагов

Правильное создание страниц сайта — это порядок, а не инструмент. Он одинаков для конструктора, CMS и сайта на чистом HTML.

1. Задача и запрос. Зачем странице существовать: какой вопрос посетителя она закрывает и как его ищут. Если такая страница уже есть — новую не создают, а дорабатывают старую.
2. Адрес. Создание адреса страницы сайта — короткий, латиницей, через дефис, по смыслу: /uslugi/remont-vannoj, а не /page?id=347. Адрес не стоит менять после публикации.
3. Заголовки. Title для вкладки и поиска, H1 на странице, описание для сниппета. Свои у каждой страницы.
4. Контент и вёрстка. Создание сайта, вёрстка страницы — на этом шаге. Новая страница собирается из тех же блоков и стилей, что и остальной сайт.
5. Меню и ссылки. Пункт в меню или разделе, ссылки с двух-трёх близких по теме страниц.
6. Проверка. Телефон, планшет, компьютер. Формы отправляются, ссылки ведут куда надо.
7. Карта сайта и Вебмастер. Страница появляется в sitemap.xml, адрес отправляется на переобход в Яндекс Вебмастере.

Создание адреса страницы сайта: генератор

Введите заголовок будущей страницы — генератор переведёт его в адрес латиницей, уберёт лишнее и подскажет, если адрес получился слишком длинным.

Транслитерация — не единственный вариант: можно писать адрес английскими словами. Главное — выбрать одну схему для всего сайта и не смешивать remont-vannoj на одной странице и bathroom-repair на соседней. Генератор — черновик: перечитайте адрес и уберите слова, которые не несут смысла.

Какие бывают страницы и чем они различаются

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

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

Создание вкладок сайта: меню и вкладки на странице

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

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

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

HTTP: что страница отвечает браузеру и поисковику

Запрос «http создание страницы сайта» связан с тем, что у каждой страницы, кроме содержимого, есть код ответа сервера. Посетитель его не видит, а поисковик решает по нему, что делать со страницей.

Самая частая ошибка — сменить адрес страницы без кода 301. Старая ссылка начинает отдавать 404, все позиции, которые страница набрала, теряются, а новая начинает с нуля. Вторая по частоте — страница «ничего не найдено», которая отдаёт 200: поисковик видит сотни одинаковых пустых страниц.

Отдельная история — удаление. Если услуга больше не оказывается, страницу не обязательно удалять: можно оставить её с пометкой и ссылками на похожие услуги или перенаправить кодом 301 на ближайшую по смыслу страницу. Удалять с кодом 404 стоит то, чему замены нет. И ещё одно правило: не создавайте страницы впрок. Десяток пустых разделов «скоро здесь будет информация» хуже, чем их отсутствие, — поисковик считает такие страницы мусором, а посетитель уходит.

Онлайн-создание страниц для сайта: сервисы и где их взять

Онлайн-создание страницы сайта возможно тремя путями, и выбор зависит от того, на чём сделан сайт.

• Сайт на конструкторе — страница создаётся в самом конструкторе: кнопка «Добавить страницу», выбор шаблона, адрес в настройках. В Tilda, Google Сайтах и других — по-своему, но шаги те же.
• Сайт на CMS — страница создаётся в админке: «Страницы» → «Добавить». Адрес, заголовки и описание задаются там же или через SEO-модуль.
• Сайт на HTML — новая страница — это новый файл по образцу существующей. Шапку и подвал копируют, меню правят на всех страницах.

Сервис создания страниц для сайта как отдельный продукт — это конструкторы лендингов: в них собирают одну посадочную страницу и подключают к основному домену как поддомен или раздел. Сайты с услугами создания страниц — это фрилансеры и вебмастера, которые делают страницу под задачу. Запросы «создание сайта в web pages» и «создание сайта в web page» обычно относятся к программам и сервисам, где страницу собирают визуально; принцип у них тот же.

Создание странички сайта в интернете с нуля — когда сайта ещё нет — это уже создание сайта целиком, и тогда начинать стоит со структуры, а не с одной страницы.

Пример: как выглядит создание новой страницы услуги

Создание сайта, web-страниц: пример из обычной работы — компания по ремонту добавляет услугу «ремонт ванной».

1. Запрос. Смотрю, как ищут: «ремонт ванной под ключ», «ремонт ванной цена». Значит, на странице нужны цены и состав работ.
2. Адрес. /uslugi/remont-vannoj — рядом с другими услугами.
3. Заголовки. Title «Ремонт ванной под ключ в Москве — цена от …», H1 «Ремонт ванной комнаты под ключ».
4. Контент. Что входит, сроки, цены, фото работ, вопросы и ответы, форма заявки.
5. Ссылки. Пункт в меню «Услуги», ссылки со страниц «Ремонт квартир» и «Укладка плитки».
6. Запуск. Проверка на телефоне, страница в sitemap.xml, переобход в Вебмастере.

Перед публикацией: проверка за пять минут

• Адрес короткий, латиницей, по схеме сайта, без дублей с другой страницей.
• Title и description свои, не скопированы с соседней страницы.
• Один H1, подзаголовки по порядку H2 → H3.
• Картинки сжаты, у каждой есть alt.
• Страница открывается на телефоне без горизонтальной прокрутки.
• Форма отправляет заявку, кнопки и ссылки ведут куда нужно.
• На страницу ведут ссылки из меню или с близких по теме страниц.
• Страница есть в sitemap.xml, не закрыта в robots.txt и не помечена noindex по ошибке.

Как ищут создание страницы: короткие ответы

Запросы на эту тему формулируют по-разному: «создание страницы в сайте», «создание веб страницы сайта», «создание сайтов web страницы», «создание сайта и web страница». За всеми стоит один из двух вопросов: как добавить страницу на существующий сайт — это основная часть статьи — или как сделать первую страницу с нуля — тогда начните с базового HTML-шаблона и уроков из выдачи. Запрос «сайт по созданию домашней страницей» — это про конструктор, где главная страница собирается из готовых блоков; принцип тот же, что описан в разделе о типах страниц.

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

Итог

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

Если нужен сайт, где новые страницы добавляются без проблем, — условия на странице создания сайтов.

Александр Рожков

Вебмастер · SEO-специалист · 15+ лет · 200+ проектов

Частный вебмастер в Москве. 200+ сайтов под ключ, 15+ лет опыта. Создаю сайты, настраиваю SEO и рекламу лично — без субподрядчиков.

О себе