Содержание 4. Профессиональное продвижение с использованием микроразметки |
Об авторе: Валерий Рыков В интернет-маркетинге с 2014 года |
Качественное продвижение сайта подразумевает использование семантической разметки. Этот инструмент помогает в структурировании информации и передачи поисковикам только важных данных о страннице. Если все настроено правильно, робот быстро ознакомится с содержанием, проведет ранжирование и улучшит представление документа в результатах поиска.
Относительно новыми форматами являются следующие: FAQpage, HowTo и Q&A. Недавно они получили обновления и полностью отвечают стандартам schema.org, принятым разработчиками поисковых систем Google, Yahoo и Bing.
Эта разметка является форматом JSON, она удобна тем, что может использоваться на любых страницах, содержащих вопросы и ответы. С его помощью можно формировать сниппеты, которые будут более заметными и занимать больше места по вертикали. То есть пользователь, указав в строке поисковой системы вопрос, сразу получит возможный ответ на него. Конечно, чтобы узнать больше, придется кликнуть по ссылке и пройти на сайт. Важно грамотно настраивать разметку, иначе трафик может и пострадать:
• если пользователь найдет на странице поиска исчерпывающий ответ, то не перейдет на сайт - будет увеличение показов без перехода;
• постепенно посещаемость упадет и Вы получите меньше трафика.
Чтобы не допустить таких ситуаций, можно написать частичный ответ на вопрос, тогда пользователю придется перейти на Ваш ресурс. Часто читателя «интригуют», когда смысл текста дает понять, что более подробную информацию можно получить, перейдя на страницу.
Пример микроразметки JSON FAQPage:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Что такое SEO?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>Это комплекс работ над сайтом, направленный на <a href = https://ics-media.ru/uslugi/seo/pozicii/>повышение его позиций</a> в поисковой выдаче и...</p>"
}
}]
}
</script>
Согласно правилам schema.org, в тексте микроразметки можно разместить ссылки с подробным описанием ответа на основной вопрос. Таким методом можно привлечь трафик и на другие документы или сайты, улучшив их показатели. Нужно не забывать о том, что текст должен совпадать по смыслу с основным контентом ресурса, а ссылки – быть полезными для читателя. В противном случае будут быстро применены штрафные санкции.
Пример микроразметки schema.org для вопросов-ответов прямо в контенте смотрите в этой статье.
Этот вариант подходит для страниц, на которых размещаются пошаговые инструкции. В отличие от предыдущего формата, здесь нельзя разместить ссылки, поэтому остается только обеспечивать хороший контент, заманивая им пользователей.
Можно работать с двумя типами сниппетов:1. Показ превью с картинками, в которых описываются начальные шаги какого-то процесса, который ищет пользователь в интернете. По клику на один из них пользователь переходит на основную страницу по ссылке.
2. Передача описания в виде «аккордеона», который включает инструкции по каждому шагу. Опять же, по клику на них читатель переходит на сайт.
Микроразметка HowTo, как и предыдущая, довольно информативна и может предоставить пользователю всю необходимую информацию еще в результатах поиска: здесь также есть риск проигрыша из-за показа сниппета с высоким кликбейтом, при котором читатель не переходит на сайт, полностью удовлетворив свой запрос.
Если решили работать с этим инструментом, следует соблюдать все правила schema.org:
• размещенный материал не должен быть оскорбительным и содержать провокационную информацию;
• запрещается использование в рекламных целях – только информационный и познавательный контент;
• инструкция должна быть пошаговой, каждый новый пункт раскрывает полезную информацию;
• не допускаются инструменты и материалы для задачи, а также релевантные изображения – их указывают в разметке;
• нельзя использовать HowTo для кулинарных рецептов, под них разработана другая разметка.
Пример микроразметки HTML HowTo:
<div itemscope itemtype="http://schema.org/HowTo">
<h2 itemprop="name">
Как настраивать микроразметку
<span itemprop="totalTime" content="P1D">
быстро
</span>
</h2>
<p itemprop="description">
Пошаговая инструкция.
</p>
<div id="step1" itemprop="step" itemscope itemtype="http://schema.org/HowToStep">
<p itemprop="name">
Шаг 1. Название шага.
</p>
<link itemprop="url" href="https://site.ru/micro#step1" />
<img itemprop="image" src="https://site.ru/photos/micro-step1.jpg" />
<meta itemprop="position" content="1" />
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
<p itemprop="text">
Описание первого шага.
</p>
</div>
</div>
<div id="step2" itemprop="step" itemscope itemtype="http://schema.org/HowToStep">
<p itemprop="name">
Шаг 2. Название шага.
</p>
<link itemprop="url" href="https://site.ru/micro#step2" />
<img itemprop="image" src="https://site.ru/photos/micro-step2.jpg" />
<meta itemprop="position" content="2" />
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection">
<p itemprop="text">
Можете задать вопрос в форме <a href="https://site.ru/forma" target="_blank"> сайте</a>.
</p>
</div>
</div>
</div>
Пример микроразметки JSON HowTo:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "HowTo",
"name": "Как настраивать микроразметку быстро",
"description": "Пошаговая инструкция.",
"step": [
{
"@type": "HowToStep",
"url": "https://site.ru/micro#step1",
"name": "Шаг 1. Название шага.",
"itemListElement": {
"@type": "HowToDirection",
"text": "Описание первого шага."
},
"image": {
"@type": "ImageObject",
"url": "https://site.ru/photos/micro-step1.jpg",
"height": "406",
"width": "305"
}
}, {
"@type": "HowToStep",
"name": "Шаг 2. Название шага.",
"url": "https://site.ru/micro#step2",
"itemListElement": {
"@type": "HowToDirection",
"text": "Можете задать вопрос в форме <a href=\"https://site.ru/forma\" target=\"_blank\">сайта</a>."
},
"image": {
"@type": "ImageObject",
"url": "https://site.ru/photos/micro-step2.jpg",
"height": "406",
"width": "305"
}
}
],
"totalTime": "P1D"
}
</script>
Работая с этой микроразметкой, проследите за ее эффективностью – она должна приносить очевидную пользу. Если пользователи не посещают сайт, следует внести корректировки.
Она подходит для страниц с вопросами, на которые могут отвечать сами пользователи. Такой контент выбирают для страниц с отзывами или с комментариями по товарам, где покупатели могут узнать мнение о продукции от тех, кто уже заказывал ранее.
Чтобы не столкнуться с предыдущими ошибками в виде отсутствие переходов из выдачи, следует осуществить правильную настройку. Лучше всего размещать видео или несколько фото, полный список которых можно получить, только перейдя на сайт. Обычно пользователи отвечают на вопрос не одним предложением, поэтому для его прочтения придется все равно кликнуть по ссылке.
Можно выставлять якорные ссылки, которые будут вести на нужный фрагмент основной страницы. Также для оптимизации UX необходимо вписывать в микроразметку URL, тогда пользователь получит направление на конкретный вопрос и прочитает полезный комментарий.
Пример микроразметки HTML Q&A:
<div itemscope itemtype="https://schema.org/QAPage">
<div itemprop="mainEntity" itemscope itemtype="https://schema.org/Question">
<h2 itemprop="name">
Что такое SEO?
</h2>
<div itemprop="upvoteCount">
52
</div>
<div itemprop="text">
Интересно, что такое SEO?
</div>
<div>
спросили
<time itemprop="dateCreated" datetime="2021-07-23T08:00:00+08:00">
23 июля 2021
</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">
Иванов И
</span>
</div>
<div>
<div><span itemprop="answerCount">3</span> ответа</div>
<div><span itemprop="upvoteCount">25</span> оценок</div>
<div itemprop="acceptedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">
1337
</div>
<div itemprop="text">
Ответ 1
</div>
<a itemprop="url" href="https://site.ru/question1#acceptedAnswer">
Ссылка на ответ
</a>
<div>
ответ
<time itemprop="dateCreated" datetime="2021-02-05T08:00:00+08:00">
5 февраля 2021
</time>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">
Петров П.
</span>
</div>
</div>
<div itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer">
<div itemprop="upvoteCount">
40
</div>
<div itemprop="text">
Ответ 2.
</div>
<a itemprop="url" href="https://site.ru/question1#suggestedAnswer1">
Ссылка на ответ
</a>
<div>
ответ
<time itemprop="dateCreated" datetime="2021-10-04T08:00:00+08:00">
4 октября 2021
</time>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<span itemprop="name">Сидоров С.</span>
</div>
</div>
</div>
</div>
</div>
</div>
Пример микроразметки JSON Q&A:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "QAPage",
"mainEntity": {
"@type": "Question",
"name": "Что такое SEO?",
"text": "Интересно, что такое SEO?",
"answerCount": 3,
"upvoteCount": 25,
"dateCreated": "2021-07-23T08:00:00+08:00",
"author": {
"@type": "Person",
"name": "Иванов И"
},
"acceptedAnswer": {
"@type": "Answer",
"text": "Ответ 1",
"dateCreated": "2021-10-02T08:00:00+08:00",
"upvoteCount": 1337,
"url": "https://site.ru/question1#acceptedAnswer",
"author": {
"@type": "Person",
"name": "Петров П."
}
},
"suggestedAnswer": [
{
"@type": "Answer",
"text": "Ответ 2",
"dateCreated": "2021-10-04T08:00:00+08:00",
"upvoteCount": 40,
"url": "https://site.ru/question1#suggestedAnswer1",
"author": {
"@type": "Person",
"name": "Сидоров С."
}
}
]
}
}
</script>
При настройках таких сервисов важна квалификация специалиста – ведь приходится оценивать несколько параметров: особенности контента ресурса¸ его тематика. Существует много микроформатов, у каждого из которых своя специфика. В нашей компании Вы можете заказать профессиональные услуги по комплексной настройке микроразметки. Мы работаем на отличный результат и успешно решаем самые сложные задачи!