30 SEO требований при разработке нового сайта

SEO требования актуальны в первую очередь под Google, однако большая их часть подойдет и для Яндекса.

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

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

Должна быть настроена отдача корректных кодов HTTP ответа сервера: 200, 301, 404, 503.

Должны быть настроены шаблонные 301 редиректы

Следует также проверить, чтобы страницы вида https://site.com/index, https://site.com/catalog/index.html и т.п. были недоступны (404) или редиректили на страницы с корректным url.

Страница 404 ошибки должна отдавать код 404 и быть сделана в шаблоне сайта со ссылками на основные страницы, а также содержать текстовую информацию об ошибке.

На каждой странице сайта необходимо настроить атрибут rel="canonical". Он определяет каноническую страницу для поисковых систем.

Технические требования

Необходима возможность добавлять мета-тег <meta name="robots" content="..." /> для всех страниц сайта, а также шаблонно для разделов. По умолчанию значение тега должно быть <meta name="robots" content="index, follow" />.

На время разработки сайта на его тестовой версии размещаем в корневом каталоге сайта вариант robots.txt запрещающий его обход ботами поисковых систем:

User-agent: *
Disallow: /

В robots.txt запрещаем обход страниц с вводом персональных данных, авторизации, поиска информации, сортировок, фильтров и т.п. Добавляем ссылку на карту сайта. Пример:

User-agent: *
Disallow: /cart/
Disallow: /profile/
Disallow: /user/
Disallow: /payment/
Disallow: *sort=
Disallow: *filter=

Sitemap: https://site.com/sitemap.xml

Sitemap.xml рекомендуется для всех сайтов, у которых более 100 страниц.

Технические требования к sitemap.xml:

Теги к заполнению:

Если на сайте более 50000 url доступных для индексирования в поисковых системах, то создается индексный файл карты сайта и дочерние. Также можно создавать отдельную карту сайта для видео, картинок и новостей. Документация от Google по ссылке

https://support.google.com/webmasters/answer/183668?hl=ru&ref_topic=4581190

В случае сайта с контентом на разных языках, либо имеющего отличия в контенте и политиках под разные страны, рекомендуется использовать языковые папки. Соответственно контент располагаем в этих папках, например,

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

Технические требования:

Подробности см. в рекомендациях Google https://developers.google.com/search/docs/specialty/international/managing-multi-regional-sites?hl=ru

Добавляем в шаблон страниц сайта переключатель языков, в котором будут указаны гиперссылки на другие языковые варианты текущей (!!!) страницы. Переключатель выводим только для тех страниц, для которых есть альтернативы на других языках.

Частая ошибка в переключателе - ссылки стоят на главные страницы языковых папок, либо гиперссылки вообще отсутствуют.

Если сайт планируется создать на JS-фреймворках таких как React, Vue и т.п. то обязательно рекомендуется подключить серверный рендеринг страниц в статический html-код для ботов поисковых систем. Это типичная рекомендация для SPA / PWA сайтов. Для React используется Next.js, для Vue - Nuxt.js. Подробнее о видах рендеринга можно прочитать здесь https://web.dev/articles/rendering-on-the-web?hl=ru

В статическом коде должны быть:

После внедрения на тесте проверям все ли корректно работает по методике вот этой статьи https://vc.ru/seo/1131353-pochemu-google-ne-vidit-kontent-vashego-sayta-i-kak-eto-ispravit

Даже на не SPA / PWA сайтах часть контента страницы может подгружаться после загрузки html-кода. Поэтому важно чтобы:

Технические требования к страницам пагинации:

Open Graph разметка нужна для корректного отображения ссылок на сайт в соцсетях и мессенджерах.

Обязательные элементы:

Справочная информация: https://habr.com/ru/companies/click/articles/492258/

Рекомендуется размещать разметку Schema.org в виде кода JSON-LD в разделе <head> html-кода страницы. Какую разметку применяем:

Обязательно валидируем разметку тут https://validator.schema.org/

Тестовые сайты и технические поддомены необходимо закрыть от индексации при помощи следующих вариантов (любой из):

Обязательно проверяем не закрыли ли от индексации основной домен!

Если на сайте возможна публикация комментариев / отзывов или статей пользователей, то перед публикацией они должны проходить как минимум автоматическую модерацию (лучше ручную). Для защиты от спама рекомендуется использовать ReCaptcha.

Рекомендуется для внешних ссылок (ссылок на сторонние сайты со страниц вашего сайта) использовать атрибуты rel="nofollow" и target="_blank". Гиперссылки из комментариев и со страницы профиля пользователя (если этот функционал есть) недопустимы.

Общие рекомендации по структуре URL посадочных страниц:

Для сайтов под различные языки возможно использование символов локального языка в url. Пример:

Рекомендуется использовать следующие структурные элементы в коде:

Подробнее https://htmlacademy.ru/blog/html/semantics.

Заголовки контента оформляем в теги <H1>…<H4>. Меню и прочие элементы в шаблоне сайта оформляем при помощи CSS, не используем для этого теги H.

Меню

В меню необходимо разместить ссылки на все основные разделы и подразделы сайта.

Дополнительно в раскрывающихся или выпадающих списках рекомендуется вывести наиболее важные для SEO и пользователей страницы.

Футер

В футере рекомендуется вывести:

Хлебные крошки

Выводим на всех внутренних страницах, последний пункт крошек (текущая страница) делаем некликабельным.

Дополнительные блоки перелинковки для SEO

Для каждой страницы используем минимум 2-3 дополнительных блока для перелинковки. Идеи для блоков берем на основе конкурентов.

Нужна возможность задавать вручную для каждой страницы: Title, Description, H1. Также нужна возможность настраивать шаблоны тегов по разделам сайта, т.е. для всех страниц одного вида.

На каждой посадочной странице необходимо по умолчанию предусмотреть минимум одно поле для SEO текста внизу страницы.

Оптимальный вариант: одной поле на небольшой текст 100-150 слов вверху страницы и второе поле внизу страницы.

При верстке абзацев внутри текста используем <p>, но не <div> или <span>.

Гиперссылки должны быть оформлены в виде <a href="/catalog/page/">anchor</a>, другие варианты недопустимы. При оформлении ссылки в виде кнопки button или любым другим способом дублируем ее также ссылкой <a href=””>.

Рекомендуется использовать сгенерированные или созданные клиентом изображения. Стоковые картинки не рекомендованы, но возможны.

Нельзя использовать картинки из интернета без письменного разрешения правообладателей во избежание судебных претензий. Обязательно предупредите об этом заказчика сайта.

Технические требования к картинкам:

Далее приведены краткие рекомендации, которые повышают удобство использование сайта, его безопасность и скорость загрузки.

Само-собой разумеется также надо помнить про принцип mobile-first.

Можно проверить в https://validator.w3.org/, однако для SEO специалиста достаточно сложно понять какие ошибки критичные, а какие нет.

Корректность работы сертификата можно проверить в одном из чекеров, например, в https://www.leaderssl.ru/tools/ssl_checker.

Для JS, CSS, шрифтов и прочих статических ресурсов должно использоваться сжатие, например, GZIP. Также следует включать сжатие текста.

Задайте правила кэширования для статических объектов. Для неизменяемых объектов имеет смысл выбрать срок кэширования от месяца и более.

HTTP заголовки важны для безопасности сайта. Рекомендуется настроить обработку:

Проверяем Security Headers тут https://securityheaders.com/

П.С. Если вам понравился контент, то подписывайтесь, делитесь с коллегами, а также приходите на канал Go Бурж SEO