Конкуренция в выдаче по многим тематикам дикая. Попасть в топ все сложнее. Рассказываем на примере собственного сайта, как после редизайна вышли в топ выдачи в «перегретой» нише.
Наше агентство HotHeads занимается разработкой и SEO продвижением сайтов в поисковых системах. Поэтому не удивительно, что у нас есть сайт, основная задача которого — донести до клиентов информацию о компании, кейсы и прочую важную информацию.
Работаем мы при этом в суперперегретой тематике с давно сформированными ТОПами. Одним словом, конкуренция дикая. Поэтому до недавнего времени мы не делали ставку на органику, делая акцент на других каналах привлечения посетителей.
Но в какой-то момент мы решили перестать быть «сапожником без сапог» и начали активно работать над повышением позиций собственного сайта. На берегу договорились, что никакими черными способами или накрутками пользоваться не будем, потому что это не путь джедая.
Цель ясна, стартуем
Шаг первый — технические доработки
В первую очередь мы привели домен к идеальному состоянию по технической части, расширили структуру и разместили необходимый контент на всех целевых страницах.
Однако несмотря на то, что на первый взгляд сайт не имел нареканий и критичных ошибок, большинство запросов не находилось даже в топ 100 (помним про то, что тематика перегретая и конкуренты прибегают к ряду тонкостей, которые направлены на использовании брешей в поисковых алгоритмах).
![](/img/pereezd/1.jpg)
Шаг второй — изучение соперников
Проанализировав конкурентов и полученные результаты от первого этапа, нами было принято решение о глобальном пересмотре всех макетов, в том числе и главной страницы. Это было продиктовано тем фактом, что в ходе изучения сайтов в ТОП 10 выдачи выяснилось, что большая часть (7 из 10) посадочных страниц выглядят как полноценные лендинги.
![](/img/pereezd/2.jpg)
Пример конкурента в топе "№ 1
![](/img/pereezd/3.jpg)
Пример конкурента в топе "№ 2
На нашем же сайте вся информация была структурирована и зачастую выделена в отдельные разделы. Так как адекватно перекомпоновать имеющиеся макеты не получалось, было решено отрисовать их с нуля, параллельно обновив часть дизайна и цветовых схем.
Но перед этим нужно было понять, какие блоки, элементы и функционал должны присутствовать на сайте. Поэтому мы придумали свою систему по набору необходимого минимума блоков.
Шаг третий — подготовка требований к странице
Так как все сайты конкурентов из ТОПа имеют отличия и свою компоновку, нами была собрана сравнительная таблица с набором повторяющихся и уникальных блоков. В нее были занесены только те факторы, которые на наш взгляд действительно отвечают интенту запроса.
Не присущие нашим бизнес-процессам или философии студии элементы отсеивались. На выходе получилась таблица по 15 конкурентам с 13 полезными блоками.
Далее мы отобрали наиболее повторяющиеся «фишки», дополнили их той информацией (УТП), которая присуща только нашей студии и начали отрисовку прототипов.
![](/img/pereezd/4.jpg)
Шаг четвертый — готовим прототип
Имея на этом этапе набор необходимых блоков кажется, что 90% работы сделано. Но на самом деле мы столкнулись с тем, что часть необходимой информации для страниц просто отсутствует. К тому же надо понять, в какой части страницы должны выводиться блоки, чтобы они были читаемы и не выбивались из общей концепции.
В дополнение ко всему стоило предусмотреть и последующую скорость загрузки страниц, их читаемость на мобильном и держать в голове, что слишком длинные «портянки» мало кто долистает до конца. Значит, блоки должны быть еще и функциональны. По итогу был создан макет, отвечающий нашим требованиям.
![](/img/pereezd/5.jpg)
Макет страницы
Тарифы
Первое, что пришлось собирать с нуля — тарифная сетка. Да, она и раньше была на сайте, но не в столь подробном формате. Было принято решение переупаковать наши тарифы, выделить отличия друг от друга и расписать, что входит в каждый тариф.
![](/img/pereezd/6.jpg)
До редизайна
![](/img/pereezd/7.jpg)
После редизайна
Кейсы
Далее приступили к оформлению кейсов. На старом сайте их было достаточное количество, но оформлены они были не в едином стиле, поэтому не вписывались в концепцию страницы. Мы убрали часть старых и достаточно «попсовых» кейсов, оформили превью в понятную инфографику.
![](/img/pereezd/8.jpg)
До редизайна
![](/img/pereezd/9.jpg)
После редизайна
Этапы работ
Совершенно новым блоком, который пришлось разрабатывать с нуля, стали «Этапы работ». На старом сайте его не было вообще, а информации достаточно много. При этом просто так разместить портянку текста было бы неуважением к пользователям. Поэтому мы выделили основные этапы и сделали их интерактивными.
![](/img/pereezd/10.jpg)
Блок «Этапы работ»
Это позволило дать максимум полезной информации пользователям, оставшись в рамках одного экрана просмотра.
Калькулятор
Калькулятор — это отдельная история. Тарифные планы не всегда могут быть гибкими и зависят от ряда особенностей, а значит нужно дать возможность клиентам оценить набор требований и их влияние на конечную цену. По большому счету, это игрушка для пользователей, при помощи которой можно прикинуть стоимость работ с учетом всех своих «хотелок».
![](/img/pereezd/11.jpg)
Калькулятор услуг
Что входит в услугу
Следующий блок — «Что входит в продвижение». В прежнем варианте он также присутствовал, но был оформлен в качестве списка, который не привлекал к себе внимания. В новой версии мы разделили его на отделы с подробными пояснениями. Блок стал интерактивным, что опять же позволило представить всю информацию на одном экране просмотра, не перегрузив его информацией.
![](/img/pereezd/12.jpg)
До редизайна
![](/img/pereezd/13.jpg)
После редизайна
FAQ и отзывы
Цель блока с популярными вопросами — дать заблаговременные ответы на возможные вопросы посетителей. На старом сайте раздел FAQ был достаточно общим и находился в самом низу, поэтому до него никто не долистывал.
В ходе работы с новым макетом мы собрали с отдела продаж и аккаунтинга наиболее актуальные вопросы и дали по ним короткие, но емкие пояснения. Самому блоку решили придать большей «персонализации», добавив конкретного сотрудника компании, что опять же позволило не растягивать страницу и закрыть потребности пользователя в рамках одного экрана просмотра.
![](/img/pereezd/14.jpg)
До редизайна
![](/img/pereezd/15.jpg)
После редизайна
Блоки отзывов
Блок с отзывами также претерпел изменения.
![](/img/pereezd/16.jpg)
До редизайна
![](/img/pereezd/17.jpg)
После редизайна
Блок SEO-текста
Финальным этапом редизайна стало написание оптимизированного и всеми известного блока с контентом. Большую часть ключей уже получилось вписать в остальные блоки, поэтому основной текст получился достаточно лаконичным и не вводящим в тихий ужас при виде его объемов. В старой версии сайта он находился в самой нижней части и был просто потому, что нужно было дать хоть какое-то описание.
![](/img/pereezd/18.jpg)
Блок SEO-текста
Каких результатов мы добились?
После внесения всех изменений сайт стал постепенно появляться в ТОПах поисковых систем, причем по высокочастотным запросам:
![](/img/pereezd/19.jpg)
Рост позиций частотных запросов
При этом без применения дополнительных «симуляторов» удалось потеснить в выдаче достаточно крупных и трастовых игроков отрасли:
![](/img/pereezd/20.jpg)
Выдача по частотному запросу
Общая видимость по сайту тоже вышла на положительную динамику:
![](/img/pereezd/21.jpg)
Рост видимости сайта
На разработку и внесение изменений ушло 6 месяцев сплоченной работы оптимизатора, дизайнера программиста, контент-менеджера и, конечно, тим-лида.