Масштабный редизайн блога UniSender — рост органического трафика
Внутренняя кухня SEO: считаем рентабельность блога и возвращаем трафик на сайт UniSender Продолжаем серию постов реалити-шоу о продвижении платформы email- и sms-рассылок UniSender. Как и обещали в
Почему мы решили улучшить блог
Еще в 2016 году комaнда UniSender принялась наводить порядок в блоге: оптимизировать статьи, структуру, добавлять перелинковку. Но что-то пошло не так. Всему виной — неповоротливый движок блога: он не позволял исправить существующие баги, да еще и подсовывал новые. И, конечно, хотелось освежить устаревший дизайн блога.
В то же время росли аудитория блога и качество публикаций. Мы с UniSender провели дополнительный анализ рентабельности блога. И после подсчета возврата инвестиций стало очевидно, что блог не только удерживает клиентов, но и приводит новых.
Мы твердо решили: читатели достойны более крутого и качественного блога. Вот немного хронологии для понимания, в каком темпе мы двигались:
- в марте начали разpaбатывать новый блог;
- в мае утвердили макеты дизайна;
- все лето — разработка, проверка и доработка тестовой версии блога;
- в сентябре запустили обновленный блог.
В общей сложности совместно с UniSender мы внедрили 4 технических задания:
- очень детальное и четкое задание от комaнды UniSender для дизайнеров и разработчиков c описанием задач блога, основного функционала для каждого типа страниц, пожеланий по дизайну и прочего;
- технические рекомендации по SEO-оптимизации от комaнды Netpeak;
- два дополнительных технических задания на доработку блога после внедрения основных технических рекомендаций.
Благодаря слаженной работе комaнды проекта (UniSender, Netpeak и разработчиков из Point Agency) нам удалось максимально четко и эффективно коммуницировать по всем вопросам блога и выполнить все задуманное в сжатые сроки без потери качества.
Как сегментировали целевую аудиторию читателей
Главная задача — увеличить трафик блога, и, как следствие, количество клиентов и партнеров сервиса UniSender. Нужно было сформировать ядро читателей, заинтересованных в email-маркетинге и развитии онлайн-бизнеса.
Комaнда UniSender разделила свою целевую аудиторию на два основных сегмента и сформулировала соответствующие цели:
Email-маркетологи (новички и миддлы) | Руководители отделов маркетинга, собственники малого и среднего бизнеса |
эффективное использование инструментов email-маркетинга; | получение нового канала продаж; |
выполнение KPI по рассылкам; | увеличение прибыли от email-маркетинга. |
повышение своей зарплаты; | |
карьерный рост: от маркетолога до директора по онлайн-маркетингу или основателя агентства. |
Чем будет полезен блог UniSender обеим аудиториям?
- Кейсы — редакция UniSender стремится сделать рассылки прозрачным, доступным и понятным читателю инструментом. Поэтому будет на удачных и провальных примерах показывать, как работает email-маркетинг.
- Пошаговые инструкции создания рассылок — как сразу после прочтения статьи правильно пользоваться сервисом для достижения целей бизнеса.
- Интервью с топ-менеджерами агентств, блогерами, предпринимателями и клиентами для знакомства читателя не только с инструментами, но и с людьми в индустрии.
- Идеи: статьи про смежные области (тренды, примеры дизайна, книги и полезные сервисы для аналитики, инфографики и так далее).
- Новости UniSender и рынка — чтобы читатель был в курсе развития индустрии и сервиса.
Все пункты можно объединить единой целью — стать источником информации №1 для начинающих email-маркетологов, руководителей департамента маркетинга, а также собственников малого и среднего бизнеса.
Какие внедрили SEO-рекомендации для блога
В целом набор технических рекомендаций для блога UniSender — стандартный. Но в то же время мы учли нюансы и ключевые моменты, о которых хотелось бы рассказать подробнее.
Оптимизировали структуру блога
При переезде мы решили сохранить старый адрес блога https://www.unisender.com/ru/blog/. Нам захотелось улучшить не только дизайн, но и, пользуясь случаем, навести порядок в структуре блога.
Основные типы страниц остались прежними:
- главная страница блога;
- страница публикации;
- страница раздела (категории) ;
- страница тега.
При этом cделали «генеральную уборку» блога от ненужных / лишних страниц.
Главный редактор блога UniSender Александр Сараев пересмотрел все существующие категории и разделы.
В результате оставили четыре основных.
Комaнда Netpeak предложила пересмотреть не только категории, но и теги.
Таким образом мы избавились от избыточного, дублированного контента и элементов, усложняющих работу с блогом, и оставили только полезные и информативные страницы.
Оптимизировали ЧПУ и трaнcлитерацию
Эта задача стала одной из самых важных, так как при малейшей ошибке настройки редиректов со старого URL-адреса на новый мы рисковали потерять трафик целевой страницы.
При изменении URL-адреса без настройки 301-редиректа позиции страницы пропадают, и страница индексируется заново — не факт, что она восстановит предыдущие позиции в поиске.
Однако мы посчитали необходимым привести все URL-адреса к читабельному виду и сделать их соответствующими названию страницы. Вот несколько примеров URL-адресов со старого блога с плохой трaнcлитерацией:
- https://www.unisender.com/ru/blog/poleznye-sovety/how-_to_organize_the_e-mail_messages;
- https://www.unisender.com/ru/blog/consulting/srategy_for_;
- https://www.unisender.com/ru/blog/translations/4772.
Мы сформировали единые правила трaнcлитерации, которые удобны пользователям и поисковым роботам.
На некоторых страницах, в особенности на страницах публикаций, URL-адреса изменились кардинально. Это связано не только с новой трaнcлитерацией, но и с тем, что во время переноса статей они дополнительно оптимизировались — в некоторых случаях менялся заголовок, а соответственно, и новый URL-адрес был совершенно другим.
Карта редиректов формировалась в полуручном режиме, поэтому потребовалось больше времени, чем предполагалось.
Для ускорения поиска соответствующего URL-адреса нужно было найти что-то неизменно общее между старой и новой публикацией, с помощью чего можно их сопоставить. Метатеги (заголовок h1, description) и теги (title, keywords) отличались, поэтому решили сделать привязку к заголовкам h2.
C помощью краулера Netpeak Spider мы просканировали старый и новый блог (на тестовом домене) с настройкой пользовательского поиска заголовков h2.
После сканирования мы получили два списка URL-адресов (старого и нового блога) с заголовками h2 и сопоставили их с помощью формулы VLOOKUP. Таким образом, бóльшая часть карты редиректов сформировась автоматически, остальные URL были подставлены вручную.
Как оптимизировали пагинацию
Оптимизация страниц пагинации интернет-магазина — подробная инструкция Страницы
В старом блоге был стандартный функционал пагинации, при этом страницы формировались с помощью гет-параметра ?blog_start=[№ страницы]
В новой версии блога реализовали lazy load пагинацию (автоматическая подгрузка списка статей при прокрутке страницы). Комaнда Netpeak предложила добавить и стандартный функционал с номерами страниц.
Почему мы решили добавить и стандартную пагинацию? Иначе робот не доберется ко всем статьям на блоге, потому что в коде первой страницы будут только последние статьи и не будет ссылок на другие страницы где более старые статьи.
Статические страницы пагинации создали по шаблону https://www.unisender.com/ru/blog/[page]/page-[N].
На страницы внедрили атрибуты next/prev и метатег для робота Яндекс.
<meta name=\"yandex\" content=\"noindex, follow\" />
В целом все базовые рекомендации по оптимизации страниц пагинации на данный момент выполнены, но мы поставили еще одну, не приоритетную, но рекомендуемую к выполнению задачу.
При использовании lazy load пагинации (автоматической подгрузки статей при прокрутке страницы) не происходит синхронизации со стандартной пагинацией, то есть в блоке постоянно отображается первая страница независимо от того, сколько страниц уже было «прокручено».Хотя с точки зрения SEO это не критический момент, рекомендуем все же его исправить для удобства пользователя, чтобы не показывать ему одни и те же страницы и чтобы он понимал, на какой странице находится.
Создали AMP-страницы для статей
AMP Google: что нужно знать об ускоренных мобильных страницах Думаю, не стоит объяснять, для чего мы это сделали, но если вы еще не в курсе тренда на оптимизацию для мобильных устройств, то срочно
Мы решили настроить автоматическое создание ускоренных мобильных страниц (accelerated mobile pages, AMP) только для публикаций, так как данные страницы с большей вероятностью смогут попасть в новостной блог и стать точкой взаимодействия с читателем. Для этого мы передали в работу разработчикам такое задание:
- настроить автоматическое создание ускоренных мобильных страниц для страниц публикаций отдельно от текущих согласно справке AMP;
- выполнить требования по видимости согласно рекомендации по использованию AMP-страниц в Google Поиске;
- создать карту сайта для AMP и добавить ее в robots.txt;
- добавить Google ***ytics для AMP согласно требованиям Google (предварительно был создан отдельный ресурс в GA) ;
- на AMP страницах продублировать мета-информацию канонических страниц;
- проверить валидацию АМР-страниц по ссылке.
Зафиксировали даты публикации статей
Одна из технических проблем на старом блоге, которую не удавалось решить: при редактировании уже опубликованной ранее статьи слетала дата ее первой публикации до 1970 года и ее нельзя было поменять.
Эта проблема решилась только с переездом на новый движок. Сейчас все даты актуальны, их можно использовать при анализе эффективности отдельных статей.
Для редакции блога очень важно анализировать, какое количество трафика принесли статьи, которые были опубликованы в прошлых месяцах. Для этого мы добавили новую переменную в Google ***ytics, чтобы было можно в любой момент сформировать отчет, выделив только интересующие статьи и отследить по ним показатели.
На всех страницах записей блога сразу после открывающегося тега
перед кодом GTM мы разместили следующий код, где YYYY — год, а MM — месяц публикации данного поста в блоге.<script>window.dataLayer=window.dataLayer||[];dataLayer.push({\\\'PublicationDate’:’YYYYMM’});script>
Пример:
<script>window.dataLayer=window.dataLayer||[];dataLayer.push({\\\'PublicationDate’:’201707’});script>
Далее все как обычно — создали переменную PublicationDate в GTM, куда передали значение из dataLayer, и добавили передачу этого параметра с тегом просмотра страниц.
Добавили рейтинги статей
В новом дизайне блога мы решили добавить рейтинги на страницы публикаций. При этом мы преследовали цель не только улучшить кликабельность сниппетов за счет микроразметки, но и увеличить доверие пользователей к статьям, на которых есть оценки.
Рекомендации по добавлению рейтинга содержали в себе примерно следующие пункты:
- на странице статьи, после заголовка и после текста статьи (дважды) указать 5 звезд рейтинга;
- отметить оценку для одной статьи может любой пользователь только один раз из текущего браузера
- при наведении курсора мыши на одну из звезд все звезды, начиная с крайней левой и до положения курсора, должны интеpaктивно закрашиваться;
- результат рейтинга должен быть одинаковым в верхней и нижней части статьи;
- добавить микроразметку рейтинга согласно Schema.
<div itemprop=\"aggregateRating\" itemscope itemtype=\" http://schema.org/AggregateRating\"> <span itemprop=\"ratingValue\">4span> stars -based on <span itemprop=\"reviewCount\">250span> reviewsdiv>
Оптимизировали перелинковку
В техническом задании для разработчиков комaнда UniSender предусмотрела создание блоков с анонсами, популярными или тематическими статьями на всех типах страниц.
Например, такой блок размещен в конце каждой статьи.
На страницах категорий блога размещены блоки «Лучшее за месяц».
Также во время чтения статьи можно заметить тематический блок со ссылкой справа от основного текста.
В наши ближайшие планы входит добавление/оптимизация перелинковки непосредственно в самом тексте статей: вручную будут заменены все ссылки на актуальные, или же добавлены, если их нет.
Также есть дополнительные рекомендации по оптимизации логики отображения статей в блоках, над которыми сейчас работают программисты. Вот несколько пунктов из наших рекомендаций:
- блок анонсов не должен содержать ссылку на страницу, на которой он показан;
- блок анонсов не должен содержать 2 или более одинаковых ссылок в рамках одной генерации набора анонсов;
- в блоке анонсов не должны быть показаны статьи, ссылки на которые уже присутствуют на странице;
- если пользователь уже просмотрел 2 статьи и перешел на следующую, в блоке анонсов не должно быть ссылок на статьи, которые уже были просмотрены;
- при каждой новой генерации блока анонсов в нем должны быть статьи, которых не было во всех предыдущих наборах анонсов, которые просмотрел пользователь;
- если удается идентифицировать пользователя между разными сессиями, для каждой новой сессии в блоке анонсов не должно быть ссылок на страницы, которые уже были просмотрены этим пользователем в прошлых сессиях.
И еще кое-что
Помимо вышеперечисленного, были выполнены и другие пункты по оптимизации блога. На них мы не будем так подробно останавливаться, так как в целом они стандартные:
- добавили мета-информацию;
- оптимизировали изображения;
Микроразметка: что нужно знать SEO-специалисту о словарях и синтаксисе
сформировали «хлебные крошки»; - указали канонические страницы;
- настроили гет-параметры;
- оптимизировали заголовки;
- настроили веб-аналитику.
Как поменялся дизайн
Дизайн изменился кардинально, и в этом вы сейчас убедитесь сами. Сделали все максимально гибко, по принципу конструктора: форматирование и содержание любых блоков можно с легкостью менять в админке.
Главная страница
- убрали боковое меню;
- полностью изменили логику вывода постов;
- добавили две формы для подписки на рассылку;
- добавили блоки анонсов статей;
- добавили сортировки по популярности и свежести статей;
- вывели облако тегов.
Вот так главная страница блога выглядела раньше.
В новом дизайне она намного современнее, правда?
Анонсы статей
- добавили фоновое изображение;
- разместили фото автора;
- вывели количество просмотров и шеров.
Анонсы статей в старом блоге выглядели так.
Мы сделали их информативнее.
Страница раздела
Страница раздела «Кейсы» в старом блоге.
Так этот раздел выглядит сейчас.
Страница публикации
Как было раньше.
Что изменилось:
1. Добавили рейтинги и кнопки для соцсетей.
2. Расширили блок информации об авторе.
Какие результаты получили
Самое важное и критичное мы успели внедрить и доработать. Также осталось несколько актуальных задач, над которыми мы продолжаем работать.
Безусловно, пока рано говорить о финальных результатах. Блог был запущен в конце сентября, поэтому сейчас мало данных для подведения итогов, но сразу после релиза трафик не просел. Пока что органический трафик вырос на 11,11%, но лучше мы расскажем более детально о результате переезда в следующих выпусках, когда будет больше данных.
В итоге переезд не ухудшил скорость и качество контента блога, а даже наоборот — UniSender продолжает активно наполнять блог, писать новые статьи и улучшать старые.
В этом процессе комaнде UniSender активно помогает отдел копирайтинга Netpeak. Мы выстроили новый формат работы по написанию статей для высокоспециализированной тематики email-маркетинга.
По секрету: руководитель отдела копирайтинга Netpeak Маргарита Бодачевская уже готовит пост для следующей серии реалити-шоу о внутренней кухне SEO.
Хочу быстро найти клиентов онлайн
Комментарии:
Кейс продвижения YouTube-канала магазина товаров для рыбалки...
27 04 2024 22:15:53
В мае прошлого года Google анонсировал выход нового Core Web Vitals. Что это и как будет работать рассмотрим в статье...
26 04 2024 4:49:56
Думаете, что почитать об онлайн-продвижении и диджитал-маркетинге? Вам сюда. Мы собрали топ интересных сайтов, блогов, каналов и пабликов...
25 04 2024 9:35:18
Советы для фрилансеров и удаленных сотрудников: как строить рабочий процесс так, чтобы он вел к максимальной эффективности. О работе со временем, перерывами, необходимости выключать уведомления, статусе задач, празднованиях побед и организации рабочей среды...
24 04 2024 13:22:56
Какие рассылки можно отправить покупателю, если у вас есть только данные из карточки товара...
23 04 2024 16:53:22
Лучшие маркетинговые и бизнес-фишки от Давида Брауна (Weblium), Владислава Флакса (OWOX), Александра Галкина (Competera), Люси Литерадо (Reply.io), Вадима Нехая (Depositphotos), Валерия Грабко (PromoRepublic), Игоря Дебатура (Uploadcare), Руслана Савчишин...
22 04 2024 12:25:29
Что делать перед составлением рекламного бюджета — инструкция для предпринимателей...
21 04 2024 13:45:37
Персональная стратегия продвижения онлайн с помощью SEO и контекстной рекламы....
20 04 2024 6:50:56
Динамический ремаркетинг: как вернуть посетителя на сайт и продать, когда человеку «надо ещё подумать»....
19 04 2024 12:53:38
Flash онлайн объявлений в формат HTML5: нововведение гугл рекламы...
18 04 2024 22:43:14
Рассказываем о перспективном формате рекламы, который привлекает внимание потребителя даже в эпоху повсеместной «баннерной слепоты»....
17 04 2024 1:30:49
Мануал по Microsoft Power BI — мощному инструменту для бизнес-аналитики. Освоив эту платформу, вы сможете с легкостью создавать понятные отчеты и обновлять их в режиме реального времени....
16 04 2024 21:20:45
Денис Бигус, Bihus.info: с 13 до 457 000 подписчиков на YouTube за четыре года....
15 04 2024 13:24:13
Языковой закон требует, чтобы общение бизнеса с клиентами шло на украинском языке, если нет просьбы о другом приемлемом варианте. Что это означает для РРС, читайте дальше....
14 04 2024 18:39:15
Продвижение монобренда: особенности, трудности, подводные камни. Ниша здоровья и красоты....
13 04 2024 12:17:17
Один из самых известных отчетов в Google ***ytics «Аудитория/Обзор». Но кроме него есть еще несколько, которые будут весьма полезны для вашего блога. Какие именно, читайте дальше....
12 04 2024 20:31:33
Лучшие фишки от спикеров конференции 8P 2020. В конце каждой конференции спикеры 8P собираются за круглым столом, чтобы поделиться пpaктически применимыми советами, которые можно внедрить в свой проект и сразу почувствовать отдачу...
11 04 2024 7:53:54
Новая услуга для бизнесов, которым большое количество подписчиков не приносит продаж...
10 04 2024 19:12:31
Создаем фид с помощью выгрузки товаров в формате yml и специального скрипта, который сделает всю (почти) грязную работу за вас....
09 04 2024 6:19:18
Качество передаваемых данных напрямую отражается на качестве решений, принимаемых для бизнеса. Как защититься от таких ошибок?...
08 04 2024 16:23:12
Как работают SEO-специалисты, что нужно знать о принципах работы алгоритмов Гугл, как продвигать мобильные приложения и каким образом может монетизироваться Телеграм. Узнать больше!...
07 04 2024 8:57:15
Как визуализировать данные Google BigQuery в Power BI? Пошаговая инструкция от руководителя отдела веб-аналитики Netpeak Алексея Селезнева...
06 04 2024 15:46:12
Кейс: контент-маркетинг сервиса в США, или как SerpStat покорил англоязычный мир...
05 04 2024 6:49:59
Как вернуть на сайт как можно больше пользователей...
04 04 2024 15:58:42
Facebook раскрывает алгоритм формирования новостной ленты...
03 04 2024 7:37:11
Сделать «на вчера», «внезапно», протестировать все варианты. Стоп! Остановитесь и выдохните. Be slow...
02 04 2024 13:13:42
Как определить, что SEO-продвижение не будет в тягость, что и кого читать начинающему специалисту...
01 04 2024 14:51:26
Краткая инструкция для новичков. Структура сайта, внутренняя перелинковка, юзабилити, контент, оптимизация тегов и заголовков, HTTPS, скорость загрузки сайта, mobile friendly и другие. Узнать больше!...
31 03 2024 1:54:54
Инструкция для трудоголиков для тех, кто старается выполнить как можно больше заданий, а заметного прогресса при этом нет. Работать много и эффективно не всегда полезно. Если бы эффективная работа была залогом успеха, каждому хомяку воздвигли бы памятник...
30 03 2024 7:47:27
Человек скачал ваше приложение, воспользовался им один раз и … забыл. Что с этим делать, читайте в Netpeak Journal....
29 03 2024 1:19:54
Скрипт для распределения бюджета на отстающую семантику, чтобы получать больше трафика по меньшей цене...
28 03 2024 4:34:37
Метод настройки с помощью Google Tag Manager. Мануал с подробным описанием каждого шага — показываем на примере, как отслеживать веб-конверсии в рекламных кампаниях LinkedIn. Узнать больше!...
27 03 2024 21:56:49
Отслеживаем в статистике Google ***ytics посетителей пришедших через защищенное соединение в поиске Google....
26 03 2024 16:21:24
Распространенные ошибки в XML-фидах Google и Яндекс, CSV-фидах и как исправить их своими силами. Используем Notepad++, отладчик ленты Facebook и Excel. Узнать больше!...
25 03 2024 19:51:25
Бухгалтерский мир Netpeak: цель, задачи, мотивация....
24 03 2024 16:35:53
В статье рассказываем, какие бывают push-уведомления, когда их используют, даем чек-лист и пошаговую инструкцию по созданию успешной push-рассылки....
23 03 2024 7:26:23
Недавно у нас появился свой генератор мемов :) Во многих компаниях смешные слова и фразы стараются запомнить и передать следующим поколениям сотрудников. В Netpeak же долго работали над секретным проектом и... Читайте!...
22 03 2024 16:26:45
Мы хотим купить комaнду с компетенциями в сфере медиабаинга, чтобы объединить силы для развития онлайн-рынка...
21 03 2024 15:47:46
4 кейса с шагами, рекомендациями и результатами, которые помогут грамотно распределить средства на рекламу....
20 03 2024 19:55:24
На отклонение исходящих ссылок после загрузки файла может уйти достаточно много времени: от нескольких недель до нескольких месяцев...
19 03 2024 12:18:11
Список инструментов email-маркетолога для рассылок по англоязычной аудитории....
18 03 2024 12:24:47
Зачем маркетологи и аналитики обращаются к языку программирования R в повседневной работе нужно и какая польза от программирования на R в интернет-маркетинге в интервью Алексея Селезнева...
17 03 2024 18:15:46
Продвижение крупного интернет-магазина в перегретой нише...
16 03 2024 15:40:53
В Казнете о маркетплейсе подрядчиков Naimi.kzприложении говорят все: от студентов до президента....
15 03 2024 1:59:40
Зачем нужно работать с отчетами по ассоциированным конверсиям и сравнивать различные модели атрибуции?...
14 03 2024 0:26:21
«Что такое диджитал и чем это отличается от услуги продвижения в социальных сетях» — о цифровой стратегии, креативных концепциях и том, как это все происходит в крупных агентствах....
13 03 2024 13:39:15
Из нового исследования вы узнаете, сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане в третьем квартале 2018 года...
12 03 2024 15:47:40
Примеры инновационных проектов. Нескучная рецензия на интересную книгу....
11 03 2024 4:49:20
Работа — рекламировать. Интервью с директором по стратегии агентства Smartica/Skykillers....
10 03 2024 1:52:48
Расскажем про ошибки интернет-магазинов, которые трудно найти соответствующими программами и сервисами проверки...
09 03 2024 5:44:46
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::