Руководства
Как подготовить сайт к SEO-продвижению ещё на этапе разработки
Какие разделы, настройки и требования к редактору заложить при разработке сайта. Примеры для ТЗ, проверка перед запуском и перенос адресов со старого сайта.
Содержание статьи
У сайта красивые страницы услуг, но на каждую из них нельзя поставить свой заголовок. Каталог показывает товары только после выбора фильтра, а открыть подборку по прямой ссылке не получается. После редизайна старые адреса ведут на главную. Такие проблемы проще предупредить до разработки, пока структура и способ управления сайтом ещё не выбраны.
Подготовка к SEO начинается с двух вопросов: с какими задачами люди будут приходить из поиска и какие страницы на них ответят. Затем нужно дать этим страницам понятные адреса, связать их ссылками и предусмотреть удобное обновление. Метатеги понадобятся, но одной вкладкой «SEO» в редакторе работа не заканчивается.
Сначала решите, что человек должен найти
До дизайна соберите основные направления бизнеса, вопросы покупателей и поисковые запросы. Смотрите не только на слова, но и на смысл: человек хочет купить, сравнить варианты, узнать цену или разобраться в проблеме?
Представим компанию, которая продаёт и устанавливает двери. Входные и межкомнатные двери можно вынести в разные разделы: у них разный выбор, характеристики и условия установки. Странице монтажа понадобятся сведения о работах, цене и подготовке проёма. А запросы «купить межкомнатные двери» и «межкомнатные двери цена» вполне может закрыть один хороший раздел с ассортиментом и ценами.
Для каждого будущего раздела запишите, что человек там получит. Это быстро обнаруживает слабые места: отдельную страницу уже придумали, а показать на ней, кроме другого заголовка, нечего.
| Будущая страница в этом примере | Задача покупателя | Что нужно подготовить |
|---|---|---|
| Межкомнатные двери | Выбрать подходящую модель | Ассортимент, размеры, материалы, цены, наличие, условия установки |
| Входные двери | Сравнить варианты для дома или квартиры | Характеристики, особенности монтажа, комплектации и стоимость |
| Установка дверей | Понять объём работ и расходы | Состав работ, порядок расчёта, сроки, примеры и условия выезда |
Не создавайте страницу под каждую перестановку слов. Если содержание и предложение совпадают, начните с одной. Для отдельных городских страниц нужны реальные отличия: территория работы, условия выезда, адреса или местные проекты. Смена названия города в одном и том же тексте пользы не добавит.
Структуру лучше обсудить вместе с разработчиком и SEO-специалистом до отрисовки макетов. Так станет понятно, какие типы страниц нужны и сколько разных шаблонов предстоит сделать. Отраслевые примеры есть в руководствах по созданию сайтов.
Подготовьте содержание до того, как рисовать пустые блоки
Для каждого типа страницы выберите один настоящий пример: услугу, товар, проект. Соберите для него текст, фотографии, характеристики, цены или порядок расчёта. Затем проверьте, хватает ли места в макете для важной информации.
Если все карточки нарисованы с коротким названием и одной фотографией, позднее может выясниться, что товару нужны таблица размеров, варианты комплектации и документы. Лучше обнаружить это на одной странице, чем после заполнения всего каталога.
Назначьте, кто собирает материалы. Разработчик может предусмотреть блок с примерами работ, но фотографии, сведения о проекте и разрешение на публикацию должны откуда-то появиться. Фраза «контент добавим потом» не решает этот вопрос.
Для каталога отдельно решите, как посетитель будет заказывать. От этого зависят сведения в карточке и содержание категорий: готовый товар можно положить в корзину, сложное оборудование — отправить на подбор. Подробнее об этом — в сравнении интернет-магазина и каталога с заявками.
Дайте важным страницам адреса и ссылки
Нужный раздел должен открываться по своему постоянному адресу. Его можно отправить клиенту, добавить в меню или поставить в ссылку из другой статьи. Для адреса лучше использовать понятное название: например, /catalog/mezhkomnatnye-dveri/.
Из общего каталога человек должен переходить в категории, из категории — в карточки, из карточки — к связанным условиям. Не нужно помещать все страницы в верхнее меню. Важно, чтобы они находились через разделы, подборки и обычные ссылки. Именно такую связность рекомендует Яндекс Вебмастер.
Если товары подгружаются кнопкой «Показать ещё», попросите проверить доступность остальных карточек для поискового робота. То же касается подборок, которые появляются только после нажатия фильтра. Человек видит результат на экране — но у результата может не быть отдельного адреса и ссылки на него.
Карта сайта Sitemap помогает перечислить важные адреса для поисковых систем. Она дополняет навигацию: посетителю всё равно нужен удобный путь к странице.
Проверьте редактор на реальной странице
Заказчику важно уметь менять сайт без обращения к программисту по каждой мелочи. Попросите показать, как сотрудник добавит услугу или товар, поменяет цену и исправит заголовок. Лучше сделать это на настоящем примере из вашего ассортимента.
В редакторе стоит предусмотреть:
- название и адрес страницы;
- свой title — название, которое помогает поисковику сформировать заголовок результата;
- description — краткое описание содержания;
- основной заголовок H1 и текст с подзаголовками;
- фотографии и их описания alt;
- ссылки на связанные страницы;
- настройки индексирования и основного адреса для повторяющегося содержания.
Для большого каталога пригодятся шаблоны метаданных и возможность вручную изменить их у важных страниц. Иначе сотруднику придётся либо заполнять сотни однотипных полей, либо мириться с одинаковыми заголовками.
В title называйте предмет страницы и полезную особенность: «Межкомнатные двери в Горно-Алтайске — каталог и установка». Не набивайте его повторениями «купить, заказать, цена, недорого». Google советует писать ясные, краткие названия; фиксированного ограничения длины title у него нет, а видимый фрагмент зависит от ширины экрана. Считать символы можно для удобства редактуры, но важнее понятный смысл.
Убедитесь, что поисковик увидит содержание
Основной текст, названия товаров и ссылки лучше отдавать в HTML страницы сразу. Для этого используют статическую генерацию или формирование страницы на сервере. Покупателю не нужно знать устройство сайта, но в задании разработчику стоит закрепить результат: важное содержание доступно без обязательного нажатия кнопок и выполнения сложных сценариев.
Google умеет обрабатывать JavaScript, однако рекомендует учитывать особенности его загрузки и выполнения. Другие роботы могут иметь иные возможности. Поэтому красивый каталог в браузере ещё нужно проверить глазами поисковой системы.
Попросите разработчика показать, какой HTML получает робот и как он находит ссылки на остальные страницы. После публикации это можно дополнительно проверить инструментами просмотра URL в Google Search Console и Яндекс Вебмастере.
Разберитесь с дублями, фильтрами и запретами
Один товар иногда открывается по нескольким адресам, а фильтры создают множество сочетаний параметров. До разработки определите, какие подборки действительно нужны в поиске. Полезной категории — собственное содержание и ссылки. Служебной сортировке — понятные технические правила.
Не просите «открыть все фильтры для SEO». Сначала проверьте несколько характерных подборок: есть ли на них товары, отличаются ли они по смыслу, сможете ли вы поддерживать их содержание.
Три настройки часто путают:
- Canonical подсказывает основной адрес среди одинаковых или близких страниц. По документации Google, это сигнал для выбора адреса, а не безусловная команда.
- Noindex запрещает включать страницу в поиск. Чтобы Google прочитал эту настройку, робот должен иметь доступ к странице.
- Robots.txt управляет обходом. Запрет обхода не заменяет noindex: робот может не увидеть запрет индексирования. Это отдельно объясняется в справке Google о noindex.
Тестовую копию сайта лучше закрыть паролем. Перед запуском разработчик должен проверить доступность страниц именно на основном домене. После вашего решения о публикации — снять временные ограничения с тех разделов, которые должны участвовать в поиске, и оставить защиту у тестовой копии и закрытых разделов.
Если переделываете старый сайт, сохраните его адреса
Сначала соберите действующие URL. Посмотрите, какие страницы получают переходы, на какие ведут внешние ссылки и где есть полезное содержание. По возможности сохраните адреса у страниц с прежним назначением.
Если адрес меняется, составьте таблицу: старая страница → соответствующая новая. Например, старую страницу установки дверей направляйте на новую страницу этой услуги. Массовый перевод всех адресов на главную не помогает человеку найти то, за чем он пришёл.
Google рекомендует заранее сопоставить старые и новые URL и настроить постоянные перенаправления. Обновить нужно и ссылки внутри нового сайта, и карту Sitemap. Эту работу лучше включить в смету сразу: после отключения старой версии восстанавливать список страниц будет сложнее.
Что записать в техническое задание
Вместо пункта «сайт должен быть SEO-оптимизирован» перечислите действия и то, как их проверить. Ниже — основа для разговора с исполнителем. Её можно добавить в техническое задание на разработку сайта.
| Требование | Как проверить перед запуском |
|---|---|
| Для услуг, категорий и товаров есть нужные типы страниц | Открыть по одному заполненному примеру; проверить содержание и адрес |
| Важные страницы связаны обычными ссылками | Пройти от раздела к нужной странице; проверить ссылки в HTML |
| Метаданные, заголовки и содержание можно редактировать | Сотрудник сам меняет тестовую страницу и проверяет результат |
| Правила для фильтров и повторяющихся адресов определены | Проверить несколько сочетаний, основной адрес и ограничения |
| Сайт удобен на телефоне | Прочитать страницу, открыть меню, выбрать товар и отправить форму |
| Изображения подготовлены для веба | Проверить размер файлов, читаемость и загрузку на мобильном соединении |
| При переносе есть таблица старых и новых URL | Проверить перенаправления на нескольких услугах, категориях и товарах |
| Публикация и открытие для поиска выполняются отдельно | Проверить домен, ограничения и Sitemap после решения о запуске |
Скорость проверяйте на заполненных страницах, где уже стоят настоящие фотографии, шрифты и подключённые сервисы. Быстрый пустой макет мало говорит о готовом сайте. Если исполнители используют PageSpeed Insights, попросите объяснить найденные проблемы и исправить те, которые мешают посетителю. Одна итоговая оценка не заменяет проверку чтения, выбора и отправки заявки.
На приёмке достаточно начать с основных типов страниц: главной, услуги, категории, товара и статьи, если они есть. Проверьте длинное название, большую таблицу, несколько изображений и другие случаи из реального содержания. Полный порядок разобран в чек-листе приёмки сайта.
После запуска добавьте сайт в Яндекс Вебмастер и Google Search Console, отправьте Sitemap и проверьте несколько важных адресов. Доступ к обходу ещё не означает, что все страницы сразу попадут в поиск. Следующий этап — смотреть, какие страницы поисковики обнаружили, какие запросы приводят людей и чего не хватает посетителям.
Если заказываете разработку сайта, начните обсуждение с разделов и содержания. Потом выберите редактор, согласуйте технические требования и только после этого переходите к макетам. Так SEO будет опираться на устройство сайта с самого начала, а после запуска останется развивать содержание и спрос, а не переделывать основу.
Обсудить задачу по рекламе или сайту
Расскажите, как работает ваш бизнес и что хотите улучшить. Николай Тенгереков поможет определить следующий шаг.
Обсудить задачу