Микроразметка Schema, Open Graph, Json

Микроразметка Schema, Open Graph, Json
Автор блога
Андрей WPM

Андрей WPM

Микроразметка для сайта WordPress.

Привет, друзья! Я решил написать эту статью в начале для себя. Чтобы при оптимизации очередного проекта на заказ, не искать готовые скрипты и фишки в сохраненных файлах, а просто открыть статью и пользоваться подсказками. Но потом подумал и решил составить её так, чтобы вы тоже в ней смогли разобраться. В этой статье вы узнаете, что такое микроразметка schema, open graph и json. Так же, найдете готовые, оптимизированные коды микроразметок сразу под оба поисковика Яндекс и Google. Ну и конечно же, научитесь внедрять и пользоваться ими на своих сайтах.

Микроразметка – это специальная разметка данных на сайте, которая помогает поисковым роботам лучше понимать содержание страниц и выше ранжировать их в поисковой выдаче. Вот 3 самых популярных стандарта: Schema, Open Graph и Json. О них, я и буду рассказывать в этой статье.

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

 

Schema.org

Schema.org – это самая популярная микроразметка в сети интернет. Её поддерживают все поисковики (правда не все выводят их данные). Размечается контент с помощью html тегов, со специальными идентификаторами, по которым, собственно и проходит процесс разметки.

Эта разметка способна размечать всё что угодно. Любую деталь или отрывок текста, можно разметить с помощью schema.org (русская версия ruschema.org) и поисковики это сразу же заметят. Но, размечать на самом деле не так-то и просто. По этому, многие вебмастера не уделяют микроразметке особого внимания, а зря!

Вот не большой список того, что можно разметить с помощью schema:

  • Любые изображения и фотографии;
  • Видео ролики (как собственные, так и с видео хостингов);
  • Карточки товаров в интернет-магазинах;
  • Статьи на блоге или новостном сайте;
  • Карточки услуг и предложений;
  • Контакты организаций или персональные данные;
  • Звездные рейтинги статей;
  • И так далее...

В общем, можно разметить всё что угодно на сайте и поисковики начнут сканировать ваш сайт намного лучше. Это значит, улучшатся ваши seo показатели из-за которых, ваш сайт может подняться в поисковой выдаче. Одним словом – ТОП! smile

Пример микроразметки schema.org:

микроразметка schema org для рейтинга и faq google
Размеченный сниппет с рейтингом и разделом faq в Google

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

 

Json-LD

Json-LD – второй по популярности стандарт микроразметки, который по своей сути является аналогом первого стандарта. Но при этом, гораздо упрощает разметку, так как не требует особого вмешательства в код страницы. Запросы данного формата обычно скрыты от пользователей и находятся вне основного контента.

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

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

Пример микроразметки json-ld:

микроразметка json для хлебных крошек google
Использование микроразметки json-ld в хлебных крошках для Google

Далее в статье я обязательно покажу как пользоваться этими микроразметками, не переживайте. Данный стандарт выводится в шапке сайта полностью отделенный от основного контента. И чтобы эффективно им пользоваться, нужно обязательно изучить его синтаксис. Официальный сайт этого стандарта json-ld.org (можно воспользоваться онлайн переводчиком).

 

Open Graph

Open Graph – это специальная разметка для социальных сетей разработанная командой от Facebook. Она позволяет сделать представление ссылки анонса в более привлекательном виде. Добавляет картинку с анонсу, а так же делает красивую запоминающуюся рамочку.

Этим стандартом пользуется не только Facebook. Его понимают практически все социальные сети, начиная от Twitter, заканчивая WhatsApp. В любом мессенджере ссылки с сайтов размеченных open graph выглядят гораздо привлекательнее.

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

Пример микроразметки open graph:

микроразметка open graph для соцсетей

Как видите, в твите не просто ссылка, на которую практически никто не кликнет, а чуть ли не полноценный анонс с красивой картинкой. Именно для этого и используют open graph разметку. Ознакомиться с синтаксисом можете на официальном сайте ogp.me (русская версия ruogp.me).

 

Внедряем микроразметку на сайте WordPress.

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

  1. Разметка статей на блоге и анонсов в ленте;
  2. Разметка картинок и видео в самих статьях;
  3. Внедрение разметки хлебных крошек;
  4. Внедрение разметки рейтинга статьи (по желанию);
  5. Сделать разметку для социальных сетей.

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

 

Микроразметка schema.org (внедрение в код).

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

 

Микроразметка для статей schema – Article.

Для разметки статей на сайте вам понадобиться сам шаблон в виде готового кода разметки и файлы вашей темы, которые выводят посты и ленту анонсов. У меня это файлы content.php и content-single.php. Первый отвечает за страницу анонсов (ленту), а второй непосредственно за вывод постов на блоге.

Готовый шаблон микроразметки article:

<div itemscope itemtype="http://schema.org/Article">

  <link itemprop="mainEntityOfPage" itemscope href="<?php the_permalink(); ?>" />
  <meta itemprop="datePublished" content="<?php the_time('Y-m-d'); ?>">
  <meta itemprop="dateModified" content="<?php the_modified_date('Y-m-d'); ?>">
  <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    <?php the_title( '<h1 itemprop="headline" class="entry-title">', '</h1>' );
    <?php the_post_thumbnail( 'vashaTheme-featured-post', array('itemprop' => 'image') ); ?>
    <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
      <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
        <img src="https://wpmaster.kz/wp-content/uploads/2019/03/50e1c5b494b5c82ff35b11493d9ce74e.jpeg" alt="Автор блога" itemprop="image url" style="display:none;" />
        <meta itemprop="width" content="200">
        <meta itemprop="height" content="200"> 
      </div>
      <meta itemprop="telephone" content="wpmaster.kz">
      <meta itemprop="address" content="Казахстан, Россия">
      <meta itemprop="name" content="WPMaster.KZ"> 
    </div>

    <div class="entry-content">
      <span itemprop="articleBody">
        <?php
        the_content();
        ?>
      </span>
    </div>

  </article>

</div>

Это готовая, рабочая микроразметка статьи, которая присутствует на этом блоге. Она валидна как для Яндекса, так и для Google. Правда для Яндекса придется ещё один скрипт добавить, чтобы ошибок вообще не было. Но об этом немного позже. Теперь прокомментирую код выше.

1 и 31 строчки – Базовый див который описывает, что внутри него имеются размеченные данные. Оборачивать этим дивом нужно ту часть контента, которая отвечает непосредственно за статью. Ничего больше. Присутствие "itemscope itemtype=".../Article"" — Обязательное!

3, 4, 5 строчки – Размечают дату публикации, дату обновления поста и ссылку на сам пост. Они находятся в мета тегах, поэтому для посетителей они не будут видны (на странице выводиться не будут).

6 и 29 строчки – Размеченный стандартный артикл который отвечает непосредственно за саму статью (без комментариев, сайдбара и т.д.). По умолчанию практически в каждой теме присутствует. Если такого тега нет, нужно будет создать.

8 и 9 строчки – Отвечают за вывод заголовка статьи и миниатюры записи. Посмотрите внимательно синтаксис и добавьте микроразметку в эти два вывода. В функции the_title добавьте itemprop="headline" и в функции the_post_thumbnail добавьте массив с разметкой array('itemprop' => 'image').

10 и 19 строчки – Размечают автора или организацию. Без этого параметра валидаторы поисковиков ругаются. Поэтому я прописал информацию об этом блоге (его лого, название и т.д.).

21 и 27 строчки – Стандартный див, который выводит непосредственно контент записи. Задача: обернуть функцию вывода контента the_content в span или div с разметкой itemprop="articleBody".

 

Валидация микроразметки Article в Яндексе и Google.

Чтобы данную разметку поисковики принимали полностью без ошибок, нужно произвести некоторые манипуляции. А именно, добавить в тег документа html специальные параметры.

Итак, открываем файл header.php и в самом верху ищем тег <html... и в конце прописываем следующие параметры. В итоге должно получиться так:

<html lang="ru-RU" prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile# fb: http://ogp.me/ns/fb#">

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

//Микроразметка
function wpm_opengraph_yandex($lang) {
 $lang_prefix = 'prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile# fb: http://ogp.me/ns/fb#"';
 $lang_fix = preg_replace('!prefix="(.*?)"!si', $lang_prefix, $lang);
 return $lang_fix;
 }
add_filter( 'language_attributes', 'wpm_opengraph_yandex',20,1);

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

 

Микроразметка для видео schema – Video.

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

Готовый шаблон микроразметки video:

<div itemscope itemtype="https://schema.org/VideoObject" ><!-- Указание типа разметки -->

  <a itemprop="url" href="https://youtu.be/u90llz1PjpI" ><!-- Ссылка на видеоролик -->
  <h3 itemprop="name">Заголовок видео</h3></a><!-- Заголовок -->
  <p itemprop="description">Любое описание, какое вам будет нужно.</p> <!-- Описание видео -->
  <meta itemprop="duration" content="PT6M58S"><!-- Продолжительность видео -->
  <meta itemprop="isFamilyFriendly" content="True"><!-- допустим ли просмотр видео-ролика детьми-->
  <p>Дата загрузки: <span itemprop="uploadDate">2013-06-05</span></p><!--дата загрузки видео-ролика на сайт в формате ISO 8601-->

  <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject" >
    <img itemprop="contentUrl" src="http://mysite.com/images/preview/img1.jpg" ><!-- Превью видео (скриншот) -->
    <meta itemprop="width" content="250">
    <meta itemprop="height" content="120">
  </span>
</div>
// стыбрено у https://wpruse.ru/mikrorazmetka/razmetka-video/

Видео как использовать этот вариант микроразметки в конце статьи. И вроде бы, всё замечательно. Вставил кусок кода в текстовом редакторе, заменил нужные данные и всё готово. Но! Есть несколько проблем.

  • Во-первых, визуальный редактор WordPress автоматически затирает мата теги. Как только вы переключитесь с html редактора в визуальный, половина информации затрётся бесповоротно.
  • Во-вторых, скрывать много информации на странице свойством display:none; — Такое себе занятие, немного даже опасное. Поисковики могут наказать, за то что вы скрываете важную информацию от посетителей (даже если вам кажется что она не важна).
  • В-третьих, этот код не валидный и выдает ошибки в валидаторах Яндекса и Google.

Опираясь на это всё дело, я придумал для себя более практичный вариант разметки видео. Причём мой код будет полностью валидный для обоих поисковиков и выводиться будет автоматически. Вам лишь останется заполнить необходимые поля в редакторе WordPress. Круто да? smile

 

Автоматическая микроразметка schema.org для видео.

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

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

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

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

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

Код-скрипт плагина микроразметки для видео (открыть спойлер)
// Подключаем разметку для видео add_filter( 'the_content', 'wpm_video_schema' ); function wpm_video_schema( $content ) { if( get_post_meta( get_the_ID(), 'link_video_schema', true )){ $temp = '<div itemscope itemtype="https://schema.org/VideoObject" >'; $temp .= '<link itemprop="url" href="'. get_post_meta(get_the_ID(), 'link_video_schema', true) .'" >'; $temp .= '<link itemprop="thumbnailUrl" href="'. get_post_meta(get_the_ID(), 'scrinschot_preview_video_schema', true) .'">'; $temp .= '<h3 itemprop="name">'. get_post_meta(get_the_ID(), 'title_video_schema', true) .'</h3>'; $temp .= '<meta itemprop="description" content="'. get_post_meta(get_the_ID(), 'video_description_schema', true) .'">'; $temp .= '<meta itemprop="duration" content="PT'. get_post_meta(get_the_ID(), 'time_minute_video_schema', true) .'M'. get_post_meta(get_the_ID(), 'time_seconds_video_schema', true) .'S">'; $temp .= '<meta itemprop="isFamilyFriendly" content="True">'; $temp .= '<meta itemprop="uploadDate" content="'. get_post_meta(get_the_ID(), 'date_video_schema', true) .'">'; $temp .= '<span itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject" >'; $temp .= '<link itemprop="contentUrl" href="'. get_post_meta(get_the_ID(), 'scrinschot_preview_video_schema', true) .'" >'; $temp .= '<meta itemprop="width" content="'. get_post_meta(get_the_ID(), 'width_preview_video_schema', true) .'">'; $temp .= '<meta itemprop="height" content="'. get_post_meta(get_the_ID(), 'height_preview_video_schema', true) .'">'; $temp .= '</span>'; $temp .= '<div id="mobiframe">'; $temp .= '<iframe width="560" height="315" src="https://www.youtube.com/embed/' . get_post_meta(get_the_ID(), 'iframe_video_schema', true) . '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'; $temp .= '</div>'; $temp .= '</div>'; return $content . $temp; } else{ return $content; } } // подключаем функцию активации мета блока (my_extra_fields) add_action('add_meta_boxes', 'my_extra_fields', 1); function my_extra_fields() { add_meta_box( 'extra_fields', 'Микроразметка видео', 'extra_fields_box_func', 'post', 'normal', 'high' ); } function extra_fields_box_func( $post ){ ?> <p><label><input type="text" name="extra[title_video_schema]" value="<?php echo get_post_meta($post->ID, 'title_video_schema', 1); ?>" style="width:50%" /> Заголовок видео</label></p> <p><label><input type="text" name="extra[link_video_schema]" value="<?php echo get_post_meta($post->ID, 'link_video_schema', 1); ?>" style="width:50%" /> Ссылка на видео</label></p> <p><label><input type="text" name="extra[video_description_schema]" value="<?php echo get_post_meta($post->ID, 'video_description_schema', 1); ?>" style="width:50%" /> Описание видео</label></p> <p><label><input type="text" name="extra[date_video_schema]" value="<?php echo get_post_meta($post->ID, 'date_video_schema', 1); ?>" style="width:50%" /> Дата публикации на сайте формат гггг-мм-дд</label></p> <p><label><input type="text" name="extra[scrinschot_preview_video_schema]" value="<?php echo get_post_meta($post->ID, 'scrinschot_preview_video_schema', 1); ?>" style="width:50%" /> Превью видео (скриншот)</label></p> <p><label><input type="text" name="extra[time_minute_video_schema]" value="<?php echo get_post_meta($post->ID, 'time_minute_video_schema', 1); ?>" style="width:50%" /> Продолжительность минуты</label></p> <p><label><input type="text" name="extra[time_seconds_video_schema]" value="<?php echo get_post_meta($post->ID, 'time_seconds_video_schema', 1); ?>" style="width:50%" /> Продолжительность секунды</label></p> <p><label><input type="text" name="extra[width_preview_video_schema]" value="<?php echo get_post_meta($post->ID, 'width_preview_video_schema', 1); ?>" style="width:50%" /> Ширина превью</label></p> <p><label><input type="text" name="extra[height_preview_video_schema]" value="<?php echo get_post_meta($post->ID, 'height_preview_video_schema', 1); ?>" style="width:50%" /> Высота превью</label></p> <p><label><input type="text" name="extra[iframe_video_schema]" value="<?php echo get_post_meta($post->ID, 'iframe_video_schema', 1); ?>" style="width:50%" /> Идентификатор из ссылки например: https://youtu.be/<strong>GiRRbCAU2yg</strong></label></p> <input type="hidden" name="extra_fields_nonce" value="<?php echo wp_create_nonce(__FILE__); ?>" /> <?php } // включаем обновление полей при сохранении add_action( 'save_post', 'my_extra_fields_update', 0 ); ## Сохраняем данные, при сохранении поста function my_extra_fields_update( $post_id ){ // базовая проверка if ( empty( $_POST['extra'] ) || ! wp_verify_nonce( $_POST['extra_fields_nonce'], __FILE__ ) || wp_is_post_autosave( $post_id ) || wp_is_post_revision( $post_id ) ) return false; // Все ОК! Теперь, нужно сохранить/удалить данные $_POST['extra'] = array_map( 'sanitize_text_field', $_POST['extra'] ); // чистим все данные от пробелов по краям foreach( $_POST['extra'] as $key => $value ){ if( empty($value) ){ delete_post_meta( $post_id, $key ); // удаляем поле если значение пустое continue; } update_post_meta( $post_id, $key, $value ); // add_post_meta() работает автоматически } return $post_id; } // Спасибо сайту wp-kama.ru

Просто копируете всё содержимое и вставляете это либо в файл functions.php, либо создаёте свой плагин. Если вы используете дочернюю тему, значит вставляете в файл functions.php дочерней темы. Создать свой плагин предпочтительнее!

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

 

Микроразметка Json-LD (автоматически).

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

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

Поэтому, предлагаю следующие действия:

  1. Внедрить микроразметку Article и Video с помощью schema.org;
  2. Отключить дублирование микроразметки json-ld от Yoast Seo;
  3. Подключить недостающую микроразметку выборочно.

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

add_filter( 'wpseo_schema_article', '__return_false');// Отключает Артикл 
add_filter( 'wpseo_schema_webpage', '__return_false');// Отключает Страница
add_filter( 'wpseo_schema_website', '__return_false');// Отключает Сайт
add_filter( 'wpseo_schema_person', '__return_false');// Отключает Персона
// Это официальные хуки плагина Yoast SEO

Я считаю, большинство разметки не нужно для русскоязычного интернета точно, тем более, всё основное мы уже разметили с помощью schema микроразметки и дублировать то же самое с json-ld нет смысла.

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

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

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

 

Микроразметка Open Graph (плагин Yoast Seo).

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

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

страница настроек микроразметки open graph в yoast seo
Настройки микроразметки для социальных сетей open graph

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

 

Проверка микроразметки в Яндекс и Google.

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

 

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

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

 

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

У валидатора Гугл немного другое представление о микроразметке в целом. Поэтому за частую, то что проходит валидацию у Яндекса, в Гугле это не проходит. Поэтому мы (вебмастера) постоянно бьёмся над тем, чтобы угодить обоим сразу. Мой выше описанный способ (скрипт) полностью валидный для обоих поисковых систем.

Результат проверки должен быть вот таким:

валидатор микроразметки google
Валидатор микроразметки от Google

Как видите, ни одной ошибки. На странице присутствует стандартная разметка WordPress – hatom, разметка Article, ImageObject и VideoObject которые мы внедрили с помощью schema.org и разметка хлебных крошек json-ld от плагина Yoast Seo. Нигде ошибок нет.

 

В заключении.

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

Видео - микроразметка для видео-роликов (ручной режим).

Андрей WPM
Опубликовал - Андрей WPM

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


CTRL+D

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



7
Вопросы не по теме статьи, задавайте в разделе "Флудилка".

avatar
1000
  Подписаться  
новее старее
Уведомление о
Александр Зырян
21 комм.
Александр ( webnub.ru )

Как много нужно знать, когда ведешь свой блог. Сегодня узнал еще и о микроразметках

Alex
1 комм.
Alex

А шаблон на сайте - Reboot ?

СПАМер
1 комм.
СПАМер ( *ссылка-удалена* )

Не знал, спасибо за статью. Буду внедрять!