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

Чек-лист: 14 правил мобилопригодного сайта

Как оптимизировать сайт под мобильные устройства и проверить мобилопригодность ресурса.

В статье:

• Больше половины пользователей покупает с мобильного
• Как поисковики ранжируют мобилопригодные сайты
• Выбор адаптивного шаблона сайта
• Чек-лист оптимизации сайта под мобильные устройства
• Как проверить мобилопригодность: бесплатные инструменты

Читать статью полностью

Адаптируем блог для мобильных пользователей

На что обратить внимание при создании мобильной версии блога и какие решения предлагают разные CMS.

В статье:

• Личные заметки и экспертное мнение
• Корпоративные блоги: новости из первых рук
• СМИ нашего времени
• Инструменты адаптации от CMS
• Не только платформы для блогов

Читать статью полностью

Мобильная версия интернет-магазина: 4 особенности, о которых нельзя забывать

Что нужно учесть при создании мобильной версии интернет-магазина, чтобы не потерять пользователей.

В статье:

• Представление товара
• Упрощенная процедура регистрации
• Прозрачность в процессе продажи
• Контроль доставки и получения заказа

Читать статью полностью

7 вопросов о мобильных push-уведомлениях

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

В статье:

• Технология и отображение
• Кому отправляем
• Когда и сколько отправляем
• В какой момент предложить подписку на уведомления
• Как составить эффективное уведомление
• Как оценить результаты
• Какого отправителя выбрать
• Какие задачи могут решить организаторы бизнеса с помощью push-рассылки

Читать статью полностью

Тег viewport: как настроить область просмотра в адаптивном дизайне

Как настроить область просмотра в адаптивном дизайне с помощью мета-тега “viewport” или CSS правила @viewport и что делать, если анализ не видит “viewport”.

В статье:

• Экран и область просмотра в адаптивном дизайне
• Как работает мета-тег viewport
• Как и где указывать тег «viewport»

Читать статью полностью

Источник

Содержание

• Что есть в новых отчетах по контенту в Метрике
• Как внедрить отчеты по контенту на сайт
• Планы Яндекса

Яндекс рассказал о новых отчетах в системе Яндекс.Метрики: теперь веб-мастерам будет проще анализировать, как пользователи читают их текстовый контент, и добиваться лучших показателей. После закрытого бета-тестирования компания разработала несколько отчетов, которые и добавили в систему. Теперь они бесплатно и без ограничений доступны всем, кто пользуется Метрикой.

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

Что есть в новых отчетах по контенту в Метрике

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

«Сводка» для отслеживания поведения пользователей

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

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

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

Список обновляется автоматически без перезагрузки страницы.

Сводка в Метрике с данными по вовлеченности и популярными материалами

Ниже находится статистика по источникам переходов со списком каналов, по которым приходят пользователи.

График с источниками переходов 

Подробная сводка по каждому материалу

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

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



Информация по материалу

Популярные темы в отчете «Рубрики»

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

Как внедрить отчеты по контенту на сайт

1. Внедрите разметку Schema.org на страницы, чтобы отчеты работали на вашем сайте. На Турбо-страницах разметка работает по умолчанию. Подробнее о разметке ниже.
2. Установите счетчик Метрики на обычные и Турбо-страницы. Проверьте, чтобы на сайте была актуальная версия кода Метрики и включите показ отчетов в настройках счетчика — нужно включить опцию «Контентная аналитика». 

Как установить счетчик Метрики на Турбо.

Проверить, правильно ли установлен счетчик, можно в коде страницы — должна подключаться библиотека mc.yandex.ru/metrika/tag.js.

Отчеты должны появиться в интерфейсе в разделе «Контент» через несколько часов после установки.

Как разметить статью

Нужно обернуть описание в контейнер, указать схему разметки и разметить свойства.  Используйте разметку типа статьи или новости — schema.org/Article или schema.org/NewsArticle.

Для статьи нужно разметить:

• идентификатор с помощью свойства identifier или mainEntityOfPage. Он нужен, чтобы Метрика отличала материалы, но в отчете не отображается;
• заголовок в свойствах headline или alternativeHeadline;
• текст в теге со свойством articleBody, если его нет, то description или text. Система учитывает количество символов, чтобы по ним считать доскроллы и проценты прочтения, текст должен быть больше 500 символов;
• автора с помощью свойства author, можно указать несколько тегов, если авторов больше одного;
• тематику в свойстве about, ее можно указать с помощью ключевых слов или хэштегов;
• дату публикации datePublished и изменения dateModified, их записывают в формате ISO 8601;
• рубрику с помощью класса для «хлебных крошек» BreadcrumbList. Внутри класса определите несколько сущностей типа ListItem со свойствами itemListElement, которые описывают текущую и более широкие рубрики. Рубрикой материала будет считаться значение свойства name сущности ListItem с наибольшим значением position;
• каноническую ссылку с помощью атрибута rel=»canonical», если страница дублирует другую на этом же сайте.

Пример разметки статьи:

<htmi>
<head>
<link rel=»canonical» href=»https://www.example-news.com/life/weather/2018/11/06/123.html»/>
</head>
<body>
<ol itemscope=»» «http:=»» schema.org=»» breadcrumblist»=»»>
<a href=»/»></a>
<li><a href=»/politics/»>Политика</a></li>
<li><a href=»/business/»>Бизнес</a></li>
<li><a href=»/social/»>Общество</a></li>
<li itemprop=»itemListElement» itemscope itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»/life/»>
<span itemprop=»name»>Жизнь</span></a>
<meta itemprop=»position» content=»1″>
</li>
<li itemprop=»itemListElement» itemscope itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»/life/weather»>
<span itemprop=»name»>Погода</span></a>
<meta itemprop=»position» content=»2″>
</li>
<li><a href=»/life/psychology/»>Психология</a></li>
<li><a href=»/life/cooking/»>Кулинария</a></li>
</ol>
<article itemscope itemtype=»http://schema.org/NewsArticle»>
<meta itemprop=»about» content=»Жара»>
<meta itemprop=»about» content=»Погодные аномалии»>
<h1 itemprop=»headline»>В Москве побит температурный рекорд 1922 года</h1>
<div itemprop=»alternativeHeadline»> Температура в ноябре превысила 12 °С</div>
<span itemprop=»author» itemscope itemtype=»http://schema.org/Person»>
<span itemprop=»name»>Иван Иванов</span>
</span>
<time itemprop=»datePublished» datetime=»2018-11-06T09:25:10+04:00″>06.11.2018, 09:25</time>
<meta itemprop=»dateModified» content=»2018-11-06T09:26:10+04:00″>
<meta itemscope itemprop=»mainEntityOfPage» itemtype=»https://schema.org/WebPage» itemid=»/weather/november-heat.html»>
<div itemprop=»articleBody»>
В среду, 6 ноября, в Москве был побит температурный рекорд,
зафиксированный в 1922 году. Температура воздуха составила плюс 12,1 градуса
по Цельсию, как сообщает центр «Фобос».
</div>
</article>
</body>
</html>

Читать руководство, как установить микроразметку информации Schema.Org на сайт

Планы Яндекса

Компания планирует развивать отчеты, в будущем появится привязка к остальным отчетам Метрики, чтобы веб-мастеры могли изучать интересы посетителей и смотреть статистику по регионам.

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

Аналитику привяжут к статистике по финансам: сейчас можно передавать в Метрику доходы от РСЯ и ADFOX, а в будущем их можно будет интегрировать с новыми отчетами, чтобы следить за окупаемостью контента. 

Подробнее в блоге Яндекса

Источник

Компания из США G2 поделилась историей о том, как им удалось увеличить органический трафик до 1 миллиона пользователей с помощью нового подхода к контент-маркетингу. Команда пересмотрела процесс создания контента в редакции, нашла нужные ключи с помощью инструментов, оптимизировали страницы, проработали стратегию получения ссылок и создали контент-сообщество. Мы перевели и адаптировали кейс G2 для читателей блога PR-CY и предлагаем обсудить его в комментариях.

В статье:

Как компания пришла к 1 млн органического трафика в месяц

• Модель Hub And Spoke и кластеризация тем
• Подбор ключей
• Тактика построения ссылок
• Увеличение конверсии
• Создание контент-сообщества

Как компания пришла к 1 млн органического трафика в месяц

В течение более двух лет команда работала над блогом, прежде чем решила поменять контент-стратегию. Тогда блог за год превратился в машину, генерирующую много трафика.

Количество органики в месяц было такими:

• от 3000 до 5000 пользователей за первые девять месяцев 2017 года;
• 6800 посетителей в декабре 2017;
• 50381 пользователей из органики в марте 2018;
• 991748 в марте 2019 года.

Статистика трафика

Сотрудники говорят: если бы они в 2017 году обладали сегодняшними знаниями, то сделали бы все по-другому и уже тогда достигли бы таких результатов. Этим кейсом они делятся, чтобы другие извлекли уроки из их опыта.

Кратко о компании

Компания G2 продает программное обеспечение. У нее есть сайт g2.com и учебный центр learn.g2.com. Основной сайт уже привлекает много трафика, хорошо ранжируется по ключевым словам, но большинство из них включает либо запрос «программное обеспечение», либо название конкретной программы. С помощью учебного центра компания планирует выйти на людей, которые ищут в Google смежные вещи. Такие пользователи уже используют какое-то программное обеспечение, но нуждаются в больших возможностях или смене ПО.

Для чего нужен отдельный учебный центр learn.g2.com:

• укрепить лидерство;
• выделить образовательный контент;
• создать бренд;
• настроить воронку трафика на основной сайт;
• усилить домен.

Компания работает и получает прибыль в сфере B2B, но платформа G2 работает на воронке B2C — это владельцы бизнеса и сотрудники, которые читают обзоры, тестируют свои покупки программного обеспечения у G2 и пишут отзывы, чтобы помочь коллегам.

Почему компания гонится за органикой

G2 уделяет столько внимания именно органическому трафику, хотя работает и с другими источниками — соцсетями, рассылками и другими.

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

1.Модель Hub And Spoke и кластеризация тем

В течение многих лет команда G2 писала статьи на темы, которые были интересны им самим. Авторы руководствовались соображениями «Интересна ли эта тема?», а должны была задаться вопросом «Что наша аудитория ищет в Google?»

Если никто не ищет то, о чем вы пишете, никто не найдет ваш контент.

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

Команда решила сменить тактику. Один из авторов начал заниматься исключительно темой event- маркетинга: вместо того, чтобы пытаться освещать самые разные сферы на высоком уровне, он углубился в одну тему и написал на нее около 15 статей. Тогда компания впервые начала видеть значительный прирост органики. G2 поняли, то все это время шли не в том направлении.

Изучение аудитории

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

Раньше G2 писали длинные статьи с пространными вступлениями, подробными примерами, шутками и анекдотами в тему, не понимая, что пользователи не хотят, чтобы их развлекали — они ищут короткие ответы на свои запросы. Команда перешла от длинного контента в 3000-5000 слов до материалов в 500-2000 слов, упростили навигацию по статьям, добавили оглавление.

Модель «Hub And Spoke»

Команда начала тестировать модель, которую они назвали «Хаб и лучи» — это контент-стратегия построения всеобъемлющей темы с использованием одного «хаба» контента и множества вспомогательных статей, которые выступают в качестве «лучей» от этого хаба.

По этой модели есть общий взгляд на широкий предмет, к примеру, основы event-маркетинга или исчерпывающее руководство по PR, а авторы блога рассматривают подтемы, связанные ключевые слова и другое интересное в рамках области. «Хаб» в совокупности с его подтемами называют тематическим кластером.

Подробно о такой структуре сайта и «хабах» контента в статье «15 советов по seo-архитектуре сайта»

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

Google любит кластеры

Контент-маркетологи часто недооценивают, насколько Google умный, и как он умеет анализировать контент. В команде G2 уверены, что Google выше оценивает материалы сайта, если их создают по методу тематических кластеров. Создание кластеров знаний позволяет поисковику считать сайт авторитетом в данной теме.

Если вы пытаетесь охватить все темы, Google не признает вас авторитетом во всем.

G2 создали несколько кластеров, Google начал признавать сайт компании авторитетным и стал оценивать остальные материалы в рамках кластера выше. Когда они выкладывали очередную статью, то замечали, что она почти сразу хорошо ранжировалась по ключевым словам. Иногда материал выходил в топ в течение нескольких дней.

Поиск конкурентов

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

Конкуренты вашей компании и конкуренты вашего контента не всегда одинаковы.

Конкуренты по контенту и по бизнесу чаще всего различаются в образовательной сфере. К примеру, на тему «Что такое CRM» могут писать поставщики программного обеспечения CRM, продавцы образовательных курсов, маркетологи. И Википедия.

Сбор конкурентов начинается с поиска в Google. Предположим, вы собираетесь написать вводную статью о digital-маркетинге. По запросу «что такое digital-маркетинг» выходят такие результаты:

Топ по запросу «что такое digital-маркетинг»

Ваша задача — проанализировать, чем они хороши, и сделать еще лучше, понятнее и подробнее.

2. Подбор ключей

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

У блогов конкурентов результаты были лучше, поэтому G2 пошли изучать их сайты. К примеру, самыми популярными записями блога Capterra оказались статьи про бесплатное ПО.

Лучшие страницы блога конкурентов Capterra

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

Сложность и объем ключей

Сервис дает ключевым словам характеристики: KD обозначает сложность — то, насколько трудно будет попасть на первую страницу, KV — объем поиска по ключевым словам, данные о количестве запросов по этому ключу в месяц в среднем.

К примеру, ключ «пресс-релиз» имеет большой объем поиска, но материалу будет сложно подвинуть конкурентов.

Данные по ключевой фразе

Продвижение под любое ключевое слово с KD более 50 баллов будет сложным для вашей новой статьи, чтобы занять место в топе, особенно если авторитет домена невысок. G2 нашли ключевые слова с низким KD и высоким KV и сосредоточили свои усилия на них.

К примеру, они взяли тему SMM — маркетинга в социальных сетях. Тема обширная, авторы решили начать с маркетинга в Twitter — этот ключ имеет сложность 55 и объем 1800. Сложность высоковата, поэтому они начали уточнять: что, если кто-то хочет начать маркетинговую кампанию в этой соцсети, но ничего не знает о самом Твиттере? С запросом «что такое Твиттер» работать проще — сложность 39 и объем 10000. Команда написала обзорный пост об этом, но им хотелось получить трафик быстрее. Они еще сузили тему и написали пост о том, как закрепить твит — этот ключ имеет сложность 8 баллов и объем 3300. Ключевое слово с таким низким уровнем сложности и высоким объемом дает шанс быстро занять место и получить трафик. Кроме того, материал смог получить расширенный сниппет и попасть на нулевую позицию по этому ключу.

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

Низкочастотные и семантические ключи

Низкочастотные и длинные семантические ключевики — это конкретные фразы, которые можно трактовать однозначно. К примеру, «как удалить инстаграм аккаунт» — человек, который это ищет, заинтересован только в том, как удалить свою учетную запись в Instagram.

Такие ключи менее популярны, но по ним проще ранжироваться.

Статья в топе

По таким запросам проще получить привлекающий внимание расширенный сниппет.

Расширенный сниппет по запросу

Семантические ключи с длинными хвостами можно подсмотреть в выдаче Google — они есть внизу первой страницы после результатов.

Подробнее о низкочастотных запросах и LSI-ключах.

3. Тактика построения ссылок

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

Благодаря работе над ссылками для учебного центра G2, с июня 2018 года по июнь 2019 их количество увеличилось от 100 доменов до 3500+:

Рост ссылочного профиля с июня 2018 года по июнь 2019

Перелинковка

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

Раньше G2 ставили ссылки на свои другие статьи при любой возможности. К примеру, в статью о маркетинге в Facebook они добавили ссылку на статью о пресс-релизах. Эта ссылка не была актуальной для читателя, она просто подходила к слову «пресс-релиз». Когда читатель переходил по ссылке, то находил статью про то, как писать пресс-релиз, хотя он ожидал увидеть что-то по маркетингу в Facebook. Вероятно, такие пользователи довольно быстро закрывали нерелевантные статьи, повышая процент отказов.

Определить, какие статьи лучше линковать друг с другом, помогает модель «Hub And Spoke»: нужно брать материалы из одного тематического кластера.

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

Подробнее о перелинковке в статье «Эффективная перелинковка: как работать с внутренними ссылками»

Обратные ссылки

За год с начала смены контент-стратегии число обратных ссылок и ссылающихся доменов сильно выросло:

Рост обратных ссылок

Компания стала работать на создание постоянных отношений и вечных ссылок — обращались с гостевыми постами, получали упоминания их СМИ, составляли тематические исследования и прочее. Они проанализировали сайты конкурентов и выяснили, почему люди ссылаются на конкретные статьи, и ориентировались на их форматы и содержание.

У каждого веб-мастера было много случаев, когда кто-то незнакомый просил дать на него ссылку. С большей вероятностью вы поставите ссылку на ресурс друга или даже виртуального знакомого, которого хоть как-то знаете. Поэтому команда G2 советует выстраивать конструктивные отношения, а не просто обращаться с просьбами о ссылках, и работать вместе над созданием партнерского контента. Это займет больше времени, но лучше работает на долгосрочную перспективу.

Компания собрала несколько методов, которые сработали на практике для получения качественных обратных ссылок.

Какие методы для ссылок работают

Небоскреб и общение с блогерами

Для каждой новой опубликованной статьи редактор блога просматривал материалы из топа Google по подходящим запросам и экспортировал к себе в табличку сайты, которые на них ссылаются. Находил такие сайты через Ahrefs. После этого он использовал сайт Hunter.io, чтобы найти электронную почту авторов, и сервис Buzzstream для управления рекламными кампаниями. С теми, кто ссылается на тематический контент, он завязывал партнерские отношения для ссылок.

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

Упоминания бренда

С помощью инструментов BuzzSumo, Ahrefs и других команда отслеживала, когда бренд их компании упоминался без ссылки. Тогда они списывались с автором и просили поставить ссылку, в ряде случаев успешно. Такие ссылки показывали высокую конверсию.

Обзоры и подборки тематических ресурсов

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

Сервис HARO

Сервис HARO (Help a Reporter Out) — это PR-инструмент, который помогает находить возможности для упоминаний бренда. Ресурсом пользуются авторы и эксперты: журналисты или копирайтеры задают вопросы, а специалисты, представители бизнеса или их пиарщики дают экспертные ответы напрямую. Журналист получает комментарий на нужную ему тему, а эксперт — упоминание бренда и ссылку.

С помощью HARO команда G2 получила ссылки и начала развивать личный бренд сотрудников организации.

Гостевая публикация

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

4. Увеличение конверсии

Повысить трафик отдельных целевых страниц можно с помощью продуманных конверсионных кнопок, которые на них ведут. Но трафик ради красивых цифр в статистике бесполезен. При работе на увеличение количества читателей задайте себе вопросы:

Как этот трафик поддерживает наши бизнес-цели?

Какие действия должны выполнить читатели контента?

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

Какой может быть конверсия для маркетолога:

• CTA-клики;
• заполнение формы;
• подписка на рассылку по электронной почте;
• лиды;
• регистрация на мероприятия;
• продажи.

Команда G2 отмечает: пока трафика не было, было бессмысленно тестировать и подбирать CTA. Как только Учебный центр достиг показателя в 250 000 посещений, они начали заниматься повышением конверсии.

Стратегия увеличения конверсии

На сайте компании сейчас около 900 CTA — конверсионных кнопок на страницах сайта. За шесть месяцев эти кнопки привели к 90 000 кликов и 1,5 млн долларов дохода.

Общая выручка с ростом по месяцам

До ноября 2018 года все внимание команды было сосредоточено на создании трафика. Стратегия оптимизации коэффициента конверсии (CRO) тоже началась с нуля.

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

«Как редактировать видео как профессионалы» — одна из статей, в которых эта стратегия работала лучше всего. Причина понятна: людям, работающим с видео, интересно программное обеспечение для его редактирования. На сайте Учебного центра G2 лучшим типом постов оказались подборки — списки продуктов программного обеспечения, составленные исследовательской группой

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

Конверсионная кнопка с переходом на страницу категории

Автор добавил слово «бесплатно», чтобы убрать страх затрат, и кнопка привела более к 1100 конверсиям. Понять, какие кнопки будут конверсионными, поможет тестирование.

A/B-тестирование CTA

A/B-тестирование — стандартная часть стратегии CRO, это сравнение двух вариантов, чтобы определить, какой работает лучше. К примеру, ваша цель — увеличить количество регистраций, тогда A/B тесты помогут найти лучшее решение для достижения цели. Текст на конверсионной кнопке может быть простым — «Зарегистрироваться»:

Но можно протестировать кнопку с надписью «Зарегистрироваться сейчас» с намерением добавить ощущения срочности и простоты регистрации:

Эффективнее опираться на статистику и опыты, чем ставить кнопки с призывами наобум.

Подробнее о A/B-тестировании простым языком в статье «A/B тесты на пальцах: как и зачем проводить тестирование на своем сайте»

На сайте G2 большинство категорий разделены на три варианта: обзор, высокий рейтинг и простота в использовании.

Три раздела на странице

Компания решила протестировать три варианта и понять, что привлекает большинство читателей — обзоры экспертов, рейтинг или простой уровень.

CTA вариант А

Этот текст ведет на статью-подборку лучших ПО:

Лучшее на рынке программное обеспечение для e-mail маркетинга.
Попробуйте сейчас, БЕСПЛАТНО →

Подборка лучшего ПО

CTA вариант B

Текст составлен с учетом того, что пользователи знают об экспертности G2:

Программное обеспечение для e-mail маркетинга с самыми высокими оценками →

CTA вариант C

CTA с учетом читателей, которые хотят найти простое в использовании ПО:

Самое простое в использовании программное обеспечение для e-mail маркетинга →

Тест показал, что лучший вариант варьируется в зависимости от типа программного обеспечения. К примеру, у кнопки, приглашающей посмотреть «самое простое в использовании ПО для расчета заработной платы» коэффициент конверсии на 118% выше, чем у кнопки «лучшее программное обеспечение для расчета заработной платы».

Когда дело доходит до приложений для событий, кнопка «найди лучшее программное обеспечение» показала на 85% больше конверсий, чем вариант с простым использованием, и на 178% больше, чем вариант с рейтингом.

Конверсионный призыв

Текст в вашем CTA имеет прямое и непосредственное влияние на коэффициент конверсии. Часто веб-мастеры считают, что лучше всего работают кнопки с короткими фразами, но на самом деле эффективнее специфичные призывы.

Энди Крестодина, соучредитель и директор по маркетингу Orbit Media, топ-10 экспертов по интернет-маркетингу по версии Forbes, дала такой совет по повышению конверсии:

Нет ничего страшного в «некрасивых» кнопках. Добавьте дополнительные слова, которые показывают ценность и актуальность для читателя.

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

К примеру, агентство по входящему маркетингу Impact разместило кнопку «Скачать бесплатно»:

Кнопка для скачивания

Затем компания заменила кнопку на более длинную, демонстрируя большую ценность. Этот CTA привел к увеличению коэффициента конверсии на 74,5%.

Второй вариант кнопки для скачивания

Каждую кнопку создают с учетом требований читателя. Иногда ее нужно оставить короткой с простым «Узнать больше →», в других случаях нужно более подробное объяснение, что скрывается за кнопкой.

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

Эта форма обещала бесплатные шаблоны баннеров для YouTube в обмен на электронную почту, и только она привела почти 200 пользователей за три недели.

Форма для сбора e-mail

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

5. Создание контент-сообщества

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

Зачем нужно контент-сообщество

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

G2 публикует такие данные в поддержку идеи о контент-сообществе:

• Снижение затрат на поддержку клиентов — 49% предприятий с онлайн-сообществами сообщают об экономии затрат на 10-25% ежегодно.
• По данным Университета Мичигана, пользователи, которые участвуют в сообществе компании, тратят на 19% больше, чем те, кто не участвует.
• 77% компаний утверждают, что создание сообщества значительно улучшает узнаваемость бренда, узнаваемость и доверие.

Этапы создания профессионального сообщества

1. Масштабирование команды.
   Менее чем за четыре месяца G2 наняли еще 19 контент-маркетологов, команда увеличилась на 260% и стала писать больше.
2. Составление предложения с описанием ценности.
   В апреле 2019 года G2 запустили партнерскую сеть по контенту для экспертов в сферах маркетинга, продаж, развития и управления персоналом. Копирайтеры публикуют список актуальных тем, а специалисты могут отправить им комментарий и попасть в статью. Авторы получают экспертное мнение для статьи, а эксперты — упоминание имени и сайта на площадке Учебного центра.

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

3. Публикация гостевых постов.
   В начале июня G2 запустили сеть Guest Contributor Network. Это автоматизированная форма для сбора гостевых постов. На лендинге прописаны все требования, авторы готовят публикацию и отправляют ее в Учебный центр. После запуска в компанию начали обращаться авторы из разных компаний, которые отмечали хороший объем реферального трафика после публикаций.
4. Дистрибуция контента.
   По данным G2, 58% потребителей предпочитают переписываться с компаниями по электронной почте. Они в два раза чаще подписываются на e-mail рассылку, чем на профиль компании в Facebook, поэтому G2 выбрали электронную почту как канал связи для Учебного центра. Они запустили рассылку и с помощью рекламы и форм подписок увеличили число подписчиков на 650% менее чем за три месяца. Предложения полезных подборок, баннеров и инфографики в 2-10% случаев приводили к подпискам на рассылку.
5. Персонализация.
   В планах компании усилить адаптирование контента под предпочтения пользователей. Для этого блог разделят на три направления: рост, управление и технологии. Во главе каждого направления будет свой редактор или куратор, который должен помогать авторам взаимодействовать с экспертами и контент-сообществом.
6. Новые форматы контента.
   Кроме рассылки, компания планирует заняться аудио- и видеоконтентом — записывать подкасты и уроки. А также заняться соцсетями: запустить #G2Fireside и аккаунт в Twitter для обсуждения материалов.

Предлагаем обсудить путь компании G2 в комментариях! У вас есть замечания к их стратегии?

Источник

В статье:

1. Зачем использовать Schema.org

2. Как настроить новые отчеты по контенту в Метрике

3. Разметка Schema.org для YMYL-сайтов

4. Если не хочется заполнять самостоятельно

Зачем использовать Schema.org

Само по себе наличие разметки на страницах не входит в факторы ранжирования Google или Яндекс, но у нее другое назначение. Разметка сигнализирует поисковым системам о том, какой контент содержится на странице, так что помогает им обрабатывать контент.

Для сайтов в тематике YMYL, «Your Money or Your Life», затрагивающими финансы и здоровье, разметка позволяет указать поисковым ботам на то, что контент написан экспертами, а значит заслуживает больше внимания и доверия.

С помощью Schema.org у сайта может быть красивый структурированный сниппет в выдаче — с подробной информацией, каруселью фотографий, дополнительными элементами типа рейтинга, отзывов, таблиц с информацией.

Рецепты со сниппетами в выдаче Google

Удаление разметки чревато потерей кликов и трафика. Брайан Фрайслебен в блоге SEO INSIGHTS рассказал о сайте с рецептами, на котором случайно удалили разметку. После этого пропали расширенные сниппеты, как следствие, кликабельность в мобильной выдаче снизилась на 51%, упал трафик.

Страницы с рецептами пропали из карусели, это повлияло на среднюю позицию.

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

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

Сниппет с рецептом

Фрагмент разметки Schema.org для рецепта

Также разметка позволяет подключить отчеты по контенту в Яндекс.Метрике, о них подробнее.

Как настроить отчеты по контенту в Метрике

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

Пример отчета по контенту в Яндекс.Метрике

Без разметки в Яндекс.Метрике не будет отчетов, важных для анализа контентных разделов сайта. Благодаря разметке Метрика понимает, из чего состоит материал. Она использует информацию из разметки для анализа, чтобы графики по доскроллам, рейтинг популярных тем и прочее появились в отчетах.

Отчеты полезны тем, кто занимается текстовым контентом: онлайн-изданиям, блогерам, порталам, корпоративным блогам. Раньше для таких данных приходилось пользоваться сторонними сервисами типа «Медиатора» от Mail.Ru Group или другими, как из нашей подборки. Теперь почти все эти данные есть в Метрике.

Статистика из сервиса «Медиатор»

Новые отчеты появятся в Метрике, когда вы настроите разметку и включите аналитику в настройках.

Как включить отчеты по контенту:

1. Внедрите на страницы разметку Schema.org. На Турбо-страницах она установлена по умолчанию, а на другие нужно поставить разметку самостоятельно. Учитывайте, что Яндекс пока не поддерживает json-разметку.
2. Установите счетчик Метрики на страницы. Проверьте, чтобы версия кода Метрики была актуальной.
3. Включите опцию «Контентная аналитика» в настройках счетчика.

Материалы по теме:
Как установить счетчик Метрики на Турбо-страницы
Как проверить счетчик

Разметка Schema.org обязательна для работы новых отчетов. Если вам нужны расширенные данные по чтению пользователями ваших статей, разметку нужно установить. Далее разберемся, как настроить ее именно для контентных текстовых страниц.

Как настроить Schema.org для контента

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

Для статей, новостей, рецептов, обзоров и других текстовых постов обычно используют schema.org/Article, schema.org/BlogPosting или schema.org/NewsArticle:

• Article — общая разметка, подходящая всем текстовым материалам;
• BlogPosting — разметка для статьи из блога;
• NewsArticle — отдельная разметка для новостей или дополнительных материалов.

Что заполнять в разметке Schema.org для отчетов Метрики

Идентификатор — identifier или mainEntityOfPage.
В отчете Метрики по контенту его не будет, но он нужен, чтобы Метрика могла различать материалы. У каждого материала должен быть свой идентификатор.

<meta itemprop=»identifier» content=»123″>

Заголовок — headline и alternativeHeadline.
Можно указать заголовки H1 и H2. Если они указаны оба, то в отчете появятся тоже оба через пробел. Если заголовок вообще не указан, для отчета Метрика возьмет значение из name.

<h1 itemprop=»headline»>Стиль бохо входит в моду летом 2019</h1>
<h2 itemprop=»alternativeHeadline»>
Подборка модных нарядов в стиле бохо — лето 2019</h2>

Текст — articleBody, description или text.
Метрика считает количество знаков. Она сможет выдать статистику по доскроллам только для материалов длиннее 500 символов, потому что короткие новости скроллить не нужно. Не размечайте как текст другие элементы материала, из-за этого вы можете получить неточную статистику.

<p itemprop=»articleBody»>
текст текст текст статьи
</p>

Тематика — about.
Обозначьте ее ключевыми словами или хэштегами, чтобы Метрика собирала статистику по темам и выявляла самые популярные из них.

<div itemprop=»about»>Мода</div>
<div itemprop=»about» itemscope=»» itemtype=»https://schema.org/Thing»>
<span itemprop=»name»>Одежда</span>
</div>

Дата публикации — datePublished и дата изменения dateModified.
Разметка поддерживает формат ISO 8601.

<time itemprop=»datePublished» datetime=»2019-07-17T11:45:13+04:00″>17.07.2019, 11:45</time>
<meta itemprop=»dateModified» content=»2019-07-18T08:21:11+04:00″>

Автор — author или Person.
Если их несколько, укажите каждого в отдельном теге.

<div itemprop=»author»>Автор статьи</div>

или

<div itemprop=»author» itemscope=»» itemtype=»http://schema.org/Person»>
<span itemprop=»name»>Автор статьи</span>
</div>

Каноническая ссылка — rel=»canonical».
Укажите ее, если страница дублирует другую на этом же сайте.

<link rel=»canonical» href=»https://site.ru/page»>

Рубрика — BreadcrumbList, та же, что и для «хлебных крошек».
Рубрика может быть узкой и находиться внутри широкой темы. Определите несколько сущностей типа ListItem внутри класса, задайте им свойства itemListElement, которые описывают текущую и более широкие рубрики. Рубрикой данного материала будет считаться значение сущности с наибольшим position.

<ol itemscope=»» itemtype=»http://schema.org/BreadcrumbList»>
<li itemprop=»itemListElement» itemscope=»» itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»//site.ru/fashion»>
<span itemprop=»name»>Мода</span></a>
<meta itemprop=»position» content=»1″>
</li>
<li itemprop=»itemListElement» itemscope=»» itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»//site.ru/fashion/boho»>
<span itemprop=»name»>Стиль бохо</span></a>
<meta itemprop=»position» content=»2″>
</li>
<li itemprop=»itemListElement» itemscope=»» itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»//site.ru/fashion/boho/woven-bags»>
<span itemprop=»name»>Плетеные сумки</span></a>
<meta itemprop=»position» content=»3″>
</li>
</ol>

Дополнительно можно разметить иллюстрации, но это не важно для отчетов Метрики:

<div itemscope=»» itemtype=»http://schema.org/Painting»>
<h1 itemprop=»name»>Портрет Гарсиа Лорки</h1>
<img src=»http://uploads8.wikipaintings.org/images/salvador-dali/portrait-of-garcia-lorca.jpg!Blog.jpg» alt=»Портрет Гарсиа Лорки — Сальвадор Дали» title=»Портрет Гарсиа Лорки — Сальвадор Дали»>
<a href=»/es/salvador-dali» itemprop=»author»>Сальвадор Дали</a>
<span itemprop=»genre»>Портрет</span>
<span itemprop=»description»>Портрет Федерико Гарсиа Лорки, выполненный в Café de Oriente. Мадрид. (Бумага, чернила. 1924 г.)</span>
</div>

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

Разметка Schema.org для YMYL-сайтов

Большинство коммерческих сайтов можно отнести к категории YMYL — «Your Money or Your Life», проектам, затрагивающими финансовое благополучие или здоровье пользователя.

Для таких сайтов важны факторы E-A-T — экспертность, авторитетность и достоверность. Подробно мы разбирали их в статье «Главное о факторах E-A-T Google: чек-листы для разных сайтов».

Экспертность среди прочих способов можно подтвердить с помощью подписей авторов и экспертов к статьям. С помощью разметки Schema.org можно обратить внимание поискового бота на автора контента, эксперта-рецензента и выделить авторитетные источники.

Что заполнять в разметке Schema.org для YMYL-сайтов

• эксперты и сотрудники — Person, автор статьи — свойство Author;
• эксперты-рецензенты, которые проверяли материал — reviewedBy;
• цитаты со ссылками на авторитетные источники — citation;
• предмет обсуждения — SameAs.

Если у нескольких объектов одинаковые названия или имена, разметка SameAs позволяет обозначить, о чем именно речь. К примеру, в SameAs можно указать ссылку на страницу Википедии о Майкле Джексоне или о другом Майкле Джексоне, чтобы помочь боту определить релевантность.

Почитать по теме:
Как доказать Google, что контент пишут эксперты? Реализуем факторы E-A-T на сайте

К медицинским материалам подход особо строгий. Для них есть отдельная разметка Schema.org/MedicalEntity.

Пример разметки Schema.org для статьи:

<htmi>
<link rel=»canonical» href=»https://www.site.ru/12341.html»>
<ol itemscope=»» «http:=»» schema.org=»» breadcrumblist»=»»>
<a href=»/»></a>
<li><a href=»/politics/»>Мода</a></li>
<li><a href=»/business/»>Одежда</a></li>
<li><a href=»/social/»>Стиль</a></li>
<li itemprop=»itemListElement» itemscope=»» itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»/fashion/»>
<span itemprop=»name»>Мода</span></a>
<meta itemprop=»position» content=»1″>
</li>
<li itemprop=»itemListElement» itemscope=»» itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»/fashion/boho/»>
<span itemprop=»name»>Бохо</span></a>
<meta itemprop=»position» content=»2″>
</li>
<li itemprop=»itemListElement» itemscope=»» itemtype=»http://schema.org/ListItem»>
<a itemprop=»item» href=»/fashion/boho/woven-bags»>
<span itemprop=»name»>Плетеные сумки</span></a>
<meta itemprop=»position» content=»3″>
</li>
<li><a href=»/fashion/bag/»>Сумки</a></li>
<li><a href=»/fashion/boho/»>Бохо</a></li>
</ol>
<article itemscope=»» itemtype=»http://schema.org/NewsArticle»>
<meta itemprop=»about» content=»Мода»>
<meta itemprop=»about» content=»Стиль»>
<meta itemprop=»about» content=»Бохо»>
<h1 itemprop=»headline»>Бохо снова в моде на лето 2019 года</h1>
<div itemprop=»alternativeHeadline»>Подборка модных луков в стиле бохо 2019</div>
<span itemprop=»author» itemscope=»» itemtype=»http://schema.org/Person»>
<span itemprop=»name»>Анна Захарова</span>
</span>
<time itemprop=»datePublished» datetime=»2019-05-11T12:15:10+04:00″>11.05.2019, 12:15</time>
<meta itemprop=»dateModified» content=»2019-07-05T13:20:10+04:00″>
<meta itemscope=»» itemprop=»mainEntityOfPage» itemtype=»https://schema.org/WebPage» itemid=»/fashion/bag.html»>
<div itemprop=»articleBody»>
Сумки в стиле бохо снова в моде! Они идеально подходят для летних прогулок по улицам, походам в кафе и на пляж.
</div>
</article>
</htmi>

Для обоих поисковиков лучше выбрать microdata, поскольку Яндекс не поддерживает JSON-LD.

Как показать ботам больше контента

Релевантный текст хорошо бы показывать ботам, особенно если количества символов не хватает, а увидеть статистику хочется. Некоторый важный релевантный текст может быть виден только пользователям, к примеру, если он написан на рисунке. Можно продублировать его для ботов в поле с текстом, но тогда пользователи увидят контент два раза. Выйти из ситуации можно с помощью машиночитаемой информации, которая доступна ботам, но скрыта от читателей. Используйте тег meta с атрибутом content.

К примеру, тема материала для роботов:

<meta itemprop=»about» content=»Спорт»>

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

Если не хочется заполнять самостоятельно

Используйте сервисы-помощники, чтобы экономить время на разметку, плагины, если работаете с сайтом на CMS. Для WordPress, к примеру, подойдут Schema — All In One Schema Rich Snippets или WP SEO Structured Data Schema. Они поддерживают разметку Microdata. Для других CMS можно также найти бесплатные плагины с поддержкой Microdata для Яндекса.

Для Google актуален маркер данных в Google Search Console:

1. Выберите ресурс с подтвержденными правами в Search Console.
2. Укажите URL страницы. Удобно то, что инструмент объединяет в группы страницы с одинаковыми шаблонами. Когда вы разметите одну из них, другие он разметит автоматически по шаблону.
3. Выберите тип информации.
4. Выделяйте элементы и задавайте им свойства в открывающемся меню.
5. Нажмите «Готово» и согласитесь с собранными группами страниц или создайте свои.
6. Проверьте, как инструмент разметил страницы, и опубликуйте их.

Пример работы

Если вам нужно разметить какую-то конкретную опубликованную статью, попробуйте сервисы. К примеру, Web Code Tools: не нужно заморачиваться с кодом, вставляйте данные в специальные поля, а сервис все сам оформит.

Работа сервиса Webcode

Дополнительные графы, которых нет в сервисе, придется добавить самостоятельно.

После установки разметки, счетчика и настроек система начнет собирать данные, они появятся в Метрике через некоторое время.

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

Источник