Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
SEO

Чек-лист разработки нового сайта: SEO-требования, чтобы не потерять трафик после запуска

99 
 

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

Мы собрали технический чек-лист, который Alekzo согласует с командой разработки до старта вёрстки. Он не заменяет техническое задание, но фиксирует минимум, без которого сайт нельзя выводить в поиск. Ниже разбираем каждый пункт: что нужно сделать, зачем и как проверить.

Из чего состоит чек-лист

Требования разбиты на группы, которые закрывают основные риски при запуске сайта:

  1. Индексация — закрыть сайт от поисковых систем на время разработки и не забыть открыть после.

  2. Изображения — правильные имена файлов, alt и title, управление ими из админки.

  3. Заголовки — H1 в начале страницы и корректная иерархия H1–H6.

  4. Скорость — PageSpeed Insights в зелёной зоне, загрузка до 3 секунд.

  5. Вёрстка и код — ЧПУ, адаптивность, кроссбраузерность, HTTPS, ссылки на телефон и формы.

  6. Ссылки и навигация — хлебные крошки, меню, пагинация, отсутствие самоссылок.

Отдельно идут мета-теги и возможности админки, пагинация и фильтры, а в конце — короткий прогон перед запуском.

1. Закройте сайт от индексации на время разработки

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

Есть три способа, их можно сочетать:

  1. Файл robots.txt в корне сайта. Он размещается в корневой директории на хостинге и запрещает роботам обходить сайт:

    User-agent: *
    Disallow: /
  2. Запрет индексации в настройках CMS. Если сайт делается на CMS, включите запрет в её настройках и проверьте, что он распространяется на все шаблоны страниц.

  3. Мета-тег robots в шаблоне. Если закрыть через CMS нельзя, добавьте мета-тег на каждую страницу шаблона:

    <meta name="robots" content="noindex, nofollow"/>

Учтите нюанс: если страница запрещена в robots.txt, робот её не загружает и не видит мета-тег noindex. Поэтому для тестовой версии, которая не должна попасть в поиск ни при каких условиях, надёжнее всего закрыть доступ паролем на уровне сервера: тогда страницы не откроются ни роботу, ни случайному посетителю.

Главное правило: после запуска обязательно снимите запрет. Уберите Disallow: / из robots.txt, выключите запрет в CMS и удалите мета-тег noindex. Забытый запрет индексации — одна из самых частых причин, по которой новый сайт месяцами не появляется в поиске.

2. Называйте файлы изображений латиницей через дефис

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

Правильно:

  • tovar-dlya-detey.jpg

  • только строчные латинские буквы

  • слова разделяются дефисом «-»

  • имя отражает, что на картинке

Запрещено:

  • русские буквы в имени файла

  • буквы в верхнем регистре

  • пробелы между словами

  • нижнее подчёркивание «_» вместо дефиса

Для транслитерации удобно использовать онлайн-сервисы, например транслитератор Advego (advego.com). То же правило действует для адресов страниц: о ЧПУ — ниже.

3. Поставьте H1 в начале каждой страницы

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

  • H1 расположен в самом верху страницы, выше основного контента;

  • на странице ровно один H1;

  • H1 отражает содержание страницы;

  • H1 заполняется через админку, а не прописывается в коде.

Например, на странице категории интернет-магазина H1 стоит сразу под шапкой и хлебными крошками, до списка товаров.

4. Соблюдайте иерархию заголовков H1–H6

Заголовки — это структура документа, а не способ сделать текст крупнее. Частая ошибка разработчиков — размечать тегами H2–H4 всё, что визуально должно быть заметным. В результате на странице десятки «заголовков», и поисковая система не может понять, где главное.

Как должно быть:

  • H1 — один на странице и первый в иерархии

  • H2–H6 идут по порядку, без пропусков уровней

  • заголовками размечаются только заголовки блоков

Заголовками не размечаются:

  • цены и характеристики товаров

  • описания и подписи под элементами

  • названия товаров в списке каталога, пункты меню и надписи на кнопках

Для всех остальных элементов используются текстовые теги <p>, <span> и оформление стилями. Нужен крупный шрифт — задайте его в CSS, а не тегом заголовка.

5. Установите фавикон

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

Что проверить:

  • фавикон установлен и отображается во вкладке;

  • используется логотип или фирменный знак компании;

  • иконка читается в мелком размере.


Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 13780 тендеров
проведено за восемь лет работы нашего сайта.


6. Проверьте скорость загрузки до сдачи сайта

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

  • PageSpeed Insights: зелёная зона — целевой результат, жёлтая — допустимо, красная — не допускается

  • WebPageTest: Speed Index, то есть скорость для пользователя, — не более 3 секунд

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

7. Базовые требования к вёрстке и коду

Шесть пунктов, которые стоит прописать в договоре или ТЗ с разработчиком:

  1. Адаптивность. Вёрстка корректно отображается на мобильных, планшетах и десктопе.

  2. Кроссбраузерность. Сайт проверен в Chrome, Safari, Firefox и Edge — без «поехавших» блоков.

  3. Настроенные ЧПУ. Человекопонятные адреса латиницей через дефис для всех страниц, например /uslugi/remont-kvartir/ вместо /index.php?id=125.

  4. HTTPS. Сайт работает по защищённому протоколу, внутренние ссылки — относительные, через «/», без http.

  5. Телефон и ссылки. Номер телефона размечен ссылкой с атрибутом tel, чтобы на смартфоне позвонить в одно касание. Внешние ссылки открываются в новом окне.

  6. Формы. Предусмотрена валидация полей с понятными сообщениями об ошибке. Форма, которая молча не отправляется, теряет заявки, — это одна из типичных проблем юзабилити сайта.

8. Ссылки и навигация: уберите самоссылки

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

  1. Логотип. На всех страницах — ссылка на главную, на самой главной логотип некликабельный.

  2. Циклические ссылки. Страница не ссылается сама на себя — ни с логотипа, ни из меню.

  3. Активные пункты меню. Пункт меню текущей страницы отображается активным и не кликается.

  4. Хлебные крошки. Присутствуют на всех страницах, кроме главной.

  5. Корректность крошек. Все страницы, указанные в хлебных крошках, реально существуют.

Проверяется это обходом сайта краулером, например Screaming Frog, после снятия запрета индексации. Такой обход — основа технического SEO-аудита сайта.

9. Мета-теги и возможности админки

SEO-специалист должен менять всё необходимое без разработчика. Если каждое изменение title или alt требует задачи программисту, продвижение превращается в очередь и замедляется в разы. В админке должны быть:

  1. Title, Description, H1 — поля для ввода доступны на всех без исключения страницах сайта.

  2. Автоподстановка Title — если title не заполнен, автоматически выводится название страницы (pagetitle), чтобы страница не осталась без заголовка.

  3. Alt и title картинок — для динамических изображений (товары, статьи) заполняются через админку.

  4. Статические изображения — для декоративных картинок в коде оставляется пустой alt.

  5. SEO-текст в каталоге — для интернет-магазина предусмотрен блок текста внизу страницы категории.

10. Пагинация и фильтры без дублей

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

Самый частый пример: первая страница категории открывается и по адресу https://site.com/category/, и по адресу https://site.com/category/?page=1. Для поисковика это две разные страницы с одинаковым содержимым. Первая страница должна открываться только по «чистому» адресу категории, а адрес с ?page=1 нужно убрать.

  1. Пагинация ≠ фильтр. Страницы пагинации не реализуются через фильтры. Если иначе нельзя, title на них заполняется.

  2. Уникальные адреса. Каждая страница списка доступна по одному адресу, без дублей с параметрами.

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

11. Что проверить перед запуском сайта

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

  • Открыть индексацию — убрать Disallow: / из robots.txt, снять запрет в CMS, удалить мета-тег noindex

  • Проверить мета-теги — Title, Description и H1 заполнены на всех значимых страницах

  • Проверить адреса — ЧПУ настроены, старые адреса при переезде закрыты редиректами

  • Замерить скорость — PageSpeed и Speed Index на реальном хостинге, десктоп и мобильные

  • Пройти сайт краулером — проверить битые ссылки, дубли, циклические ссылки и хлебные крошки

Пункт про редиректы актуален, если новый сайт заменяет существующий. В этом случае каждый старый адрес, который был в поиске, должен вести постоянным редиректом 301 на соответствующую новую страницу. Без этого накопленные позиции не переходят на новый сайт, и трафик падает.

Что делать после запуска, чтобы сайт начал набирать позиции, — в статье о SEO для нового сайта.

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

Когда нужно подключать SEO-специалиста к разработке сайта?

До старта вёрстки. Требования к структуре, адресам, заголовкам и админке дешевле заложить на этапе ТЗ, чем переделывать готовый сайт.

Можно ли не закрывать сайт от индексации, если он на тестовом домене?

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

Сколько H1 должно быть на странице?

По нашему чек-листу — ровно один, в самом верху страницы, и он должен отражать её содержание.

Почему после переезда на новый сайт пропал трафик?

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

Лучшее
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




111

Лучшие статьи

Поделиться: 0 0 0
Генеральный директор (CEO) в  Alekzo , Минск
 0  0  0

Оцените статью
Спасибо за оценку