Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

Schema org разметка статей: Как настроить разметку Schema.Org для статей и других текстов

Содержание

Как настроить разметку Schema.Org для статей и других текстов

Разбираем, зачем сейчас внедрять семантическую разметку Schema.Org для текстового контента, чем она полезна для работы с Яндекс.Метрикой и продвижения YMYL-сайтов. Обновленный материал.

Зачем использовать 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.
Можно указать заголовки h2 и h3. Если они указаны оба, то в отчете появятся тоже оба через пробел. Если заголовок вообще не указан, для отчета Метрика возьмет значение из name.

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

Текст — 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">
    <h2 itemprop="name">Портрет Гарсиа Лорки</h2>
    <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="Бохо">
    <h2 itemprop="headline">Бохо снова в моде на лето 2019 года</h2>
    <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.

Микроразметка статей, новостей, постов по schema.org

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

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

Разметка статьи по schema.org

Для начала давайте посмотрим в какой объект нам оборачивать наш материал:

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

В разметке ниже, замените общий объект Article на NewsArticle или на BlogPosting, валидность сохранится. Это универсальная разметка.

Для начала разметка полной версии материала:

<div itemscope itemtype="https://schema.org/Article">
    <link itemprop="mainEntityOfPage" href="https://example.ru/" />
    <link itemprop="image" href="image">
    <meta itemprop="headline name" content="Название Статьи">
    <meta itemprop="description"
          content="Обязательное краткое описание статьи для Яндекса длиной от 50 до 150 символов.">
    <meta itemprop="author" content="автор статьи">
    <meta itemprop="datePublished" datetime="2010-07-03" content="2010-07-03">
    <meta itemprop="dateModified" datetime="2018-09-15" content="2018-09-15">
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
        <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
            <img itemprop="url image" src="images/logo.png" alt="Описание картинки" title="Описание картинки"/>
        </div>
        <meta itemprop="name" content="название сайта">
        <meta itemprop="telephone" content="">
        <meta itemprop="address" content="Россия">
    </div>
    <p>Интро</p>
    <span itemprop="articleBody">Контент</span>
</div>

Давайте разберем её:

  • itemprop="mainEntityOfPage" — Основная страница объекта, можно указать каноническую ссылку. Данное свойство является необязательным, но Google рекомендует его заполнять.
  • itemprop="image" — Ссылка на картинку материала, передаем её через атрибут link, так что пользователи её не увидят в контенте, а вот поисковые роботы схавают.
  • itemprop="headline name" — Заголовок материала.
  • itemprop="description" — Короткое описание материала, желательно не более 150 символов.
  • itemprop="author" — Автор материала.
  • itemprop="datePublished" — Дата публикации материала, указывайте в формате ГГГГ-ММ-ДД.
  • itemprop="dateModified" — Дата обновления материала, указывайте в формате ГГГГ-ММ-ДД.
  • itemprop="publisher" — Для этого свойства необходимо использовать объект schema.org/Organization.
    • itemprop="logo" — URL картинки, например, логотип сайта. Для этого свойства используем объект schema.org/ImageObject.
      • itemprop="url image" — URL логотипа.
      • itemprop="name" — Название сайта / организации.
      • itemprop="telephone" — Телефон можно оставить пустым, ну или если он у вас есть, заполнить.
      • itemprop="address" — Тут я указываю просто страну.
  • itemprop="articleBody" — Тело материала.

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

Время работы: 0,1126 s
Время запросов: 0,1126 s
Количество запросов: 28
Источник: cache

Микроразметка статьи, тег article, примеры

В этой статье рассмотрим микроразметку статей, что это такое, для чего нужна и как применять.

Что такое микроразметка?

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

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

Популярные словари микроразметки:

  • schema.org – сделан по инициативе поисковых систем и рекомендуется ими к применению;
  • Open Graph – придуман Facebook для эффективного взаимодействия сайтов с этой соцсетью, и поддерживается прочими социальными сетями;
  • Микроформаты – основаны на использовании элементов языка HTML, что и позволило ему в свое время обрести большую популярность;
  • Data Vocabulary – разработан компанией Google, но прекративший свое развития из-за активной поддержки schema.org;
  • Dublin Core – специализированный словарь для библиотек;
  • Good Relations – специализированный словарь для интернет торговли;
  • FOAF – специальный социальный словарь для разных сообществ.

Наиболее распространенные синтаксисы:

  • микроданные – часто применяются со словарями schema.org и Data Vocabulary;
  • RDFa – применяется со словарями Open Graph и Data Vocabulary;
  • микроформаты – являются как синтаксисом, так одновременно и словарем.

Какой формат семантической разметки выбрать? Если нет уже наработанной базы и начинать разметку нужно с нуля, то лучше всего для статей использовать микроданные с schema.org и RDFa с Open Graph. Их мы и рассмотрим на конкретном примере.

Зачем нужна микроразметка?

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

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

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

Как сделать микроразметку статьи?

Рассмотрим примеры применения микроразметки schema.org и Open Graph. Тут есть некоторое различие. В первом случае вся разметка прописывается рядом с телом статьи. При передаче же информации в соцсети описывается как должна выглядеть ссылка на страницу статьи.

Разметка с schema.org

Рассмотрим, как с помощью schema.org можно сделать микроразметку статьи.

Сначала посмотрим, как статья выглядит в HTML без разметки

<section>
<h2>Создание микроразметки статьи</h2>
<time>22 января 2019</time>
<img src=”imgrazmetka.jpg” alt=”Микроразметка статьи”>
<article>
<p>Начало статьи.</p>
<p>Здесь середина текста.</p>
<p>А вот уже и конец.</p>
</article>
<div>Автор: Михаил Степанов</div>
</section>

А теперь этот пример с разметкой

<section itemscope itemtype="http://schema.org/Article">
<h2 itemprop="headline"> Создание микроразметки статьи</h2>
<time itemprop="datePublished" datetime="2019-01-22T16:20:30+00:00">22 января 2019</time>
<div itemscope itemprop="image" itemtype="http://schema.org/ImageObject">
<img itemprop="url contentUrl" src=”imgrazmetka.jpg” alt=” Микроразметка статьи”>
<meta itemprop="url" content=" imgrazmetka.jpg">
<meta itemprop="width" content="968">
<meta itemprop="height" content="504">
</div>
<article itemprop="articleBody">
<p>Начало статьи.</p>
<p>Здесь середина текста.</p>
<p>А вот уже и конец.</p>
</article>
<div>Автор: <span itemprop="author">Михаил Степанов</span></div>
<div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<img itemprop="url image" src="logo.png" />
<meta itemprop="width" content="64">
<meta itemprop="height" content="64">
</div>
<meta itemprop="name" content="Наш сайт">
<meta itemprop="telephone" content="+7 800 333 22 33">
<meta itemprop="address" content="г. Пенза, ул. Московская, д. 3">
</div>
<meta itemprop="dateModified" content="2019-01-22T17:30:40+00:00" />
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="nashsite.com/microrazmetka" />
</section>

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

itemscope itemtype=”http://schema.org/Article” id=”main”.

В примере использованы следующие обязательные параметры:

  • headline – наименование статьи;
  • datePublished – дата публикации в формате ISO 8601;
  • image – картинка;
  • articleBody – тело статьи;
  • author – имя автора;
  • publisher – наименование сайта, публикующего статью.

Есть еще необязательные параметры, которые все же желательно указывать:

  • dateModified – дата изменения статьи;
  • mainEntityOfPage – ссылка на страницу со статьей.

В теге publisher использованы следующие параметры:

  • logo — логотип;
  • name — наименование организации;
  • telephone – телефон;
  • address — адрес.

Если статью публикует не организация, а частное лицо, то все равно publisher нужно заполнить, так как параметр обязателен. Иначе Гугл будет ругаться при проверке. Замена Organization на Person не поможет. Можно сознательно не заполнять этот блок и игнорировать предупреждение.

Разметка с Open Graph

Микроразметку Open Graph нужно разместить внутри тегов <html> и <head>.

В блоке <html> указываем роботу на использование разметки Open Graph.

<html xmlns:fb=”http://ogp.me/ns/fb#”>

Все остальное размещается внутри <head>

<meta property="og:title" content="Создание микроразметки статьи ">
<meta property="og:type" content="article">
<meta property="og:description" content=" В этом материале познакомимся с таким важным видом семантической разметки как микроразметка статьи.">
<meta property="og:url" content="http://nashsite.com/microrazmetka ">
<meta property="og:locale" content="ru_RU">
<meta property="og:image" content=" http://nashsite.com/imgrazmetka.jpg ">
<meta property="og:image:width" content="968">
<meta property="og:image:height" content="504">
<meta property="og: article:published_time" content="2019-01-22T16:20:30+00:00">
<meta property="og: article:modified_time" content="2019-01-22T17:30:40+00:00">
<meta property="og: article: author" content="Михаил Степанов">

Выглядит здесь все проще, чем с schema.org. Вот что значат использованные теги:

  • og:title – название статьи и текст ссылки;
  • og:description – описание статьи, которое показывается под заголовком;
  • og:type – тип объекта, для статьи применяется article;
  • og:locale – локализация, указывать не обязательно, но желательно;
  • og:image – ссылка на картинку статьи;
  • og:url – ссылка на статью.

Тег article использовать несложно:

  • og:article:published_time – дата публикации статьи;
  • og:article:modified_time – дата последнего изменения;
  • og:article:author – автор статьи.

Особенности применения микроразметки

Разметки статей schema.org и Open Graph не только можно, но и нужно совмещать. Первая предназначена для поисковиков, вторая для социальных сетей. Никакого конфликта разметок не будет. Поисковые системы понимают оба типа разметки.

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

Проверка Google

https://search.google.com/structured-data/testing-tool

Валидатор  Яндекс

https://webmaster.yandex.ru/tools/microtest/

Проверка Bing

https://www.bing.com/toolbox/markup-validator

Open Graph можно еще проверить отладчиком Facebook

https://developers.facebook.com/tools/debug/

Если на сайте используется CMS, то разметку можно прописывать как вручную, так и с помощью плагинов. Особенно много инструментов есть для WordPress: All in One SEO Pack, WP SEO by Yoast, WP Facebook Open Graph protocol.

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

Разметка статьи Schema.org: что это такое и как ее реализовать




Опубликовано: 2021-09-04

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

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

  • Использование редактора страниц WordPress
  • Использование плагина SEOPress
  • Использование расширенных настраиваемых полей
  • Использование Диспетчера тегов Google

JSON — LD Wrap для Диспетчера тегов Google

Стенограмма видео:

В этом видео мы рассмотрим разметку статьи. Мы собираемся поговорить о том, что это такое и как мы можем реализовать это на нашем сайте, чтобы получить эти богатые функции в результатах поиска. Так что же это за функция, богатая статьями? Добавление структурированных данных статей на ваш сайт, так что ваш новый сайт, ваши блоги, возможно, спортивные статьи, это может улучшить внешний вид ваших списков в результатах поиска Google. Ваша страница также может иметь право на использование различных функций в зависимости от того, как вы кодируете свою страницу. Вот несколько примеров функции, богатой статьями. Как правило, вы видите их в новостных статьях, погодных событиях и тому подобном, или вы также можете увидеть некоторые главные новости здесь, например, в HubSpot или PandaDoc, где ваша статья действительно немного больше выделяется в результатах поиска.

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

А теперь вот пример разметки и AMP. Как видите, у нас есть приложение JSON-LD, и это ваша обычная структура JSON-LD. У них есть название статьи, изображения со статьей, когда она была опубликована и изменена, и кто создал статью, и немного больше об издателе. Разметка статьи очень похожа на то, что вы видите здесь на страницах без AMP. Опять же, у нас есть заголовки и изображения, дата публикации и изменения. Итак, как вы можете видеть, разница между статьей AMP и статьей без AMP, AMP, они пошли сюда и добавили издателя. Вы можете сделать это и на странице без AMP.

Какие типы функций разметки или какие типы вещей мы должны включать в разметку нашей статьи? Для этого мы хотим взглянуть на Schema.org. Это действительно полезный ресурс. Если вы не использовали его раньше, функция поиска здесь довольно хороша. Позвольте мне продолжить и нажать article, и теперь он даст нам тип статьи. Теперь статья — это верхний тип. Есть некоторые подтипы, которые мы увидим здесь через минуту, например новостная статья. Но это позволит нам увидеть все, что мы можем разметить, все, начиная с тела статьи, предыстории, конца и начала страницы, разбивки на страницы, говорящего, и именно так вы говорите поисковым системам: «Эй, вы можете использовать это что касается Google Assistant или Amazon Alexa », вещи такого рода. Остановимся немного подробнее, чтобы мы могли рассказать о нас. Мы можем реалистично описать рейтинг нашей статьи нашей компании, это то, по чему мы будем делать совокупный рейтинг, а также назвать все различные типы СМИ.

Здесь есть много разных вещей, которые мы можем извлечь, и это может показаться ошеломляющим. Но цель состоит в том, чтобы вытащить все, что важно, чтобы поисковые системы точно знали, о чем ваша статья и кто вы, когда дело доходит до создания этой статьи. Теперь, если мы прокрутим вниз, мы увидим некоторые более конкретные типы статей. У нас есть статья для рекламодателей. У нас есть новостная статья. У нас есть репортажи, сатирическая статья. Обратите внимание, что они синего цвета. Это несколько новых типов статей. Таким образом, они могут помочь поисковым системам понять: «Эй, это сатирическое. Это не настоящие новости », или это контент рекламодателя. Это не то, что мы органично делаем на наших страницах, но кто-то заплатил за этот фрагмент контента.

Здесь у нас есть несколько примеров, которые мы обычно видим на Schema.org. Вы можете пойти дальше и посмотреть код JSON. Теперь один из способов создать это — скопировать и вставить это в текстовый редактор и заменить его своим собственным кодом.

Теперь у нас есть инструмент, который вы можете использовать. Это наш генератор структурированных данных, который поможет вам выбрать тип статьи. Здесь у нас есть новостная статья, а также запись в блоге. Вы также можете отметить это как публикацию в блоге. Если мы перейдем сюда на Schema.org, мы можем ввести блог, и вы увидите, что здесь у нас есть блог. Это тип творческой работы, поэтому, если вы создаете блог, вы должны использовать публикацию в блоге в этой статье, на своем новостном сайте, вы должны использовать article. Это очень важное различие, потому что это два разных типа контента.

Теперь, когда вы размечаете свои страницы, как я уже сказал, вы можете либо перейти на свой Schema.org, либо использовать наш генератор. Вы вводите здесь свой URL-адрес, так что фактический пост этой статьи. Мы собираемся использовать это здесь в качестве примера. Вы дадите заголовок своей статьи. Это будет заголовок вашей статьи. Тогда вы хотите добавить сюда изображения. Сейчас у нас есть место для одного изображения, но при необходимости вы можете добавить больше изображений, немного изменив код. Я покажу вам, как вы можете это сделать.

В данном случае у нас есть вот это изображение. Мы можем скопировать адрес изображения, вставить его. Здесь вы хотите иметь краткое описание статьи, о чем она. Как правило, вы могли бы использовать метаописание или написать его аннотацию, чтобы поисковые системы могли лучше понять, о чем идет речь. Автор может быть как физическим лицом, так и организацией. В данном случае это человек. Издатель включен в поиск, и тогда мы можем указать здесь URL-адрес логотипа, скопировать адрес изображения.

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

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

Итак, я сказал, что вы можете добавить больше изображений, верно? Если вы хотите это сделать, это довольно просто. Давайте скопируем этот код в вашем коде, а здесь мы перенесем его в текстовый редактор. Теперь откройте новый и вставьте код. Что мне нравится… Это Sublime Text. Мне это нравится, потому что с ним действительно легко читать. Затем вы можете выбрать различные типы кода, которые используете, и это поможет вам лучше его увидеть. Никакого отношения к ним, но обязательно проверьте их, если вам интересно. Если вы хотите добавить более одного изображения, вам нужно создать здесь эту скобку. Как только я добавлю это, вы увидите, что теперь я могу добавить еще одно изображение. В своей статье у меня есть несколько изображений, которые я хотел бы разметить и рассказать поисковым системам. Возможно, это изображение функции продукта прямо здесь, поэтому я могу скопировать этот адрес изображения и вставить его сюда. Нам всегда нужны кавычки вокруг наших изображений или любых вводимых данных.

Следующее, что я хочу сделать, это, возможно, найти другое изображение, поэтому я скопирую. Так что продолжайте и снова скопируйте этот адрес изображения, и вы можете поместить здесь столько изображений, сколько захотите. Нет установленного правила. Теперь, между каждым из них, вам может понадобиться или понадобится запятая, кроме последней. Вы не ставите здесь запятую. Вы кладете его снаружи той квадратной скобки, которую мы добавили. Это позволяет нам иметь несколько изображений. Обратите внимание, когда у меня не было этой запятой, у меня был этот маленький розовый предупреждающий знак прямо здесь. Это дает мне знать: «Эй, этот код взломан. Неправильно.» Таким образом, вам нужно поставить запятую прямо здесь, потому что эта запятая говорит сканеру, что нужно продолжать смотреть на код. Если бы у нас не было этой запятой, это бы прекратилось. Он не будет смотреть здесь ни на один из этих кодов, так что это важно. Если вы хотите добавить разные изображения, вы определенно можете сделать это прямо здесь, в JSON-LD.

Следующий шаг — как разместить это на нашем веб-сайте? Что ж, есть несколько способов. Мы можем поместить это прямо в код нашего сайта. Мы можем использовать некоторые плагины. Мы также можем использовать Диспетчер тегов Google. Я собираюсь показать вам три различных способа, которыми вы можете теперь установить этот скрипт специально на свой веб-сайт. Затем я покажу вам способ использования плагина для автоматизации схемы статьи, чтобы вам не приходилось делать это каждый раз при публикации блога.

Допустим, вы новичок в WordPress. Вы только начинаете и хотите добавить сюда этот код JSON-LD. Вы переходите к своей статье. Вы можете прокручивать в любом месте на странице, которую хотите, а затем вы можете добавить HTML, собственный HTML. Затем мы вернемся к нашему коду здесь, и мы собираемся взять этот скрипт, мы собираемся его скопировать. Затем мы вставим его прямо здесь, в HTML, и нажмем «обновить». Вы переходите на эту страницу, а затем мы нажимаем кнопку «Обновить».

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

Если вы хотите поместить его прямо на страницу, JSON-LD будет располагаться под кодом в HTML, и поисковые роботы смогут очень легко его прочитать, так что это один из вариантов достижения этого. Опять же, если вы хотите остаться в WordPress, и я конкретно говорю здесь о WordPress, когда речь идет о некоторых виджетах, мы также можем использовать некоторые плагины для достижения этой цели. Первый плагин, о котором мы говорили, — SEOPress.

Чтобы использовать инструменты структурированных данных в SEOPress, у вас должна быть профессиональная лицензия. Это не очень дорогой плагин, но это мой любимый плагин SEO для WordPress. Здесь, сбоку, мы увидим нечто, называемое схемами, и в нем вы можете создавать определенные разметки схемы, используя динамическое поле. Здесь вы можете создавать разметки схемы, извлекая поля прямо из вашего контента. Я могу щелкнуть создать схему. Я мог бы назвать тип данных, который мы хотим использовать, например статью или веб-страницу.

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

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

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

Есть еще один вариант, который вы можете использовать, который будет использовать плагин под названием Advanced Custom Fields. Теперь расширенные настраиваемые поля великолепны, потому что вы можете продолжать создавать свои разметки, и вы можете использовать данные в нескольких частях контента и объединять их все вместе. Итак, мы собираемся сделать быструю демонстрацию того, как вы могли бы хотя бы создать что-то подобное с помощью Advanced Custom Fields. Первое, что вам нужно сделать, это установить дополнительные настраиваемые поля. Это бесплатно для всех. Есть платная версия, которую вы также можете использовать, но сама Advanced Custom Fields бесплатна. Как только вы это сделаете, переходите к настраиваемым полям. Тогда вы захотите добавить новый. Мы будем называть это JSON-LD, потому что это то, что мы собираемся сделать. Мы собираемся создать что-то, во что мы можем ввести наш JSON-LD.

Мы хотим создать поле, то есть область, в которую мы можем сбрасывать эту информацию. Мы снова назовем метку поля JSON-LD. Мы не хотим, чтобы это был текст. Давайте сделаем его редактором WYSIWYG, а затем просто сделаем его текстовым. Это то, что нам нужно здесь для типов сообщений. Мы также можем равняться page. Таким образом, мы можем установить это на сообщениях или страницах, и все остальное здесь будет хорошо выглядеть. Как только мы закончим, мы собираемся опубликовать. Теперь, если мы вернемся к нашим сообщениям здесь, перейдем к бэкенду, продолжим и нажмем «Обновить», вы увидите что-то здесь внизу. Раньше этого не было. Когда вы перейдете к последней статье, вы увидите это поле, в котором написано JSON-LD. Здесь мы можем взять тот код, который мы создали здесь для нашей публикации в блоге, скопировать и вставить его.

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

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

Убедитесь, что это тоже строчные буквы. Это имеет значение. Убедитесь, что вы взяли конкретное имя поля, а затем использовали его точно так, как указано здесь, под именем, иначе это не сработает. После того, как вы добавили это, вы нажимаете обновить. Это скажет теме захватить это настраиваемое поле, когда вы увидите эту конкретную статью. Я собираюсь загрузить эту статью еще раз, и тогда она попадет в наш JSON. Я хочу очистить кеш и дать ему снова поработать, и вот мы. Мы снова публикуем нашу запись в блоге. Теперь это просто способ, опять же, вставить его прямо здесь, используя код JSON-LD. Это не делает ничего динамичного. Это то, о чем мы расскажем более подробно в следующем видео. И наконец, я хочу показать вам, как вы можете снова использовать этот код JSON-LD, чтобы поместить его прямо на свой сайт, с помощью Диспетчера тегов Google.

Скажем, например, у вас нет сайта WordPress или у вас нет доступа к сайту WordPress, но у вас есть доступ к контейнеру диспетчера тегов. Диспетчер тегов Google может создавать и помещать JSON-LD на страницу вашего сайта. Для этого вам нужно немного изменить его, но, тем не менее, он по-прежнему работает. Нам нужно начать с создания нового тега. Я люблю делать кастомы. Я займусь Schema.org, а потом хостингом для блогов.

Теперь вы можете использовать собственный HTML-код, взять тот код, который мы опубликовали на другом сайте, и вставить его. Здесь нужно отметить одну вещь. Раньше это работало так. Он сработает и вызовет его с помощью JSON-LD. Это больше не работает в диспетчере тегов. Вы должны использовать JavaScript и разрешить JavaScript преобразовывать его в JSON-LD. Для этого нам нужно немного по-другому обернуть наш текст. Это будет оболочка, и я также сделаю ее доступной в видео. Но если вы хотите взять верхнюю половину здесь и прямо здесь, где начинается фигурная скобка, вы хотите избавиться от нее и заменить ее здесь этой функцией. Опять же, внизу, нам нужно сделать то же самое. Вы находитесь в нижней фигурной скобке и делаете это вот так.

Мы превратили это в функцию JavaScript, которая затем изменит этот код на JSON-LD, как только он запустится на нашем сайте. Последнее, что нам нужно сделать, — это сработать здесь. Теперь мы не хотим делать все страницы. Мы просто хотим вести этот конкретный блог. Мы продолжим и нажмем кнопку блога для этого случая. Мы продолжим и получим этот URL, и мы скажем просмотр страницы, некоторые страницы, URL страницы, равно этому, и нажмем «Сохранить». Как только вы закончите, вы можете сохранить его, а затем, наконец, вы можете отправить это, протестировать блог, опубликовать, и теперь мы можем вернуться на нашу страницу еще раз.

Теперь я собираюсь сделать что-то здесь очень быстро, поэтому нам не нужно делать то же самое, и это сбивает с толку. Я собираюсь нажать на обновление. Мы удалили JSON-LD из этого окна, перешли сюда, и мы собираемся обновить это представление, перейти в режим предварительного просмотра. Теперь я собираюсь коснуться этого еще раз, и вот наша запись в блоге. Единственная разница в том, что на этот раз он запускается из Диспетчера тегов Google, а не из расширенных настраиваемых полей.

В этом видео мы рассмотрели разметку статей и то, как мы можем использовать ее, чтобы помочь нашим сайтам немного лучше выделяться в поиске. Таким образом, мы можем получить некоторые из этих действительно интересных списков здесь либо главных новостей, либо других связанных историй в результатах поиска. У нас также есть четыре способа добавить на наш сайт. Мы можем сделать это прямо на самой странице. Мы можем добавить его через SEOPress, отличный плагин. Мы можем создать поле, используя Расширенные настраиваемые поля, или мы можем использовать Диспетчер тегов Google, чтобы это произошло. Дайте мне знать, если у вас возникнут какие-либо вопросы по любой из тем, которые мы рассмотрели в этом видео.

Как использовать микроразметку статей – статьи про интернет-маркетинг

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

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

Основные атрибуты разметки статей

Весь материал должен находиться внутри следующего элемента:

<div itemscope itemtype=http://schema.org/Article>ЗДЕСЬ ВАШ КОНТЕНТ</div>

Заголовок, т.е. название публикации:

<h2 itemprop=»headline name»>Заголовок</h2>

Альтернативный заголовок, или подзаголовок:

<i itemprop=»alternativeHeadline»>Подзаголовок</i>

Изображение, которое появится справа от описания статьи:

img itemprop=»image» src=»URL изображения» alt=»Релевантный текст описания»

Краткое описание статьи:

<p itemprop=»description»>Текст описания</p>

Дата публикации:

<meta itemprop=»datePublished» content=»ГОД-МЕСЯЦ-ДЕНЬ»>Дата публикации</p>

Текст публикации:

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

Не забудьте поставить закрывающий тег </div>.

Вам может понадобиться дополнительная микроразметка. Справку по всем возможным свойствам статей вы можете получить в соответствующем разделе на сайте Schema.org.

Готовые решения

Существуют ли готовые решения для популярных CMS? Да.

Самая актуальная коммерческая версия плагина WP Social SEO Booster для WordPress уже включает поддержку разметки подробных статей, причём активирует использование этой микроразметки по умолчанию.Существует бесплатная версия этого модуля с меньшими возможностями.

Для Joomla существует дополнение J4 Schema, предоставляющее простой доступ к словарю Article. Есть и расширенная коммерческая версия — J4 Schema Pro. Впрочем, некоторые специалисты рекомендуют решать эту задачу на уровне шаблона вывода.

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

Разметка авторства

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

<a href=»[profile_url]?rel=author»>Ваше имя</a>

Если у вас уже есть учётная запись в Google+ с загруженной фотографией, скопируйте ссылку страницы профиля и поместите её вместо «profile_url».

Далее в свойствах профиля на Google+ перейдите к блоку «Links» и нажмите «Edit». В разделе «Contributor to» открывшейся формы добавьте адрес публикации, автором которой вы являетесь, либо URL сайта, куда вы пишете статьи.

Оптимизация логотипа

Вы также можете добавить микроразметку к логотипу вашего интернет-проекта. Поддержка этого словаря появилась в Google в мае этого года. Вот пример кода:

Home

Что дальше? Продолжайте писать качественные оригинальные статьи, интересные вашей аудитории и укрепляющие ваш экспертный статус.

«Яндекс» стандартизирует «Острова»

Компания «Яндекс» инициировала стандартизацию частей технологии «Острова», представленной в мае этого года. В интервью, опубликованном на habrahabr.ru, менеджер проектоввеб-поиска «Яндекса» Александр Шубин рассказал о работе над разделом «Actions» в стандартизованном наборе словарей микроразметки Schema.org, который основан на разработках «Островов»:


Actions — это большое изменение словаря schema.org, которое призвано описать взаимодействие объектов между собой. Это большое и важно изменение, потому что если раньше schema.org описывала отдельные объекты, то сейчас это про какие-то действия, которые связаны с этими объектами… Сейчас в платформе «Острова» предоставляются две возможности,которые вебмастера могут использовать. Одна из них — это кнопки, которые появляются прямо на выдаче Яндекса. Для их описания мы специфицируем набор возможных взаимодействий, которые пользователь может осуществлять с сайтом. И именно список этих взаимодействий, а также их параметризация очень важны для нас и именно они были приняты в первой части стандарта Actions.

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

Google тестирует всплывающие подсказки о сайтах

Специалисты Google
начали тестировать новую функцию поисковика — всплывающую информацию о сайте. Теперь по щелчку на названии сайта (справа от URL)всплывает окно, в котором выводится начало описания сайта, взятое из статьи в Wikipedia. Разумеется, это работает только для сайтов, о которых такая статья есть.

Для того, чтобы принять участие в эксперименте, нужно установить расширение для Google Chrome. Подробная инструкция приводится разработчиками в анонсе.

«Бегун» закрывает рекламную услугу «Контекстные переходы»

Компания «Бегун» объявила о закрытии сервиса «Контекстные переходы», который был основным продуктом компании на протяжении последних 11 лет. Одновременно с этом из бета-тестированиявыведена новая платформа «Бегун.Смарт», которая заменит собой «Контекстные переходы».

Рекомендуем прочесть

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

Создан рейтинг самых ненадежных браузеров.

Микроразметка article для статей блога. Примеры разметки. Валидаторы Google и Яндекс

Размечаем статьи с помощью Schema.org (Article) + HTML5:

<div itemscope itemtype="http://schema.org/Article">
<!-- Указываем основную старницу -->
<link itemprop="mainEntityOfPage" href="https://soltyk.ru/" />
<header>
<!-- передаем заголовок -->
<h2 itemprop="headline name">Пример микроразметки статьи</h2>
</header>
<!-- в link можно передавать ссылки на картинки и т.п., которые не увидит пользователь -->
<link itemprop="image" href="https://soltyk.ru/assets/images/soltykam.jpg">
<!-- указываем дату публикации -->
<span itemprop="datePublished" content="2018-06-18">Дата размещения</span>
<!-- в meta можно передавать скрытое текстовое значение, которое не будет отображаться пользователю -->
<!-- указываем дату обновления материала -->
<meta itemprop="dateModified" content="2018-09-15">
<!-- Для разметки author необходимо использовать словарь Person -->
<div itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<link itemprop="sameAs" href="https://soltyk.ru/" />
<img itemprop="image" src="https://soltyk.ru/assets/images/soltykam.jpg" alt="Солтык Алексей"/>
<a href="https://soltyk.ru/ob-avtore"><span itemprop="name">Солтык Алексей</span></a>
</div>
<!-- Для разметки publisher необходимо использовать словарь Organization -->
<div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization">
<link itemprop="sameAs" href="https://soltyk.ru/" />
<!-- размечаем логотип -->
<div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
<link itemprop="url image" href="https://soltyk.ru/assets/images/soltykam.jpg"/>
</div>
<meta itemprop="telephone" content="+7(981)970-8045">
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="streetAddress" content="Северный проспект, 8к1">
<meta itemprop="postalCode" content="194354">
<meta itemprop="addressLocality" content="Санкт-Петербург">
</div>
<meta itemprop="name" content="Солтык Алексей">
</div>
<!-- размечаем краткое описание статьи -->
<div itemprop="description">
<p>Текст краткого описания</p>
<p>...</p>
</div>
<!-- указываем подзаголовок статьи -->
<h3 itemprop="alternativeHeadline">Подзаголовок статьи</h3>
<!-- размечаем тело статьи -->
<div itemprop="articleBody">
<article>
<img itemprop="image" src="https://soltyk.ru/assets/images/soltykam.jpg" title="Какое-то изображение в статье" alt="Альтернативное название">
<p>Размечаем содержимое статьи!</p>
<p>...</p>
</article>
</div>
</div>

Данный пример можете использовать в качестве шпаргалки.

Такую разметку поддерживают поисковые системы Яндекс и Google, а также была замечена поддержка у Mail-а и Bing-а.

Я рекомендую размечать любые информационные материалы с помощью данной микроразметки.

Валидаторы микроразметки

Валидатор от Google

Валидатор от Яндексе

Валидатор от Bing

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

Результат валидации кода выше в примере:

12.56

Следующие страницы вас также могут заинтересовать:

Обновлено: 27.04.2021
20090

Schema.org делает и другие элементы кода привлекательнее для поисковиков


Объясняем, чем заменить <img src=»/pictures/logo.svg»>, и даем инструкцию по работе с микроразметкой Schema.org.


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

Язык, на котором говорят только роботы


Микроразметку часто называют единым языком, который одинаково понимают и трактуют веб-пауки всех поисковых систем. Этот язык роботы освоили еще в 2011 году. И с тех пор «общаются» только на нем. Для несведущего человека микроразметка — та еще тарабарщина. Сами посудите:



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

Какая польза от микроразметки?


Часть SEO-специалистов считает, что тратить время на прописывание атрибутов на всех страницах сайта бессмысленно. Достаточно разметить «Контакты» и, например, «Новости». Якобы на результатах продвижения это практически не сказывается. Однако в аналитическом отчете «Яндекс и Google. Факторы ранжирования 2019» высказывается прямо противоположная точка зрения. Авторы отчета утверждают, что микроразметка schema.org — «новомодное веяние», однако использовать ее все-таки стоит, потому как она обеспечивает удобство пользователей. Ну а если пользователям удобно, то и поведенческие показатели улучшаются, на сайт привлекается более качественный трафик, а продвижение дает ощутимые результаты.


Чтобы наглядно показать, как Яндекс и Google оценивают сайты, которые не поленились разметить, мы вытащили из аналитического отчета вот такую замечательную диаграмму:



На ней отлично видно, что большая часть сайтов, попадающих в топ-3 и топ-30 поисковых систем, использует микроразметку. Думаем, это хороший повод, чтобы взять с них пример. Вы ведь хотите попасть на первую страницу Яндекса и Google?


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


А кто это сказал вообще? Авторы аналитического отчета «Яндекс и Google. Факторы ранжирования 2019» — Михаил Волович и специалисты компании «Ашманов и партнеры». Если вы хотя бы краем уха слышали про SEO, то фамилию российского гуру продвижения вы точно узнали. Лаборатория «Ашманов и партнеры» с 2014 года анализирует работу поисковиков, вычисляет их алгоритмы и важные факторы ранжирования. Поэтому верить этим ребятам можно как себе.

Какими бывают микроразметки?


Используется для описания специальных данных, например, дат событий и отзывов. Содержат такие элементы, как itemscope (показывает, что относится к описанию объекта), itemtype (дает ссылку на тип объекта), itemprop (обозначает свойства объекта). В словарь микроданных входят все простые атрибуты, в том числе <span> и<div>.



Для этого типа разметки используют атрибут class, относящийся к тегам <span> и <div>. Он помогает давать описания типам данных, размещенных на страницах сайта. Например, на странице с анонсом мероприятия микроформаты используют для обозначения времени, даты и места, в котором состоится событие. Яндекс распознает следующие микроформаты: hCard, hRecipe и hReview. А Google — hProduct, GoodRelations и hCalendar.


Эта разметка основана на технологии Resource Description Framework. У нее расширенные возможности и она самодостаточна.


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


Эта микроразметка считается стандартной семантической разметкой, распознаваемой большинством поисковых систем. В ее словаре 815 типов, 1307 свойств и 289 значений, используя которые можно выделить фотографии, продукты/услуги, организации, комментарии и многое другое. Чтобы описать с помощью Schema.org какой-то элемент сайта, нужно использовать одну из многочисленных сущностей словаря. Например, обобщенное Thing («Нечто»). У этого типа сущности есть несколько основных свойств:

  • Name («Название»),
  • Description («Описание»),
  • Url («Ссылка»),
  • Image («Изображение»).


Остальные типы сущностей — частные случаи обобщенной категории и ее подтипов. Самыми популярными из них считаются Event («Событие»), Organization («Организация»), CreativeWork («Творческое произведение»). Первый тип сущности помогает обозначить время и место проведения мероприятия, его тип и участников. Второй — указать, где на сайте размещен логотип, контакты компании, ее местоположение, история и прочая полезная информация. Третий — описать сериал, книгу или песню, сообщить жанр произведения, его автора, прикрепить отзывы, вписать рейтинг.


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

Логотип


Разметка этого элемента относится к основным и считается самой простой.



Выполняется она следующим образом:

  1. Находите на вашем сайте логотип. Если потерялись в обилии HTML-тегов, обращайте внимание только на те строки, в которых «зашиты» картинки. На большинстве сайтов (даже на тех, где частично сделана микроразметка) логотип прячется за тегом <img src=»/pictures/logo.svg»>
  2. Чтобы показать, что логотип — часть микроразметки, нужно присвоить ему атрибут itemscope. Он сообщит роботам, что на сайте есть некая сущность.
  3. Для уточнения типа этой сущности нам необходимо использовать атрибут itemtype. В кавычках указываем, что используем микроразметку schema.org, и прописываем название сущности (Organization).
  4. Размечаем ссылку на главную страницу нашего сайта, применяя атрибут itemprop.
  5. С помощью этого атрибута обозначаем и принадлежность изображения логотипа.

Контакты


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


  1. Открыть страницу “Контакты” и найти контейнер <div>, в котором прописаны адрес, телефон и название организации.
  2. Добавить к контейнеру атрибут itemscope, а затем itemtype.
  3. В обязательном порядке прописываем, какую именно разметку используем. Для этого в значении атрибута указываем ссылку на schema.org. И не забываем про сущность. Для разметки контактов и логотипа используется одна и та же сущность — Organization.
  4. Далее работаем с атрибутами itemprop. Каждому из них приписываем то значение, которое нам необходимо. Например, нам нужно указать название компании. Значит после названия атрибута прописываем name, а затем и его значение (т.е. название компании).


На нашем сайте это выглядит вот так:



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

Статья


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


Давайте разберемся, как правильно размечать этот тип текстового контента. Для начала посмотрим, что мы видим после открытия статьи в виде HTML-кода.



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

  1. Помещаем весь текст статьи в контейнер <section>. Тег парный, поэтому в конце статьи не забудьте проставить </section>.
  2. Внутри контейнера прописываем название заголовка, используя тег <h2 itemprop=”headline”>.
  3. Далее указываем дату и время публикации.
  4. Все изображения, используемые в статье, размечаем при помощи тегов <div> и <image>.
  5. Для разметки подзаголовков используем <h3 itemprop=”alternativeHeadline”>.


В результате получаем:



На нашем сайте мы делаем разметку статей следующим образом:


Товары/услуги


Прописывайте микроразметку пошагово и вы поймете, что делать ее ничуть не сложнее, чем вставлять <img src=»/pictures/logo.svg»> везде, где нужен логотип.

  1. Первым делом обозначим, что мы работаем с разметкой schema.org и ее сущностью Product.
  2. Затем укажем название товара, его цену, валюту, в которой он продается и дадим его краткое описание.



Если есть необходимость, можно указать и производителя, используя тег itemprop с атрибутами brand и model. Первый пригодится для отображения компании, выпустившей товар, а второй для указания модели. Нам, как вы понимаете, такой вариант разметки не подходит.


К слову, тем, кто не хочет отображать цены на сайте, нужно не забыть убрать атрибут price.

Хлебные крошки


Если микроразметку для logo вы уже используете, то про эту наверняка даже не слышали. Не переживайте, не только вы. Wildberries и Group Price тоже.



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



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



Обратите внимание, мы использовали атрибут itemscope, чтобы показать, что прописываем хлебные крошки. BreadcrumbList для указания на разделы, и itemListElement — на пункты списка.

Меню


Поисковые роботы положительно реагируют и на микроразметку меню. С помощью schema.org это можно сделать следующим образом:



Если в вашем меню подпункты не нужны, просто уберите их.

Отзывы


Для разметки этого элемента сайта необходимо использовать тег itemprop и атрибут review. Чтобы обозначить заголовок, прописываем name, чтобы указать автора соответственно author. Текст комментария размечаем с помощью reviewBody, для указания даты публикации используем datePublished. А для разметки оценки отзыва (если она есть) — reviewRating.


На нашем сайте мы используем микроразметку schema.org для отзывов следующим образом:


Рекомендации по работе с микроразметкой schema.org


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


  2. Если вы только начали знакомиться с микроразметкой schema.org, почаще заглядывайте в ее словарь. Там вы найдете сущности, о которых не знали, и выясните, как располагать одну сущность внутри другой. Такая суперспособность пригождается, когда вам надо описать одну из сущностей (например, Event), для которой потребуется указать несколько значений (например, время дату и место проведения).


  3. Боитесь запутаться с вложенными сущностями? Тогда используйте URL, текст или дочерний тип. Разобраться с последним вполне реально, если вы сумели убрать с сайта <img src=»/pictures/logo.svg»> и обозначить логотип при помощи микроразметки.


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

Как проверять валидность разметки?


Даже если на языке разметки вы не только пишите, но и мыслите, проанализировать, насколько правильно вы использовали ее синтаксис, все равно необходимо. Сделать это помогут несколько валидаторов. Чаще всего применяют валидатор Google, названный Structured Data Testing Tool.



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



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


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



При работе с микроразметкой у вас возникают ошибки? Не можете разобраться, как размечать ту или иную страницу? Мы поможем. Специалисты Студии ЯЛ в короткий срок пропишут микроразметку на всех страницах вашего сайта и улучшат его позиции в поисковых системах. Каких результатов мы добиваемся, вы можете узнать, посмотрев кейсы по SEO в нашем портфолио.


Максим Дель


Руководитель отдела SEO-продвижения Студии ЯЛ

 Другие материалы:

Что это такое и как его реализовать

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

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

  • Использование редактора страниц WordPress
  • Использование подключаемого модуля SEOPress
  • Использование дополнительных настраиваемых полей
  • Использование Диспетчера тегов Google

Запишитесь на наш курс по структурированным данным здесь.

JSON — LD Wrap для Диспетчера тегов Google

Стенограмма видео:

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

Расширенные возможности статей

Что представляет собой многофункциональная функция статьи? Добавление структурированных данных статей на ваш сайт, чтобы ваш новый сайт, ваши блоги, возможно, спортивные статьи, могли улучшить внешний вид ваших списков в результатах поиска Google.Ваша страница также может иметь право на использование различных функций в зависимости от того, как вы кодируете свою страницу. Вот несколько примеров функции, богатой статьями. Как правило, вы видите их в новостных статьях, погодных событиях и тому подобном, или вы также можете увидеть некоторые главные новости здесь, например, в HubSpot или PandaDoc, где ваша статья действительно немного больше выделяется в результатах поиска.

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

А теперь пример разметки и AMP. Как видите, у нас есть приложение JSON-LD, и это ваша обычная структура JSON-LD. У них есть название статьи, изображения со статьей, когда она была опубликована и изменена, и кто создал статью, и немного больше об издателе. Разметка статьи очень похожа на то, что вы видите здесь на страницах без AMP. Опять же, у нас есть заголовки и изображения, дата публикации и изменения. Как видите, разница между статьей AMP и статьей без AMP, AMP, они пошли сюда и добавили издателя.Вы также можете сделать это на странице без AMP.

Что включать в разметку статьи

Какие типы функций разметки или какие типы вещей мы должны включать в разметку нашей статьи? Для этого мы хотим взглянуть на Schema.org. Это действительно полезный ресурс. Если вы не использовали его раньше, функция поиска здесь довольно хороша. Позвольте мне продолжить и нажать article, и теперь он даст нам тип статьи. Теперь статья — это верхний тип. Есть несколько подтипов, которые мы увидим здесь через минуту, например, новостная статья.Но это позволит нам увидеть все, что мы можем разметить, все, начиная от тела статьи, предыстории, конца и начала страницы, разбивки на страницы, говорящего, и именно так вы говорите поисковым системам: «Эй, вы можете использовать это что касается Google Assistant или Amazon Alexa, «вещи такого рода. Остановимся немного подробнее, чтобы мы могли рассказать о нас. Мы можем реалистично описать рейтинг нашей статьи нашей компании, это то, по чему мы будем делать совокупный рейтинг, а также назвать все различные типы СМИ.

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

Разметка страниц

Здесь у нас есть несколько примеров, которые мы обычно видим на Schema.org. Вы можете пойти дальше и посмотреть код JSON. Теперь один из способов создать это — скопировать и вставить это в текстовый редактор и заменить его своим собственным кодом.

У нас есть инструмент, которым вы можете воспользоваться. Это наш генератор структурированных данных, который поможет вам выбрать тип статьи. Здесь у нас есть новостная статья, а также запись в блоге. Вы также можете отметить это как публикацию в блоге. Если мы перейдем сюда на Schema.org, мы можем ввести блог, и вы увидите, что здесь у нас есть блог. Это тип творческой работы, поэтому, если вы создаете блог, вы должны использовать публикацию в блоге в этой статье, на своем новостном сайте, вы должны использовать article. Это очень важное различие, потому что это два разных типа контента.

Теперь, когда вы размечаете свои страницы, как я уже сказал, вы можете либо перейти на свой Schema.org, либо использовать наш генератор. Вы вводите здесь свой URL-адрес, то есть фактический пост этой статьи. Мы собираемся использовать это здесь в качестве примера. Вы дадите заголовок своей статьи. Это будет заголовок вашей статьи. Тогда вы хотите добавить сюда изображения. Сейчас у нас есть место для одного изображения, но при необходимости вы можете добавить больше изображений, немного изменив код. Я покажу вам, как вы можете это сделать.

В данном случае у нас есть вот это изображение. Мы можем скопировать адрес изображения, вставить его. Здесь вы хотите иметь краткое описание статьи, о чем она. Как правило, вы могли бы использовать метаописание или написать его аннотацию, чтобы поисковые системы могли лучше понять, о чем идет речь. Автор может быть как физическим лицом, так и организацией. В данном случае это человек. Издатель включен в поиск, и тогда мы можем указать здесь URL-адрес логотипа, скопировать адрес изображения.

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

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

Я сказал, что вы можете добавить больше изображений, верно? Если вы хотите это сделать, это довольно просто. Давайте скопируем его в свой код и перенесем в текстовый редактор здесь.Теперь откройте новый и вставьте код. Что мне нравится … Это Sublime Text. Мне это нравится, потому что с ним действительно легко читать. Затем вы можете выбрать различные типы кода, которые вы используете, и это поможет вам лучше его увидеть. Никакого отношения к ним, но обязательно проверьте их, если вам интересно. Если вы хотите добавить более одного изображения, вам нужно создать здесь эту скобку. Как только я добавлю это, вы увидите, что теперь я могу добавить еще одно изображение. В своей статье у меня есть несколько изображений, которые я хотел бы разметить и рассказать поисковым системам.Возможно, это изображение функции продукта прямо здесь, поэтому я могу скопировать этот адрес изображения и вставить его сюда. Нам всегда нужны кавычки вокруг наших изображений или любых вводимых данных.

Следующее, что я хочу сделать, это, возможно, найти другое изображение, поэтому я скопирую. Скопируйте этот адрес изображения еще раз, и вы можете поместить сюда столько изображений, сколько захотите. Нет установленного правила. Теперь, между каждым из них, вам может понадобиться или понадобится запятая, кроме последней.Вы не ставите здесь запятую. Вы кладете его снаружи той квадратной скобки, которую мы добавили. Это позволяет нам иметь несколько изображений. Обратите внимание, когда у меня не было этой запятой, у меня был этот маленький розовый предупреждающий знак прямо здесь. Это дает мне знать: «Эй, этот код взломан. Неправильный». Таким образом, вам нужно поставить запятую прямо здесь, потому что эта запятая говорит сканеру, что нужно продолжать смотреть на код. Если бы у нас не было этой запятой, это бы прекратилось. Он не будет смотреть ни на один из этих кодов здесь, так что это важно.Если вы хотите добавить разные изображения, вы определенно можете сделать это прямо здесь, в JSON-LD.

Получить разметку на веб-сайте

Следующий шаг — как разместить это на нашем веб-сайте? Что ж, есть несколько способов. Мы можем поместить это прямо в код нашего сайта. Мы можем использовать некоторые плагины. Мы также можем использовать Диспетчер тегов Google. Я собираюсь показать вам три различных способа, которыми вы можете теперь установить этот скрипт специально на свой веб-сайт. Затем я покажу вам способ использования плагина для автоматизации схемы статьи, чтобы вам не приходилось делать это каждый раз при публикации блога.

Допустим, вы новичок в WordPress. Вы только начинаете и хотите добавить сюда этот код JSON-LD. Вы переходите к своей статье. Вы можете прокручивать в любом месте на странице, которую хотите, а затем вы можете добавить HTML, собственный HTML. Затем мы вернемся к нашему коду здесь, и мы собираемся взять этот скрипт, мы собираемся его скопировать. Затем мы вставим его прямо здесь, в HTML, и нажмем «обновить». Вы переходите на эту страницу, а затем мы нажимаем кнопку «Обновить».

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

Если вы хотите поместить его прямо на страницу, JSON-LD будет располагаться под кодом в HTML, и поисковые роботы смогут его очень легко прочитать, так что это один из вариантов для достижения этой цели. Опять же, если вы хотите остаться в WordPress, и я конкретно говорю здесь о WordPress, когда речь идет о некоторых виджетах, мы также можем использовать некоторые плагины для достижения этой цели.Первый плагин, о котором мы говорили, — SEOPress.

SEOПресс

Чтобы использовать инструменты структурированных данных в SEOPress, у вас должна быть профессиональная лицензия. Это не очень дорогой плагин, но это мой любимый плагин SEO для WordPress. Здесь, сбоку, мы увидим нечто, называемое схемами, и в нем вы можете создавать определенные разметки схемы, используя динамическое поле. Здесь вы можете создавать разметки схемы, извлекая поля прямо из вашего контента. Я могу щелкнуть создать схему.Я мог бы назвать тип данных, который мы хотим использовать, например статью или веб-страницу.

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

Вы прорабатываете их, заполняете все поля, которые он тянет, и он автоматически генерирует это для вас.Каждый раз, когда вы публикуете блог на своем сайте, он добавляет это на страницу. Теперь вы заметите одну вещь: вам не нужно устанавливать логотип издателя, это необходимо. Если мы сейчас перейдем к панели инструментов этого инструмента или к настройкам Pro, извините, он поможет нам настроить этого издателя. Это действительно важно. Нам нужно перейти сюда и выбрать логотип, потому что со всеми сообщениями в блогах должен быть связан издатель. Все, что вам нужно сделать, это прикрепить сюда изображение своего логотипа, нажать «Выбрать», и теперь вы готовы к работе.

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

Расширенные настраиваемые поля

Есть еще один вариант, который вы можете использовать — плагин Advanced Custom Fields. Теперь расширенные настраиваемые поля великолепны, потому что вы можете продолжать создавать свои разметки, и вы можете использовать данные в нескольких частях контента и объединять их все вместе. Мы собираемся сделать быструю демонстрацию того, как можно хотя бы создать что-то подобное с помощью Advanced Custom Fields. Первое, что вам нужно сделать, это установить дополнительные настраиваемые поля.Это бесплатно для всех. Есть платная версия, которую вы также можете использовать, но сама Advanced Custom Fields бесплатна. Как только вы это сделаете, перейдите к настраиваемым полям. Тогда вы захотите добавить новый. Мы собираемся называть это JSON-LD, потому что это то, что мы собираемся сделать. Мы собираемся создать что-то, во что мы можем ввести наш JSON-LD.

Мы хотим создать поле, чтобы мы могли сбрасывать эту информацию. Мы снова назовем метку поля JSON-LD. Мы не хотим, чтобы это был текст.Давайте сделаем его редактором WYSIWYG, а затем просто сделаем его текстовым. Это то, что нам нужно здесь для типов сообщений. Мы также можем равняться page. Таким образом, мы можем установить это на сообщениях или страницах, и все остальное здесь будет хорошо выглядеть. Как только мы закончим, мы собираемся опубликовать. Теперь, если мы вернемся к нашим сообщениям здесь, перейдем к бэкенду и нажмем «Обновить», вы увидите что-то здесь внизу. Раньше этого не было. Когда вы перейдете к последней статье, вы увидите это поле, в котором написано JSON-LD.Здесь мы можем взять тот код, который мы создали здесь для публикации в блоге, скопировать и вставить его.

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

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

Убедитесь, что это тоже строчные буквы. Это имеет значение. Убедитесь, что вы взяли конкретное имя поля, а затем использовали его точно так, как указано здесь, под именем, иначе это не сработает. После того, как вы добавили это, вы нажимаете обновить. Это скажет теме захватить это настраиваемое поле, когда вы увидите эту конкретную статью.Я собираюсь загрузить эту статью еще раз, и тогда она попадет в наш JSON. Я хочу очистить кеш и дать ему снова поработать, и вот мы. Мы снова публикуем нашу запись в блоге. Теперь это просто способ, опять же, вставить его прямо здесь, используя код JSON-LD. Это не делает ничего динамичного. Это то, о чем мы расскажем более подробно в следующем видео. И наконец, я хочу показать вам, как вы можете снова использовать этот код JSON-LD, чтобы поместить его прямо на свой сайт, с помощью Диспетчера тегов Google.

Диспетчер тегов Google

Скажем, например, у вас нет сайта WordPress или у вас нет доступа к сайту WordPress, но у вас есть доступ к контейнеру диспетчера тегов. Диспетчер тегов Google может создавать и помещать JSON-LD на страницу вашего сайта. Для этого вам нужно немного изменить его, но, тем не менее, он по-прежнему работает. Нам нужно начать с создания нового тега. Я люблю делать кастомы. Я займусь Schema.org, а потом хостингом для блогов.

Теперь вы должны использовать собственный HTML, взять тот код, который мы опубликовали на другом сайте, и вставить его.Здесь нужно отметить одну вещь. Раньше это работало так. Он сработает и вызовет его с помощью JSON-LD. Это больше не работает в диспетчере тегов. Вы должны использовать JavaScript и разрешить JavaScript преобразовывать его в JSON-LD. Для этого нам нужно немного по-другому обернуть наш текст. Это будет оболочка, и я также сделаю ее доступной в видео. Но если вы хотите взять верхнюю половину здесь и прямо здесь, где начинается фигурная скобка, вы хотите избавиться от нее и заменить ее здесь этой функцией.Опять же, внизу, нам нужно сделать то же самое. Вы находитесь в нижней фигурной скобке и делаете это вот так.

Мы превратили это в функцию JavaScript, которая затем изменит этот код на JSON-LD, как только он запустится на нашем сайте. Последнее, что нам нужно сделать, — это сработать здесь. Теперь мы не хотим делать все страницы. Мы просто хотим вести этот конкретный блог. В этом случае мы воспользуемся триггером блога. Мы получим этот URL-адрес, назовем «просмотр страницы», «некоторые страницы», «URL-адрес страницы», равно этому, и нажмем «Сохранить».Как только вы закончите, вы можете сохранить его, а затем, наконец, вы можете отправить это, протестировать блог, опубликовать, и теперь мы можем вернуться на нашу страницу еще раз.

Теперь я собираюсь сделать что-то здесь очень быстро, поэтому нам не нужно делать то же самое, и это сбивает с толку. Я собираюсь нажать на обновление. Мы удалили JSON-LD из этого поля, перешли сюда, и мы собираемся обновить это представление, перейти в режим предварительного просмотра. Теперь я собираюсь коснуться этого еще раз, и вот наша запись в блоге. Единственная разница в том, что на этот раз он запускается из Диспетчера тегов Google, а не из расширенных настраиваемых полей.

В этом видео мы рассмотрели разметку статей и то, как мы можем использовать ее, чтобы помочь нашим сайтам немного лучше выделяться в поиске, чтобы мы могли получить некоторые из этих действительно интересных списков здесь либо главных новостей, либо других связанных историй в поиске. полученные результаты. У нас также есть четыре способа добавить на наш сайт. Мы можем сделать это прямо на самой странице. Мы можем добавить его через SEOPress, отличный плагин. Мы можем создать поле, используя Расширенные настраиваемые поля, или мы можем использовать Диспетчер тегов Google, чтобы это произошло.Дайте мне знать, если у вас возникнут какие-либо вопросы по любой из тем, которые мы рассмотрели в этом видео.

Как добавить разметку схемы статьи в сообщения блога

Схема

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

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


Схема

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

Зачем добавлять схему статьи в сообщения блога?

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

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

Более того, если вы читаете наш блог или любые другие новости цифрового маркетинга, вы знаете, что ускоренные мобильные страницы (AMP) были огромной темой для блогов и сайтов публикаций. Они в значительной степени полагаются на структурированные данные в своих расширенных функциях. Освоение более простых типов, таких как схема BlogPosting, — верный способ подготовить вас к этому.

Наконец, если вам нужно больше убедительности, структурирование данных в новостях, сообщениях в блогах или статьях может улучшить внешний вид вашего сайта в поисковых системах.Это может позволить вам появиться в карусели главных новостей (однако имейте в виду, что это не гарантируется Google, поскольку в данный момент они, похоже, отдают предпочтение страницам AMP выше всего остального).

Какие типы схем статьи я могу добавить?

Можно добавить несколько типов схем статьи: NewsArticle или BlogPosting являются наиболее распространенными. Для большинства предприятий (если вы не отправляете новости) я бы рекомендовал использовать схему BlogPosting, поскольку она более конкретна для статьи.Чем конкретнее вы получите схему, тем легче поисковым системам полностью понять ваш сайт. Поэтому для ясности я буду использовать схему BlogPosting в качестве примера.

Как добавить схему размещения блога

В наши дни многие CMS добавляют его автоматически или, по крайней мере, будут совместимы с плагином, который это делает. Например, Yoast для WordPress, Amasty для Magento и т. Д. — вам просто нужно найти тот, который совместим с вашим сайтом, и убедиться, что он не мешает другим плагинам или скорости сайта.Это также очень удобно, поскольку это означает, что в каждое сообщение в блоге, которое вы пишете, будет динамически вставляться схема BlogPosting — вам не нужно добавлять ее в каждое сообщение.

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

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

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

Подобно добавлению схемы организации на сайт, чтобы добавить схему статьи, вам необходимо создать триггер и настраиваемый тег HTML. За исключением того, что на этот раз вы не хотите, чтобы триггер настраивал таргетинг на «все страницы», вы хотите, чтобы он был нацелен на конкретный URL сообщения в блоге. Например, чтобы добавить схему BlogPosting в одно из сообщений блога моего клиента: http://applefostering.co.uk/skills-foster/, я настроил триггер в Диспетчере тегов следующим образом:

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

Что следует помнить:

  • Изображение в блоге должно быть минимум 700 пикселей в ширину
  • В разделе «Издатель» логотип вашей компании должен быть 550 пикселей в ширину и 60 пикселей в высоту (это не относится к обычной схеме организации — только когда вы добавляете его в схему статьи)

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

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

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

Найдите другие способы повысить узнаваемость вашего веб-сайта


Если вам нужна помощь с вашим SEO
не стесняйтесь обращаться к нам.

Все, что вам нужно знать о разметке схемы статьи в 2020

Вы когда-нибудь задумывались о том, сколько статей и сообщений в блогах публикуется в Интернете за день?

TechJury сообщает, что только на WordPress было прочитано более 20 миллиардов страниц в течение каждого месяца 2020 года.

Это означает, что в Интернете много контента.

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

Зачем добавлять схему статьи?

Схема (также известная как структурированные данные, расширенные фрагменты или микроданные) — это язык, который понимают все поисковые системы.

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

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

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

Это возможность, которую нельзя игнорировать. Согласно исследованию, проведенному Google и Peerless Insights, 72% людей говорят, что использование их голосовых устройств является частью их повседневной жизни.

На какие страницы можно добавить схему статьи?

№1. AMP (ускоренные мобильные страницы)

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

Комбинация страниц AMP со структурированными данными статей помогает вашему контенту отображаться в таких функциях Google SERP, как карусель главных новостей, визуальные истории, карусель хостов с расширенными результатами и другие расширенные результаты в результатах мобильного поиска.

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

№ 2. Страницы без AMP

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

Какой тип схемы статьи я могу добавить?

Schema.org предлагает множество различных схем статей:

  • РекламодательСтатья
  • новости
  • Отчет
  • Сатирическая статья
  • Учебная статья
  • SocialMediaPosting
  • Техническая статья

Однако наиболее распространенными типами являются NewsArticle или BlogPosting.Для большинства предприятий, помимо новостных агентств, я рекомендую схему BlogPosting. Он более конкретен для реальной статьи.

Как добавить схему статьи

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

№1. Построитель схем (Schema.dev)

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

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

Он поддерживает более 40 типов схем, включая, конечно, схему статьи. С кодом JSON-LD вы можете копировать и вставлять прямо на свои страницы.

Скачать бесплатное расширение Chrome

Скачать

№ 2. Плагины CMS (Yoast)

Системы управления контентом, такие как WordPress, имеют встроенные плагины, такие как Yoast SEO, которые можно использовать для реализации структурированных данных.

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

№ 3. Вспомогательный инструмент разметки структурированных данных (Google)

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

Выберите тип данных, который вы хотите создать (есть 12 вариантов), и введите URL-адрес или HTML-код страницы.Помощник разметки заполняет информацию, когда вы щелкаете соответствующую область страницы. Затем вы можете просмотреть разметку JSON-LD.

Требования к свойствам для структурированных данных товара

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

AMP Страницы

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

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

Требуемые свойства R Рекомендуемая недвижимость
Автор и имя автора дата Изменен
дата публикации mainEntityOfPage
заголовок
Изображение
Издатель — логотип, URL-адрес логотипа и имя

Страницы без усилителя

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

  • дата Изменено
  • дата публикации
  • заголовок
  • изображение

Рекомендации по схеме товаров

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

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

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

Руководство для веб-мастеров

Существуют основные правила, которым необходимо следовать, которые помогают Google находить, индексировать и оценивать ваш сайт и его содержание. Руководство для веб-мастеров разделено на два раздела: Общие рекомендации, которые помогают Google находить, понимать и использовать вашу страницу; и Руководство по качеству, которое охватывает основные принципы, такие как недопущение обмана пользователей, и конкретные рекомендации.

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

Общие рекомендации по структурированным данным

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

Общие рекомендации по структурированным данным охватывают две основные темы: технические рекомендации и рекомендации по содержанию.

Технические рекомендации включают такие особенности, как формат (рекомендуется JSON-LD), а также доступ. Есть ли у робота Google доступ к вашим структурированным данным? Проверьте свой robots.txt, теги noindex и другие параметры.

Рекомендации по содержанию охватывают такие области, как содержание, релевантность, полнота, местоположение, специфика, изображения и несколько элементов на странице.

Технические инструкции

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

В этом разделе рассматриваются два ключевых момента:

  • Рассмотрите возможность добавления структурированных данных для контента подписки и выплат, если ваш сайт работает по подписке или если пользователи должны зарегистрироваться для доступа к контенту.
  • Если ваш контент состоит из нескольких частей, укажите свой тег rel = canonical на странице «просмотреть все» или на каждой отдельной странице.

Рекомендации для AMP

Как уже говорилось, есть случаи, когда конкретные рекомендации существуют только для содержимого AMP.

Руководство по логотипу AMP

Для всех страниц AMP ( и историй AMP), использующих логотипы, применяются следующие правила:

  • Формат файла должен поддерживаться Google Images
  • Не использовать анимацию
  • Графическая область логотипа должна быть четкой на выбранном цвете фона

Для общих страниц AMP (, а не историй AMP), на которых используются логотипы, применяются следующие правила:

  • Логотип должен быть прямоугольником, а не квадратом
  • Логотип должен помещаться в прямоугольник 60 × 600 пикселей (желательно, чтобы логотип был ровно 60 пикселей в высоту).

Руководство по метаданным истории AMP

Атрибуты метаданных отвечают за предварительный просмотр истории в «экосистеме веб-историй», как объясняет amp.dev. Но важно отметить: атрибуты метаданных являются дополнением к структурированным данным.

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

  • автономный (обязательно)
  • титул (обязательно)
  • издатель (обязательно)
  • publisher-logo-src (обязательно)
  • poster-portrait-src (обязательно)
  • poster-square-src (необязательно)
  • poster-landscape-src (необязательно)
  • объект (необязательно)
  • entity-logo-src (необязательно)
  • entity-url (необязательно)
  • поддерживает-альбомную ориентацию (опционально)
  • фоновый звук (опционально)
  • live-story (опционально)
  • live-story-disabled (опционально)
  • интервал опроса данных (необязательно)

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

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

Как улучшить SEO с помощью разметки схемы

Одно из последних достижений в области SEO называется разметкой схемы. Эта новая форма оптимизации — одна из самых мощных, но наименее используемых форм SEO, доступных сегодня.Как только вы поймете концепцию и метод разметки схемы, вы сможете повысить свой сайт на страницах результатов поисковой системы (SERP).

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

Что такое разметка схемы?

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

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

Разметка схемы предписывала поисковой выдаче отображать расписание предстоящих событий в отеле. Это исключительно полезно для пользователя.

Вот некоторые факты о разметке схемы:

Схема сообщает поисковым системам, что означают данные

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

Как? Потому что разметка сообщает поисковой системе, что означает этот контент . Например, скажем, слово «Нил Патель» встречается в статье. Поисковая система видит это и производит запись в поисковой выдаче с надписью «Нил Патель».

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

Schema.org объясняет это так:

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

Avatar

указывает браузеру отображать текстовую строку «Avatar» в формате заголовка 1. Однако тег HTML не дает никакой информации о том, что означает эта текстовая строка — «Аватар» может относиться к чрезвычайно успешному 3D-фильму или может относиться к типу изображения профиля — и это может затруднить поиск. движки для интеллектуального отображения релевантного контента пользователю.

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

Вам не нужно осваивать новые навыки программирования. Веб-страницы с разметкой по-прежнему используют HTML. Единственное отличие заключается в добавлении фрагментов словаря schema.org в микроданные HTML.

Schema.org, веб-сайт для разметки схемы, является совместным усилием команд Google, Bing и Yahoo

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

Разметка схемы была изобретена для пользователей

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

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

Почему схема важна?

Разметка

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

  • Статьи
  • Местные предприятия
  • Рестораны
  • Телевизионные эпизоды и рейтинги
  • Рецензии на книги
  • Фильмы
  • Программные приложения
  • События
  • Продукты
  • Часто задаваемые вопросы (FAQ)

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

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

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

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

Как использовать разметку схемы для SEO

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

Разметка схемы

поможет вам. Имея свой веб-сайт в руках, выполните следующие действия.

1.

Перейти к помощнику по разметке структурированных данных Google

2. Выберите тип данных

Перечислено несколько вариантов. Этот список не является исчерпывающим. В приведенном ниже примере я буду использовать «Статьи», поскольку это один из наиболее распространенных типов контента.

3. Вставьте URL-адрес, который нужно разметить

Если у вас есть только HTML, вы можете вставить его вместо него.Затем нажмите «Начать пометку».

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

4. Выберите элементы для разметки

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

Когда я выбираю «Имя», инструмент добавляет его в «Элементы данных» на правой панели.

5. Продолжайте добавлять элементы разметки

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

6. Создайте HTML

По завершении нажмите «Создать HTML».

На следующей странице вы увидите HTML-код своей страницы с соответствующими микроданными, вставленными в выбранные вами места.

7. Добавьте разметку схемы на свой сайт

Затем вы войдете в свою CMS (или исходный код, если вы не используете CMS) и добавите выделенные фрагменты в соответствующие места. Найдите желтые маркеры на полосе прокрутки, чтобы найти код разметки схемы.

Простая альтернатива — загрузить автоматически сгенерированный HTML-файл и скопировать / вставить его в вашу CMS или исходный код.

Когда вы нажмете «Готово», вам будет предложен ряд «Следующих шагов».”

8. Проверьте свою схему

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

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

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

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

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

Советы по использованию разметки схемы для SEO

Целью данной статьи было познакомить вас с миром разметки схемы. Это большой мир.

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

Найдите наиболее часто используемые схемы

Схема.org предоставляет список наиболее распространенных типов разметки схемы. Вы можете посетить страницу «Организация схем», чтобы увидеть этот список. Ознакомьтесь с типами, которые лучше всего подходят для вашего бизнеса.

Используйте все необходимые схемы

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

Чем больше наценок, тем лучше

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

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

Последние мысли о разметке схемы

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

Разметка схемы

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

Как использовать разметку схемы для веб-сайта вашей компании?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

Разметка схемы — 2021 Лучшие практики SEO

Что такое структурированные данные Schema.org?

Schema.org (часто называемый схемой) — это семантический словарь тегов (или микроданных), который вы можете добавить в свой HTML, чтобы улучшить способ чтения поисковыми системами и представления вашей страницы в результатах поиска.

Пример кода

 
Входящий маркетинг и поисковая оптимизация: идеи из блога Moz

Schema.org является результатом сотрудничества между Google, Bing, Яндекс и Yahoo! чтобы помочь вам предоставить информацию, необходимую их поисковым системам для понимания вашего содержания и предоставления наилучших возможных результатов поиска в настоящее время.Добавление разметки схемы в ваш HTML улучшает способ отображения вашей страницы в поисковой выдаче, улучшая расширенные сниппеты, которые отображаются под заголовком страницы.

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

 
[Общая оценка дана] звезды - [Количество отзывов] обзоры

Чтобы сгенерировать собственный код, вы можете использовать помощник по разметке структурированных данных Google:

Разница между Schema.org, микроданными и структурированными данными

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

Заменяет ли схема Open Graph?

Open Graph — это тип разметки, используемый Facebook для анализа такой информации, как изображение и описание для отображения. Схема предоставляет более подробный список параметров, чем Open Graph. Их можно использовать вместе, но Open Graph нельзя использовать вместо схемы.

Лучшие практики SEO

Типы элементов, описываемых схемой

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

  • Творческая работа
  • Событие
  • Организация
  • Человек
  • Место
  • Продукт

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

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

Поисковые системы, использующие схему

Схема распознается (и фактически словарь поддерживается) Google, Bing, Yahoo !, и Яндекс. Неясно, используют ли другие поисковые системы эту разметку, чтобы изменить способ отображения результатов поиска.

Влияние структурированных данных на ранжирование

Влияние структурированных данных на ранжирование было предметом многочисленных дискуссий и экспериментов.Пока нет убедительных доказательств того, что эта разметка улучшает рейтинг. Но есть некоторые признаки того, что результаты поиска с более обширными расширенными сниппетами (например, созданные с использованием схемы) будут иметь более высокий рейтинг кликов. Для достижения наилучших результатов поэкспериментируйте с разметкой схемы, чтобы увидеть, как ваша аудитория реагирует на получаемые расширенные описания веб-страниц.

Использование схемы с другими структурированными данными

Схема может использоваться с RDFa и JSON-LD, но не поддерживается микроформатами.


Повышение рейтинга с Moz Pro

Обладая первоклассными данными о ссылках и ключевых словах, а также углубленной аналитикой, Moz Pro обеспечивает отслеживание и аналитику, необходимую для достижения №1.Воспользуйтесь бесплатной 30-дневной пробной версией и посмотрите, чего вы можете достичь:

Начать бесплатную пробную версию


Продолжайте изучать

Все, что вам нужно знать о разметке схемы в 2021 году. FATJOE

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

Ваша задача — правильно разложить каждую из них по картотеке.

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

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

Ваша работа стала намного проще!

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

Что такое разметка схемы?

Schema Markup — это «метка», состоящая из кода, который передает важную информацию о ваших страницах и добавляет контекст.

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

Вы помните, как в школе учились форматировать? Ваши учителя устали от непонятных рукописных шрифтов, от высоты строк, которая превращает одностраничное эссе в пять, и от незнания, кто написал эту чертову штуку, потому что на ней нет имени!

Точно так же, как ваши учителя хотели лучше понять ваши эссе, Google хочет лучше понять ваше содержание.

Хорошо, вы местный бизнес. Как называется ваша компания и где она расположена?

Хорошо, вы публикуете рецепт. Как называется рецепт, ингредиенты и этапы его приготовления?

Хорошо, вы написали отзыв о продукте. Как это называется и какой общий рейтинг вы бы дали ему?

Официальное определение Google для разметки схемы — это «стандартизованный формат для предоставления информации о странице и классификации содержимого страницы.”

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

Схема

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

Как была создана схема?

Хотя schema.org был создан четырьмя крупнейшими поисковыми компаниями (Google, Bing, Yahoo и Яндекс), на самом деле это проект, возглавляемый сообществом.

Любой желающий может принять участие и поделиться своими идеями.

Выше показан снимок экрана со страницей «Проблемы на Github» schema.org. Именно здесь происходит большая часть дискуссий о различных типах схем.

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

Я расскажу об этом подробнее в разделе для разработчиков этой статьи.

Простая схема

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

Веб-страница состоит из HTML (языка гипертекстовой разметки), который сообщает веб-сайту, как просматривать ваш контент. Хотя ваш веб-сайт говорит на этом языке, мы не можем предположить, что все поисковые системы могут!

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

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

Что ж, есть несколько способов сделать это.Первый (и самый простой) способ — создать сообщение о мероприятии в Google Мой бизнес. Но, возможно, у нас нет права на внесение в Google Мой бизнес!

Нет проблем. Второй способ — разместить фрагмент кода schema.org на странице нашего мероприятия.

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

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

Это помогает получить общее представление о том, что на самом деле делают эти помощники.

И вот так этот небольшой фрагмент дает Google массу информации о нашем мероприятии!

Имеет смысл?

Schema.org, Rich Snippets и структурированные данные

Вы увидите самые разные термины:

  • Типы / классы схем
  • Структурированные данные
  • Расширенные сниппеты

А в чем их отличия?

Структурированные данные описывают то, что мы делаем.Мы предоставляем четкие и систематизированные данные о нашем содержании, понятные поисковым системам.

Schema.org — это тип структурированных данных. Фактически, это единственный тип структурированных данных, который волнует Google.

Возможно, вы слышали об OpenGraph раньше. Это еще один тип структурированных данных, но он используется почти исключительно для сайтов социальных сетей, таких как Facebook, Twitter и Pinterest.

Rich Snippets — это классные модные виджеты, которые Google создает с использованием ваших данных.Мы не можем полностью контролировать это, но наши структурированные данные schema.org увеличивают наши шансы.

Хотите увидеть несколько примеров?

Информация о фильме:

Star отзывов:

Рецепт:

Какие типы Schema.org использует Google?

Насколько нам известно, они используют их все! В конце концов, Google является основным игроком, стоящим за проектом schema.org.

Однако, независимо от того, сколько типов данных они используют для понимания и ранжирования веб-сайтов, лишь некоторые из них используются в их расширенных сниппетах (по крайней мере, на данный момент).

Это:

  • Организация
  • Артикул
  • .

  • Местный бизнес
  • Рецепт
  • Обзор
  • Видео
  • Товар
  • Событие
  • Человек

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

Как добавить разметку схемы на свой веб-сайт

У вас есть три основных варианта добавления разметки схемы на ваш сайт:

  1. Добавьте код разметки вручную
  2. Используйте Data Highlighter
  3. Используйте плагин WordPress

Проверка существующей разметки

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

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

Добавьте свой URL-адрес в инструмент проверки структурированных данных.

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

Вариант № 1. Добавьте код разметки вручную

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

Google создал помощника по разметке структурированных данных, и это здорово!

Вы начинаете с выбора типа контента и ввода одного из ваших URL-адресов. Я выбираю недавний пост в нашем блоге.

Затем начните выделять и отмечать различные элементы своей страницы.

После этого нажмите красную кнопку «Создать HTML» и возьмите свой код, чтобы добавить его в заголовок своего HTML! Это будет примерно так:

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

Если дело обстоит так, есть другие варианты для изучения. Первый из них — это Data Highlighter.

Вариант № 2: Маркер данных

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

Data Highlighter полезен. Убедитесь, что вы вошли в свою корпоративную учетную запись Google, подключите один из своих URL-адресов и пометьте его так же, как если бы вы это делали с помощью помощника по разметке структурированных данных.

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

Вариант № 3: Плагин WordPress

Вы можете начать работу с плагином WordPress, таким как Yoast. Его бесплатная версия предоставляет вам самые основные типы схем, такие как Организация, Человек и Панировочные сухари.

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

Итак, куда вы идете отсюда? Вы можете быть блоггером, поэтому вам нужны типы схем, такие как BlogPosting или Article.У вас может быть местный бизнес, и вам нужен тип LocalBusiness.

Отличный бесплатный плагин, который я нашел, — это схема структурированных данных WP SEO. В бесплатной версии он поддерживает множество типов схем.

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

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

Организация и данные схемы хлебных крошек

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

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

При этом вы укажете всевозможную информацию, такую ​​как название вашего бренда, его адрес (если он у вас есть), ваши официальные каналы в социальных сетях и ваш логотип.

«Хлебные крошки» помогают отображать иерархию ваших страниц. Вы часто будете видеть их в результатах поиска. Взгляните на URL этого результата поиска по запросу «мужские походные ботинки»:

.

«Хлебные крошки» показывают иерархию страниц, категорий продуктов и категорий сообщений в блогах.

Google также советует добавить раздел contactPoint в разметку вашей организации. Это поможет вам правильно указать вашу контактную информацию, когда люди будут искать вашу компанию.

Вот так:

Подсказка по разметке организации : Не размещайте разметку своей организации на всех страницах. Джон Мюллер из Google рекомендует размещать его только на домашней странице или странице контактов.

Надбавка на человека

Самая распространенная причина, по которой люди хотят использовать разметку Person, — это размещение таких расширенных сниппетов, как это:

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

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

Наценка для местных предприятий

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

Однако расширенные описания местных предприятий в основном получают данные из вашей компании в Google Мой бизнес.

По-прежнему стоит реализовать согласованность NAP (имя, адрес, номер телефона).

Разметка статьи

Чтобы получить даже более конкретную информацию, чем тип статьи, вместо этого можно использовать тип NewsArticle или BlogPosting.

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

Рейтинг / Обзор Наценка

Мы все уже видели такой тип расширенного описания рейтингов в результатах поиска:

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

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

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

Разметка продукта

Схема продукта

обязательна для магазинов электронной коммерции!

Рекомендуется связать его со схемой обзора / оценок.

Разметка видео

Google отображает результаты видео не только на вкладке «Видео», но также и в обычном контенте.

Часто среди результатов видео преобладают результаты YouTube. В других случаях (как этот) другие сайты с высоким авторитетом могут обеспечить высокий рейтинг.

Разметка событий

Обязательно перечитайте наш раздел под названием «Простая схема», где мы рассмотрим практический пример разметки событий.

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

Разметка рецепта

Это обязательно для любого кулинарного блога! Если вы хоть раз заглянули на любую страницу результатов поиска, связанную с рецептами…

… очевидно, что он полностью отличается от результатов по любому другому ключевому слову.

Вы хотите, чтобы Google максимально упростил понимание вашего рецепта.

Бонус: наценка для вашей ниши

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

Например, есть такие типы, как:

Разметка схемы в… сообщениях электронной почты

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

Большинство людей понятия не имели, что это можно добавить в их маркетинговые электронные письма!

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

Мне бы очень хотелось, чтобы в почтовые клиенты Apple была добавлена ​​разметка схемы. Знаете ли вы, что Gmail и Apple составляют более 50% рынка почтовых клиентов?

Два наиболее распространенных примера фрагментов schema.org, которые вы увидите в своем почтовом ящике, — это авиабилеты и отели. Ниже приведены сведения о приобретенных вами рейсах:

.

А вот пример кнопки, которая отображается рядом со всеми вашими электронными письмами, касающимися бронирования отеля.

Однако большинство из вас не работает ни в гостиничном, ни в авиационном бизнесе. Есть еще некоторые опасные типы данных, которые можно использовать!

Перейти к действиям

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

Все, что он делает, это предоставляет простую кнопку или ссылку рядом с вашим адресом электронной почты, которая позволяет вашим подписчикам перейти по URL-адресу.

Эта разметка отлично подходит для призыва к действию и поощрения открытий.

События и ответы на предложения

Вы можете использовать типы данных EventRegistration и RSVP, чтобы вашим подписчикам было легко сказать «да» вашему следующему мероприятию.

Создание конкретных пользовательских ответов (например, «Да, я иду») и присвоение каждому из них уникального URL-адреса идеально подходит для сплит-тестирования, отслеживания и персонализации взаимодействия с пользователем.

Отслеживание заказов и отгрузок

Для тех, кто занимается электронной коммерцией, два наиболее полезных элемента разметки электронной почты — это заказ и доставка посылки.

Счета

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

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

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

Это определяется параметром PaymentStatusType схемы. Пять типов:

  • Платеж применяется автоматически
  • PaymentComplete
  • Платеж отклонен
  • PaymentDue
  • PaymentPastDue

Схема для разработчиков

Щелкните здесь, чтобы отправить этот раздел своему разработчику по электронной почте.

Я подумал, что закончу эту статью несколькими советами и рекомендациями для разработчиков.

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

Как читать документы

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

Есть три основных ресурса, на которые вы хотите обратить внимание:

Схема.org Документы

В документации schema.org подробно описаны все возможные типы / классы, определенные стандартом, и имеющиеся у вас параметры конфигурации.

Его документацию не очень интересно читать. Благодаря тому, как он устроен, вы станете экспертом по нажатию кнопок «Домой» и «Конец» на клавиатуре.

В этой основной серой таблице вы видите подробные сведения обо всех доступных свойствах / атрибутах, которые вы можете определить.

Если вы прокрутите все… до конца страницы, вы заметите оба подтипа (подумайте о подклассах в терминах программирования), а также примеры фрагментов кода.

Google Документы по структурированным данным

Документы по структурированным данным

Google показывают всевозможные примеры кода, а также показывают, какие типы схем интересуют Google.

Навигация по нему очень проста. На панели слева есть все, что вам нужно, в разделе «структурированные данные».

Schema.org Проблемы с Github

Бывают случаи, когда вы читаете документацию и что-то вам недостаточно ясно.Скорее всего, у кого-то было такое же замешательство. Лучшее место, чтобы получить ясность в отношении таких проблем, как правило, — это просматривать проблемы Github.

Микроданные, RDFa и JSON-LD

Настоящая дискуссия здесь — микроданные И RDFa против JSON-LD.

Microdata и RDFa очень похожи. Они следуют синтаксису, подобному HTML / XML. Он также полностью виден и использует ваш существующий контент.

С другой стороны,

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

Если в этом нет никакого смысла, позвольте мне проиллюстрировать это с помощью двух фрагментов кода.

Сообщение в блоге о микроданных:

 

15 компаний по производству электромобилей захватывают рынок

Это содержание моей статьи.

Сообщение в блоге JSON-LD:

 

15 компаний по производству электромобилей захватывают рынок

Это содержание моей статьи.

Заключительные ноты

Я надеюсь, что эта статья была большим подспорьем в обучении вас структурированным данным и разметке схемы!

Мы рассмотрели много вопросов и рассмотрели множество различных типов схем.

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

Сообщите нам, как у вас обстоят дела с реализацией схемы, используя #fatjoeschema в твиттере @fatjoewho!

Присоединяйтесь к 40 000+ другим Мы делимся секретами SEO с

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

полное руководство • Yoast

Эдвин Тоонен

Эдвин — специалист по стратегическому контенту.Прежде чем присоединиться к Yoast, он провел годы, оттачивая свое мастерство в ведущем журнале по веб-дизайну Нидерландов.

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

Что такое структурированные данные?

Структурированные данные — это способ описания вашего веб-сайта, который упрощает понимание поисковыми системами. Чтобы он работал, вам нужен так называемый словарь , а крупные поисковые системы используют Schema.org. Schema.org предоставляет ряд тегов и свойств для подробного описания ваших продуктов, обзоров, списков местных предприятий, объявлений о вакансиях и т. Д.

Основные поисковые системы, Google, Bing, Яндекс и Yahoo, совместно разработали этот словарь, чтобы достичь общего языка для лучшего понимания веб-сайтов.Сегодня поисковые системы используют его для многих целей, от проверки фактов до оповещения о COVID-19!

Структурированные данные и Yoast SEO

Наш флагманский плагин SEO Yoast SEO автоматически загружает структурированные данные на ваш сайт. Вы можете установить определенный тип контента для страницы на вкладке «Схема» в мета-поле. Используете новый редактор блоков в WordPress? Затем вы можете легко добавить структурированные данные на свои страницы часто задаваемых вопросов и статьи с практическими рекомендациями с помощью наших блоков контента структурированных данных структурированных данных.Мы много работаем над расширением поддержки структурированных данных.

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

Зачем нужны структурированные данные?

Описание ваших продуктов, обзоров, событий, объявлений о вакансиях и т. Д. С помощью структурированных данных в схеме.Словарь org делает ваш сайт доступным для поисковых систем. Это означает, что они могут точно сказать, чему посвящена каждая часть вашего сайта и как все взаимосвязано. Поисковым системам больше не нужно догадываться, что список продуктов — это список продуктов; теперь вы можете сказать, что это так. Кроме того, вы можете определить, как все соотносится.

Важны ли структурированные данные для SEO?

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

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

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

Вы можете выбрать, как Yoast SEO описывает ваш контент в Google

Структурированные данные приводят к богатым результатам

Описывая свой сайт для поисковых систем, вы позволяете им делать интересные вещи с вашим контентом. Schema.org и его поддержка находятся в постоянном развитии, поэтому постоянно улучшаются и расширяются. Поскольку структурированные данные составляют основу для многих новых разработок в мире SEO, таких как голосовой поиск, в ближайшее время их ждет еще больше. Ниже приведен обзор доступных в настоящее время расширенных результатов поиска; вы можете найти их примеры в галерее поиска Google.На данный момент это несколько доступных богатых результатов:

Статья Практические инструкции Вопросы и ответы
Книга Метаданные лицензии на изображение Рецепт
Панировочные сухари Окно поиска по дополнительным ссылкам
Обзор критиков Местный бизнес Программное приложение
Набор данных Логотип Произносимый
Общий рейтинг работодателя249

Содержание фильма Подписка Ориентировочная зарплата Видео
Проверка фактов Подкаст
Часто задаваемые вопросы Продукт

Расширенные результаты, ранее известные как расширенные фрагменты кода

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

Подробнее: Расширенные сниппеты везде »

Богатые результаты на мобильном телефоне

Пример полезного результата на мобильном устройстве

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

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

Сеть знаний

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

Если у вас есть подтвержденная компания или орган по определенной теме, вы можете увидеть свое имя, логотип и профили в социальных сетях.

Панель знаний для Yoast

Featured snippets

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

Рекомендуемый фрагмент для поискового запроса [структура сайта]

Работают ли структурированные данные на мобильных устройствах?

Да, результаты внедрения структурированных данных работают везде. Мобильные устройства — одно из тех мест, где результаты реализации схемы наиболее заметны.

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

Различные виды структурированных данных

Поле поиска дополнительных ссылок

Поле поиска — это место, где внутренняя поисковая система сайта представлена ​​в результатах поиска Google. Google также использует для этого код Schema.org.Yoast SEO имеет встроенную поддержку, и дополнительную информацию можно найти в нашей базе знаний.

Если вы посмотрите веб-сайт Schema.org, вы заметите, что есть много информации, которую вы можете добавить на свой сайт в виде структурированных данных. Однако не все актуально. Прежде чем приступить к реализации структурированных данных, необходимо знать, что следует разметить. У вас есть товар в интернет-магазине? У вас есть ресторан? Или у вас есть местный бизнес, предоставляющий услуги сообществу? Или сайт с любимыми рецептами чизкейков? Что бы это ни было, вам нужно знать, что вы хотите сделать, и изучить возможности.Не забудьте проверить документацию поисковых систем, чтобы понять, что им нужно от вас.

Не выбирайте самые непонятные; выберите те, которые относительно легко реализовать. Некоторые Schema.org представлены менее чем на тысяче сайтов, а другие — на миллионах. Давайте взглянем на пару самых важных:

Творческие работы

Группа Creative Work включает в себя все творческие вещи, которые были созданы кем-то или чем-то.Ниже вы найдете самые распространенные из них, но их список намного длиннее. Вы также найдете свойства для скульптур, игр, бесед, программных приложений, визуальных работ и многого другого. Однако большинство этих свойств не очень хорошо представлены в результатах поиска, поэтому они менее ценны. Но, как упоминалось ранее, если на вашем сайте есть элементы из перечисленных ниже категорий, обязательно пометьте их с помощью Schema.org.

Статьи

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

Книги

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

Курсы

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

Наборы данных

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

Страницы часто задаваемых вопросов

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

Инструкции

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

Музыка

Music также обрабатывает структурированные данные. Есть несколько сайтов Schema.org, представляющих интерес для музыки, например MusicRecording, MusicAlbum, MusicEvent и MusicGroup.

Страницы вопросов и ответов

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

Рецепты

Добавив данные рецепта к рецептам на вашем кулинарном веб-сайте, вы можете разместить свои рецепты прямо в результатах поиска. Более того, с появлением многофункциональных результатов для мобильных устройств рецепты могут даже быть представлены в новом потрясающем виде на мобильных устройствах с отличными изображениями — если вы их добавите. И это еще не все, потому что теперь вы можете отправлять свои рецепты в Google Home и заставлять Ассистента озвучивать их за вас.Как это круто?

Разговорный

Google в настоящее время тестирует реализацию Speakable Schema.org. С помощью этого кода вы можете сообщить поисковой системе, что часть контента специально написана для произнесения вслух цифровыми помощниками, такими как Alexa, Siri, Cortana или Google Assistant.

Телевидение и фильмы

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

Видео

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

Подкаст

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

Торговля

Также есть структурированные данные для коммерческих целей. Здесь вы найдете несколько важных:

События

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

Предприятия и организации

Если вы зарабатываете деньги на своем веб-сайте, скорее всего, у вас есть бизнес.Если вы владелец сайта или работаете на сайте компании, вам будет интересна организация Schema.org. Практически каждый сайт может извлечь выгоду из правильного бизнес-Schema.org. Если вы сделаете это хорошо, вы можете получить хорошую Сеть знаний или другой тип расширенного списка в поисковых системах. Вы даже можете добавить специальные структурированные данные для своих контактных данных, чтобы клиенты могли связываться с вами прямо из результатов поиска. Для местных предприятий наш плагин Local SEO поможет вам позаботиться обо всех ваших потребностях в локальных структурированных данных.

Продолжайте читать: Объявления о местных компаниях с помощью Schema.org и JSON-LD »

Объявления о вакансиях

Есть объявления о вакансиях на вашем сайте? Пометьте их структурированными данными о вакансиях, чтобы они хорошо отображались в Google. Мы также используем это во всех наших объявлениях о вакансиях на Yoast.

Продукты

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

Читайте дальше: Расширенные описания продуктов для Schema.org »

Обзоры

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

Продолжайте читать: Развивайте свой бизнес с помощью оценок и обзоров »

Действия для голосовых помощников

Голосовые помощники в моде, и мы увидим многое в этой сфере. Возьмем, к примеру, рецепты; вы можете отправить рецепт из результатов поиска, основанный на структурированных данных и AMP, в свой Google Home, чтобы читать вслух во время готовки. Это так называемые действия, и их очень много.Если вы хотите, чтобы ваши рецепты отображались в библиотеке Google Assistant, вам необходимо добавить определенный набор структурированных данных и придерживаться дополнительных правил. Вы можете найти больше об этом на странице «Создание действия рецепта». Посетите сайт Google Ассистента, чтобы почувствовать, какие возможности (много!).

Технические характеристики

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

Консоль поиска Google

Если вам нужно проверить, как структурированные данные работают в Google, проверьте консоль поиска. Найдите статистику структурированных данных на вкладке «Улучшение», и вы увидите все страницы со структурированными данными, а также обзор страниц с ошибками, если таковые имеются. Подробнее читайте в нашем руководстве по Search Console для начинающих.

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

Например, фильм — это «Вещь» и «Творческое произведение», которые подпадают под категорию «Фильм». Вы можете добавить к нему множество свойств, таких как «Описание», «Режиссер», «Актер», «Изображение», «Продолжительность» или «Жанр».Есть множество свойств, которые нужно добавить, так что вы можете сделать все, что захотите. Однако не переусердствуйте, поскольку поисковые системы не используют все свойства — по крайней мере, пока. Вы должны посмотреть спецификации в документации Google, например, чтобы узнать, какие свойства требуются, а какие рекомендуются.

Пример иерархии Schema.org

Если мы поместим то, что мы знаем сейчас, в иерархию, вот что вы получите:

  • Вещь
    • Творчество
      • Фильм
        • Описание (тип: текст)
        • Директор (тип: человек)
        • Актер (тип: человек)
        • Изображение (тип: ImageObject или URL)
        • и др.

Если это местный бизнес, можно использовать что-то вроде этого:

  • Вещь
    • Организация (или место)
      • Местный бизнес
        • Стоматолог
          • Имя
          • Адрес
          • Электронная почта
          • Логотип
          • Обзор
          • и т. Д.

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

Если вернуться к примеру с местным бизнесом, вы увидите, что Google перечисляет несколько обязательных свойств, таких как NAP (имя и телефон) вашей компании. Есть также множество рекомендуемых свойств, таких как URL-адрес, географические координаты, часы работы и т. Д.Постарайтесь заполнить их как можно больше, потому что поисковые системы предоставят вам только ту презентацию, которую вы ищете. Вы найдете наш плагин Local SEO очень полезным, если вам понадобится помощь с разметкой для вашего местного бизнеса.

Что вам нужно описать для поисковых систем?

Первый взгляд на Schema.org может показаться немного устрашающим. Список огромен, а возможности безграничны, поэтому легко растеряться. Чтобы преодолеть это, вам нужно вернуться к основам.Подумайте о том, о чем ваш сайт, бизнес или продукт, и запишите характеристики и свойства, которые, по вашему мнению, важны, а затем продолжайте свой путь. Кроме того, Yoast SEO автоматически покрывает наиболее важные свойства — о них нужно беспокоиться!

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

Как реализовать структурированные данные

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

Благодаря JSON-LD в добавлении данных на ваши страницы больше нет ничего страшного. Этот формат данных на основе JavaScript значительно упрощает добавление структурированных данных, поскольку он формирует блок кода и больше не встраивается в HTML-код вашей страницы. Это упрощает написание и сопровождение, плюс как люди, так и машины лучше понимают это. Если вам нужна помощь во внедрении структурированных данных JSON-LD, вы можете записаться на наш бесплатный курс структурированных данных для начинающих, наш курс «Понимание структурированных данных» или пройти высокоуровневый курс на Codelabs Google.

Структурированные данные с JSON-LD

JSON-LD — предпочтительный метод добавления структурированных данных на ваш сайт. Однако не все поисковые системы быстро приняли его — Bing оказался последним из них. К счастью, Microsoft пришла к нам в августе 2018 года и теперь поддерживает этот самый эффективный метод.

Начиная с Yoast SEO 11.0, плагин поставляется с полнофункциональной реализацией Schema.org. Yoast SEO теперь создает структурированный график данных для каждой страницы вашего сайта, связывая все между собой.Работая над этим, мы также создали полную и подробную документацию по Schema, включая спецификацию для интеграции структурированных данных. Здесь вы также найдете несколько примеров диаграмм для различных типов общих страниц вашего сайта.

Если вы хотите узнать больше о работе со всем этим на своем сайте, вы должны прочитать нашу статью о том, как использовать JSON-LD для добавления данных Schema.org на ваш сайт, добавления структурированных данных на свой сайт с помощью Диспетчера тегов Google или узнайте, как добавлять структурированные данные с помощью нашего тренинга по структурированным данным и SEO , , входящего в нашу подписку на обучение Yoast SEO Academy.

Старые способы: RFDa и микроданные

Классический способ написания структурированных данных для включения на ваши страницы включает прямое встраивание их в ваш HTML. Это сделало процесс действительно неэффективным и подверженным ошибкам, и это основная причина того, почему внедрение Schema.org не было быстрым. Написание и поддержка его через RDFa или микроданные — это боль. Поверьте, постарайтесь сделать как можно больше в JSON-LD.

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

Структурированные данные и Google AMP

Проект AMP с открытым исходным кодом (Accelerated Mobile Pages) вызвал настоящий ажиотаж. Проект направлен на то, чтобы страницы загружались молниеносно на мобильных устройствах с помощью специального вида HTML. Google довольно активно продвигает AMP, а также упоминает о своей зависимости от структурированных данных. Если вам нужны конкретные богатые результаты, вам, возможно, придется использовать AMP и добавить эти конкретные структурированные данные.

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

  • Генераторы
  • Валидаторы и инструменты тестирования
  • Плагины WordPress
    • Yoast SEO Local (наш локальный плагин SEO добавляет Schema.org для информации о вашей компании, такой как адрес, географическое местоположение, часы работы и т. д.)
    • Плагин Yoast SEO WooCommerce выводит схему продукта, чтобы ваши продукты выделялись в поиске.
    • Yoast SEO использует JSON-LD для добавления Schema.org информации о поиске вашего сайта, имени вашего сайта, вашего логотипа, изображений, статей, социальных профилей и многого другого на ваши веб-страницы. Мы спрашиваем вас, представляет ли ваш сайт человека или организацию, и адаптируем наши структурированные данные на основе этого. Кроме того, наши блоки содержимого структурированных данных для редактора блоков WordPress позволяют легко добавлять структурированные данные в ваши ответы на часто задаваемые вопросы и инструкции.

Структура структурированных данных схемы Yoast SEO

Реализация структурированных данных никогда не была такой простой. Кроме того, результаты большинства этих реализаций часто отсутствовали. В Yoast мы решили улучшить вывод схемы на миллионы сайтов. Для этого мы создали структуру схемы, готовую к адаптации и расширению кем угодно. Одна из вещей, которые мы сделали, — это объединили все те разрозненные кусочки структурированных данных, которые появляются на многих сайтах, улучшили их и поместили в график .Соединяя все эти биты, мы предлагаем поисковым системам все ваши связи на серебряном блюде.

Конечно, это еще не все. Мы также можем расширить результаты Yoast SEO, добавив определенные части схемы, например инструкции или часто задаваемые вопросы. Для этого мы создали блоки содержимого структурированных данных для использования в редакторе блоков WordPress. Вместе они помогут вам устранить препятствия как для поисковых систем, так и для пользователей — ведь работать со структурированными данными еще никогда не было так просто.

Прочтите документацию схемы Yoast SEO, если вы хотите узнать, как Yoast SEO работает со структурированными данными, как вы можете расширить его с помощью API и как вы можете интегрировать его в свою собственную работу.

Внешние ссылки

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

В конце

Вы больше не можете убежать от структурированных данных. Если ваш сайт что-то для вас значит, вам следует изучить его и выяснить, как лучше всего использовать Schema.org. Все еще нужна помощь? Узнайте больше о том, как Yoast SEO упрощает вам задачу. Или ознакомьтесь с нашей цифровой историей о богатых результатах, структурированных данных и схемах. Поскольку он реализован правильно, он может принести пользу вашему сайту сейчас и в будущем.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *