Адрес офиса:
Москва, Одесская ул., 2кС, 117638
Время работы:
Ежедневно
с 10 до 19
+7(495)477-57-39
Ежедневно
с 10 до 19

SEO оптимизация при разработке сайта: пошаговая инструкция

Опубликовано: 10.06.2024
Дмитрий Михайлов
202

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

Преимущества оптимизации сайта на этапе разработки

Переделывать – всегда дольше и сложнее, чем сделать сразу правильно. В этом и кроется основное преимущество SEO оптимизации на этапе разработки.
Вам не придется тратить время на создание некорректного, как не придется далее повторно тратить время на исправление всех ошибок. Изначально начав правильно, вы добьетесь результата быстрее, чем с исправлением различных моментов после запуска.
Такой подход не только экономит время, но и деньги, так как доработка и некоторые правки требуют повторного привлечения разработчиков и других специалистов.

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

 

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

Пошаговая оптимизация на этапе разработки

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

Базовый анализ ниши и конкурентов

Чтобы найти “ключ к успеху” в вашей нише, важно изучить конкурентов, кто этот “ключ” уже нашел, то есть тех, кто уже занимает высокие позиции в выдаче поисковых систем. Для этого проводится базовый анализ ниш и конкурентов. Как правило, в базовый анализ входит следующее:

  • Анализирование ниши – выявляются основные тренды, изучается сезонность, особенности целевой аудитории, конкуренции и т.д.
  • Поиск конкурентов – выявляются основные конкуренты в поисковой выдаче, которые необязательно являются прямыми конкурентами в бизнесе. Например, в определенной нише конкурентом может быть не только онлайн-магазин, подобный вашему, но и большой маркетплейс, как Яндекс.Маркет или другие проекты.
  • SEO анализ конкурентов – по каждому доменному имени конкурента изучается трафик, поисковые запросы, позиции, обратные ссылки, технические параметры и другое.

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

Сбор семантического ядра

Создать сайт и лишь затем собрать семантическое ядро (СЯ) – распространенная ошибка. В нашей пошаговой инструкции это действие стоит на втором месте специально, так как от семантики зависят следующие шаги, и собрать СЯ для сайта необходимо именно на подготовительном этапе.
На данном этапе не требуется полноценное СЯ, которое вы будете использовать весь срок жизни проекта. Достаточно собрать ориентировочное семантическое ядро – ключевые слова, по которым вы планируете продвигаться. Расширить СЯ можно в будущем и после запуска, но для проработки структуры необходимо базовое ядро, которое в последствии не должно кардинально меняться.

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

 

Разработка структуры сайта

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

  • Четкая иерархия страниц;
  • Разделы и подразделы;
  • Посадочные страницы;

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

Еще одна задача, которую вы сможете решить с помощью проработанной на раннем этапе структуры – на вашем проекте будет корректная вложенность страниц. То есть подкатегории относиться к категориям, а внутренние страницы размещены на корректном уровне вложенности. Это позволит создать удобную иерархию страниц сайта и для поисковиков, и для посетителей.

Для удобства в структуру также можно включить URL адреса потенциальных страниц, например, расписать ЧПУ для основных посадочных, а также указать их уровень вложенности (УВ1, УВ2, УВ3 и т.д.). Понятный для человека адрес (ЧПУ) это не только удобно в работе для вас, но и одна из составляющих последующей технической оптимизации.

Для составления структуры вы можете использовать как привычный Microsoft Excel или его аналог в Google Документах, так и специальные сервисы по созданию “Mind map”. Например, создать наглядную структуру можно в Miro или в Notion.

Внутренняя оптимизация

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

  • Обязательные блоки на странице;
  • Формат навигации;
  • Форматирование контента;
  • И другое.

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

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

Пример калькулятора по тематике пластиковых окон
Пример калькулятора по тематике пластиковых окон

При создании дизайна сайта также важно заранее заложить ключевые требования:

  • Адаптивная верстка;
  • Корректное отображение на мобильных устройствах;
  • Быстрая скорость загрузки страниц;

Отдельное внимание необходимо уделить юзабилити ресурса – насколько посетителям удобно пользоваться проектом, нет ли во время просмотра сайтов каких-то трудностей или проблем. Неудобный дизайн может стать причиной плохих поведенческих факторов, например, высокого процента отказов, что повлияет на общие результаты продвижения.
Запустив ресурс без мобильной версии сайта, вы практически теряете шанс на трафик с мобильных устройств, так как Яндекс и Google для мобильных пользователей формируют выдачу с учетом удобства на мобильных устройствах. Чтобы не решать проблемы в будущем – с отображением страниц или скоростью их загрузки, учитывайте это ещё на этапе разработки.

Помимо учета SEO требований в дизайне, также важно проработать и другие моменты:

  • Подготовка метаданных для основных страниц – удобно, когда существует единый файл со структурой сайта, в котором указаны будущие URL-адреса, уровень вложенности, а также необходимые Title и Description.
  • Проработка структуры страниц – контент каждой страницы также должен быть структурирован, поэтому на этапе подготовки необходимо составить подробный план с указанием заголовков H1, H2, H3 и т.д. Это касается не только статей в специальных разделах, но и главной страницы, категорий и других.
  • Проработка перелинковки страниц – на продвижение влияют не только внешние ссылки, но и внутренние, то есть со страниц одного и того же сайта. На этапе разработки вы можете проработать логичную структуру перелинковки, с каких адресов логично рекомендовать другие, структура перелинковки сайта является важной составляющей внутренней оптимизации. Важно руководствоваться в первую очередь удобством для посетителя, какая ссылка была бы наиболее уместной, а не размещать ссылки в случайном порядке.

Для запуска проекта также потребуется качественный контент. На этом этапе уже можно создавать постоянный, а не временный контент, который далее будет постоянно размещен на страницах. Необязательно до запуска готовить все 100+ страниц, но основные страницы сайта должны быть заполнены на начальном этапе сразу же с учетом всех SEO требований:

  • Высокая уникальность;
  • С использованием ключей;
  • С учетом конкуренции в поисковой выдаче – ваш материал должен быть не хуже или даже лучше, чем контент конкурентов;
  • С заботой об удобстве для посетителя – человек должен получить достаточно исчерпывающий ответ, чтобы не возвращаться в поисковую систему с повторным запросом;

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

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

 

Техническое SEO-продвижение

Техническое SEO-продвижение, известное также как “техничка”, делается в большинстве случаев при старте продвижения действующих проектов. Но это вынужденно, так как многие пропускают этот важный аспект SEO при разработке. Вы можете учесть на начальном этапе большинство моментов, что позволит изначально запуститься с грамотно оптимизированным веб-сайтом.

Индексирование

Чтобы поисковый робот не только узнал о существовании вашего проекта, но и проиндексировал всё, что требуется, поисковому роботу необходимо дать указания. Заполните Robots.txt правильно ещё до запуска проекта, а также убедитесь, что в коде нет лишних тегов <noindex>, мешающих индексированию.

Совет: частая ошибка – изначально индексация запрещена в Robots.txt, на сервере или тегом noindex, о чем забывают после публичного релиза. Поэтому возьмите за правило – проверять доступность веб-сайта к индексированию с помощью Яндекс.Вебмастер, Google Search Console или с помощью специальных сервисов сразу после релиза.

 

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

Например, если в определенной категории вашего интернет-магазина 170 товаров, и на одной витрине отображается 10, то одна категория может быть разбита на 17 веб-страниц. Дубли страниц, которые не являются полезными при продвижении, необходимо закрывать от индексации поисковыми роботами или реализовывать пагинацию без создания дополнительных URL-адресов.

Карта сайта

Sitemap.xml помогает с быстрой индексацией, а также предотвращает проблемы с индексированием для глубоко-вложенных URL-адресов.
На начальном этапе убедитесь, что к релизу у вас не просто будет карта сайта, но и убедитесь в том, что она будет актуальной постоянно с учетом требований по форматированию.

Совет: частая ошибка – файл sitemap.xml есть, но данные в нем неактуальны. Для проектов на WordPress и на некоторых других популярных CMS существуют готовые плагины, которые автоматически обновляют карту. Проверьте в административной панели сайта возможность быстрой генерации, но учтите, что и эти данные необходимо перепроверять на корректность работы после запуска.

 

Дополнительные теги и HTTP-заголовки

Необходимо включить в код будущего ресурса все теги, которые помогут последующему продвижению:

  • Canonical – для указания основной версии конкретной страницы;
  • Hreflang – для указания языка у проектов на нескольких языках;
  • И другие.

Многоязычные проекты без корректного атрибута “Hreflang” могут индексироваться некорректно, когда в региональную выдачу попадают адреса на иностранном языке. Поэтому тег Hreflang необходимо перепроверять для каждого адреса, например, с помощью бесплатного расширения для Google Chrome. Аналогично требуется проверять и другие используемые теги, так как важен именно корректно вписанный тег, а не просто его наличие.

Помимо тегов настройте HTTP-заголовки. Например, вы можете настроить заголовок даты создания страницы, что поможет и поисковым системам, и посетителям понять актуальность контента.

Микроразметка

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

Страница ошибки

Даже в самом грамотно спланированном проекте случается, что определенный URL-адрес недоступен – был удален, никогда не существовал или по другим причинам. Чтобы решить это грамотно, необходимо предусмотреть страницу 404.

Базово любой сервер будет отдавать ошибку для несуществующей страницы, но ваша задача – создать специальную посадочную, которая сообщит посетителю об ошибке 404 и сконвертирует его в действие, например, в переход на главную или поиск. Это повысит время, проведенное на сайте и снизит процент отказов.

Редиректы

Даже если на этапе создания вебсайта ещё нет URL адресов, которым требуется редирект, всё равно необходимо предусмотреть разные сценарии на будущее:

  • Наличие “/” или его отсутствие в URL-адресе, например, что происходит при использовании URL в формате vashsite.ru/page1/ вместо – vashsite.ru/page1.
  • Будущая смена URL-адреса ранее существовавшей страницы.
  • И другие, актуальные для вашего проекта. Например, в Интернет-магазине, возможно, требуется настройка редиректа в категорию определенных товаров при удалении карточки.

При настройке учитывайте разницу между 301, 302 и 307 редиректом, так как это учитывается поисковыми системами.

Изображения

Изображения влияют не только на восприятие контента посетителями, но и на скорость загрузки сайта. Чтобы загрузка была быстрой, на этапе создания проекта проработайте следующее:

  • Автоматическая конвертация .JPG/.PNG формата в экономичный формат .WebP или его аналоги;
  • Оптимизация картинок при загрузке;
  • Отложенная загрузка изображений на странице.

Помимо снижения веса файлов, также важно проработать и SEO-аспекты, а именно названия картинок и их метаданные – ALT и Title. Если на этапе создания невозможно предусмотреть все мета-теги, то можно заложить техническую возможность их указывать.

Аналитика

Эффективное SEO продвижение невозможно без аналитических данных – сколько посетителей пришло, из каких источников, как именно посетители ведут себя на веб-сайте и другие данные. Чтобы получить актуальные данные, добавьте код необходимых систем аналитики, например, Яндекс.Метрики, LiveInternet, Google Analytics или другой системы.

Помимо счетчиков посещаемости, добавьте также тег для подтверждения домена в Яндекс.Вебмастере или Google Search Console, что позволит вам мониторить доступность сайта. При наличии других систем, например, встроенной CRM системы вашего бизнеса, необходимо предусмотреть интеграцию и с ними.

SEO при разработке – стоит ли уделять внимание SEO оптимизации?

Исправление проблем – всегда сложней, чем изначально делать корректно. Если в вашей стратегии продвижения есть поисковый трафик, то однозначно стоит не только задумываться о SEO оптимизации на этапе разработки, но и предпринимать активные действия:

  1. Проанализировать нишу и конкурентов до начала создания проекта;
  2. На основе анализа собрать семантику, которую стоит разбить на кластеры и составить далее подробную структуру вашего сайта с учетом потенциальных страниц для продвижения.
  3. Уделить внимание внутренней оптимизацией ещё до запуска, в частности на этапе прототипирования учитывать SEO требования, а также готовить SEO-оптимизированный контент до релиза проекта, заботясь о релевантности запросов, и изначально не забывать о мобильной оптимизации.
  4. Изначально грамотно подходить к технической части, чтобы впоследствии не устранять технические ошибки, как отсутствие карты сайта, проблемы с файлом robots.txt, некорректные редиректы и другие.

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

Смотрите видео по статье:

Последние статьи

Каждую неделю я готовлю для вас интересные и полезные материалы. Здесь представлены только бесплатные статьи, остальные доступны участникам закрытого клуба
Дочитали?
для вас бонус
Осталось 3 бесплатных консультации - аудита вашего сайта. Успейте оставить заявку