21443 12
Кейсы Читать 14 минут 28 февраля 2018

Как Serpstat помогает на этапе разработки сайта — опыт ITECH.group

Как Serpstat помогает на этапе разработки сайта?
Иллюстрация: Наталья Сорока
Автор статьи о SEO на этапе разработки сайта
Юлия Дмитриева
Специалист по поисковой оптимизации в компании ITECH.group
Создание структуры сайта для продвижения, распределение запросов по релевантным страницам и внутренняя перелинковка — это те параметры, которые нужно учесть уже на этапе разработки нового сайта.
Если не предусмотреть эти факторы ранжирования сайта в начале работы, на этапе, когда составляете бриф для заказчика, то вероятность наиболее быстрого попадания в топ по целевым запросам, а также роста трафика уменьшается в разы. Это также сэкономит бюджет и время специалистов в дальнейшем. В результате сможете потратить больше на контекстную рекламу и продвижение в соцсетях для более быстрого и стабильного роста.

Как именно мы оптимизируем сайт в процессе его создания и как Serpstat помогает нам в этом деле, я расскажу дальше.

Рассмотрим подробнее каждый этап разработки сайта.

Создание брифа

Сначала мы изучаем бриф и пожелания клиента по SEO-оптимизации. Именно на основе брифа от клиента формируется базовое представление о структуре сайта, позиционировании бренда и определенные особенности тематики бизнеса.

Ловите пару примеров вопросов из брифа клиента, ответы на которые являются отправной точкой для разработки нового сайта с учетом SEO-рекомендаций:

  • Назовите основных конкурентов. Какие сайты конкурентов нравятся или нет? Почему? Ответ на данный вопрос необходим для работы в сервисе Serpstat для анализа указанных конкурентов и определение других, которые сервис считает более подходящими.
  • Какова география распространения бренда/товара/услуги?
  • Есть ли ключевые продукты/услуги, на которые нужно сделать акцент при разработке?
  • Сфера деятельности компании.
  • Для какой целевой аудитории разрабатывается сайт?
  • Какие задачи должен решать сайт?
  • Какие страницы и разделы планируются на сайте?
  • Какая предполагается структура каталога и сколько позиций в каталоге?

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

Этап 1: Создание структуры сайта

Первый шаг — определение типа сайта

Сайты могут относится к категориям B2B, электронной торговли, информационникам и т.д. SEO-тактика зависит от типа сайта, потому что пользователи ищут информацию в интернете в зависимости от цели: будь то покупка продукта, исследование темы или что-то иное.

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

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

Второй шаг – разработка семантического ядра

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

Третий шаг — анализ сайтов конкурентов

Изучая сайты конкурентов, мы собираем слова и фразы, которые будут полезными дополнениями к семантическому ядру клиента.

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

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

Serpstat помогает получить полный список прямых «конкурентов» по домену сайта.
Анализ конкурентов домена в Serpstat
Теперь проанализируйте второй и третий столбец — общие ключевые фразы и отсутствующие. Выявите интересную закономерность между конкурентами и выберите для более детального аудита семантики только наиболее весомые сайты.

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

Если задача стоит не «разработать сайт с нуля», а именно «улучшить и расширить старую версию сайта» рекомендуем воспользоваться отчетом «Позиции сайта» — необходимый инструмент от Serpstat.
Фильтр ключевых фраз по позициям в поиске
Например, чтобы на новом сайте не потерять позиции по запросам, которые уже приносят целевой трафик — можно вбить «старый» сайт в сервис и выгрузить все фразы с указанием позиций в выбранном регионе и с релевантным адресом.

Далее остается просто учесть такие запросы при сборе семантического ядра и создании структуры.

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

Четвертый шаг – распределение поисковых запросов на страницы сайта

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

Тут помогает «Кластеризация от Serpstat», с помощью которой можно быстро сгруппировать большое число запросов и наметить структуру:

1) заливаем фразы в кластеризацию Serpstat;
2) инструмент группирует фразы;
3) группы фраз распределяем по страницам;
4) организовываем полноценную структуру сайта.
Пример проведения успешной текстовой аналитики кластеризированных фраз
Так выглядят кластеризированные фразы в отчете Serpstat.
Однако важно понимать, что это не панацея — нужно вручную перепроверить, как именно сгруппированы запросы, и при необходимости внести корректировки.

Этап 2: Проектирование сайта и составление технического задания

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

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

Основная задача SEO-специалиста на этапе готового прототипа — проверка важных составляющих, таких как:
1
Правильное расположение блоков и элементов на целевых страницах сайта с учетом улучшения релевантности страниц для поисковых систем. Все продвигаемые страницы желательно расположить высоко в структуре, логически объединив в разделы.
2
Наличие реализации корректной структуры URL-адресов сайта с учетом вложенности страниц. Создание ЧПУ страниц, которые также будут содержать вхождения продвигаемых слов.
3
Наличие на прототипе навигационной цепочки или «хлебных крошек».
4
Предусмотренное место под оптимизированный текст.
5
Наличие информационной страницы 404 со ссылкой на главную страницу (в некоторых случаях даже со ссылками на основные услуги/товары, которые могут пользоваться популярностью).
Рассмотрим пример прототипа сайта тематики транспортной компании:
Создание прототипа сайта
Прототип должен выглядеть просто и понятно. Интерактивный прототип позволяет понять, как будет работать сайт. Здесь можно нажимать на кнопки, переходить по ссылкам и так оценивать взаимодействие пользователя с сайтом.

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

Примерный список рекомендаций, которые
указываются в техническом задании:

1
Основные технические требования к веб-сайту для программистов:
• возможность заполнения уникальными мета-тегами и заголовками на каждой странице ресурса и их редактирования;
• отсутствие Java-скриптов в представление важного для пользователя контента и ссылок;
• доступность версии сайта только по одному адресу (с www или без www);
• аналогично, не должны быть одновременно доступны страницы со слешем и без слеша на конце URL;
• несуществующие страницы сайта должны отдавать 404 код HTTP, а не перенаправлять пользователя на главную или какую-либо другую страницу;
• возможность заполнения и редактирования alt-атрибутов у изображений.
2
Для редакторов формируются следующие технические рекомендации:
  • составление общих требований к тексту (уникальность, заспамленность);
  • определение списка страниц для размещения оптимизированного текста;
  • указание тематики текста — какую информацию должен получить пользователь и какие вопросы необходимо раскрыть в тексте;
  • указание требуемого объема текста, количества вхождений ключевых запросов и другие количественные характеристики.
Техническое задание для редакторов также оформляется по примеру и является частью одного большого файла с SEO-рекомендациями для сайта на этапе разработки, который отправляется клиенту на ознакомление и согласование. Пример оформления задания для специалиста по копирайтингу:
Пример технического задания для редакторов и копирайтеров
Таким образом, после первого этапа у нас есть уже таблица с кластеризованным семантическим ядром и с частотность для выбранного региона. Выделяем основные запросы (коммерческие и региональные в особенности) и включаем их в описание технического задания для редактора, кратко описав рекомендации по содержанию текста.

После написания текста проверяем его на выполнение всех условий ТЗ.
3
Технические рекомендации для специалистов по заполнению контентной части
И, наконец, нужно составить технические рекомендации для специалистов по заполнению контентной части — это полный перечень уникальных мета-тегов, заголовков и общих рекомендаций к заполнению alt-атрибутов для изображений.

На этом этапе нам снова помогает Serpstat, а именно «Текстовая аналитика». C помощью этого инструмента мы получаем список рекомендуемых фраз для каждой области страницы: Title, H1 и Body. Они формируются на основе анализа других страниц в этой группе фраз и помогают увеличить релевантность страницы.
Примерной рекомендаций по тексту в текстовой аналитике Serpstat
Так выглядит отчет Текстовой аналитики в Serpstat: рекомендованные фразы для Title и H1.

Завершающие этапы

1
Дизайн — определение концепции и отрисовка макетов
Подключение SEO-специалиста на этом этапе разработки сайта минимально.

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

К началу этого периода уже готовы все тексты для страниц сайта, написаны мета-теги и заголовки, также сформированы рекомендации к alt-атрибутам для изображений. Подключение SEO-специалиста тут минимально, оно требуется для проверки корректности заполнения контента.
3
Тестирование сайта перед переносом на основной домен и анализ сайта после переноса
Работы на этом шаге ведут специалисты-тестировщики. На основе технического задания для программистов (которые были составлены на этапе №2) отдел тестирования формирует чек-лист для проверки соблюдения требований к поисковой оптимизации сайта.

Проверка всех пунктов чек-листа изначально осуществляют на тестовом домене, далее — на основном домене после переноса сайта.

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

  • создана корректная структура,
  • в меню вынесены все необходимые ссылки основных разделов для продвижения,
  • оптимизированы и наполнены контентом все релевантные страницы и не только (на этапе разработки общие рекомендации предоставляются также и ко всем остальным страницам на сайте),
  • отсутствуют технические ошибки,
  • сайт уже имеет неплохую видимость сразу после «выливки» в открытый доступ.
Заметно, что основная нагрузка ложится на SEO-оптимизатора именно на первых этапах разработки нового сайта.

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

Например, исправление ошибок в структуре, которая была спроектирована без рекомендаций SEO-специалиста:

  • во-первых, увеличит время, которое необходимо на индексацию нового ресурса в поисковых системах;

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

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

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

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

Оцените статью по 5-бальной шкале

4.8 из 5 на основе 10 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Используйте лучшие SEO инструменты

SЕО аудит сайта

Используя SЕО аудит сайта вы узнаете все ошибки на вашем ресурсе и сможете их исправить

Пакетный анализ доменов

Получите всю информацию о сайтах конкурентов используя пакетный анализ доменов

ИИ инструменты для контента

ИИ инструменты для контента – повышайте качество и скорость работы с текстом

Локальное SEO

Получите новых клиентов используя мощный автоматизированный инструмент локального SЕО

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm