Здравствуйте, дамы и господа, в этой статье решил рассказать, как добавить разметку ImageObject schema.org к обложкам записей и страниц в WordPress (Featured Image). На самом деле сделать это не особо трудно. И Яндекс тоже рекомендует добавлять эту разметку, хотя уже и не выводит изображения рядом со сниппетами.

Добавляем ImageObject согласно schema.org к Featured Image в WordPress

Итак, сделать это можно просто добавив простой код в function.php, желательно в дочерней теме. Или внести его в кастомный плагин. Если не знаете, что такое дочерняя тема, то вот инструкция по её созданию. Также можете прочитать инструкцию по созданию собственного плагина. Это очень легко.

Учтите, работает данный код только в том случае, если ваша тема корректно выводит изображение обложки стандартными методами. Если ваше решение вывода Featured image отличается, то данный код не сработает.

У меня этот вариант срабатывал как на стандартных темах для WordPress, так и во многих других. Код следующий:


<?php
function post_thumbnail_imageobject_schema( $html, $post_id, $post_thumbnail_id, $size, $attr ) {
    $html = str_replace( '<img ', '<img itemprop="contentUrl" ', $html);
    $html = '<p itemprop="image" itemscope itemtype="https://schema.org/ImageObject">' . $html . '</p>';
    return $html;
}
add_filter( 'post_thumbnail_html', 'post_thumbnail_imageobject_schema', 10, 5 );
?>

В результате ваша обложка будет в html страницы выглядеть так:

ImageObject у Featured Image

Учтите, если у вас уже открыт тег <?php, то вам нет нужны открывать его заново. Просто уберите из этого кода <?php и ?>.

На этом всё, попробуйте, может это решение вам поможет.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 2

Оценок пока нет. Поставьте оценку первым.

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