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

В предыдущей статье - были разъяснены базовые понятия одной из популярных семантических . Этот стандарт семантической разметки поддерживают такие крупнейшие поисковые системы, как Bing, Google, Yahoo! и Яндекс. Как мы помним, помогает структурировано предоставить контент страницы для поискового робота и влияет на сниппет в поисковой выдачи.

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

Проверять ли микроразметку валидатором Яндекса?

Ответ на этот вопрос однозначно- Да! Почему?

1. Валидатор микроразметки Яндекс позволяет проверить код страницы на корректность распознавания метаданных микроразметки;
2. Также валидатор проверяет код на соответствие требованиям сервисов Яндекса.

О валидаторе микроразметки Yandex

Валидатор поддерживает следующие виды семантической микроразметки и словари:

1. Schema.org;
2. микроданные HTML;

По микроразметке Schema.org Яндекс на данный момент поддерживаются следующие схемы:

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

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

В валидаторе доступно два способа проверки мироразметки:

1. По URL-у документа: способ удобен, если ресурс находится в сети. Необходимо в представленное поле ввести адрес сайта.

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

Любая страница сайта состоит из HTML тегов. Как правило, HTML теги сообщают браузеру как отобразить информацию, которая находится внутри тега. Таким же образом микроразметка Schema.org сообщает поисковым системам где находится та или иная важная информация на странице.

Если Вы еще не встречались раньше с микроразметкой и слышите об этом впервые, тогда перед прочтением данной статьи изучите следующую:

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

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

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

Как проверить "правильность" микроразметки Schema.org?

Для проверки валидации ("правильности") микроразметки предназначены специальные сервисы, которые были разработаны поисковыми системами. Мы будем в данной статье проверять микроразметку для поисковой системы Yandex и Google.

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

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

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

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

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

Есть два варианта проверки валидации страницы:

1. С помощью прямой вставки HTML кода
2. С помощью вставки URL адреса страницы, которую необходимо проверить

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

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

После проверки в валидаторе Google появится слева код Вашей HTML страницы, а справа — какая микроразметка там присутствует и есть ли там ошибки:

С валидатором Google я думаю все понятно. Перейдем к валидатору от Yandex.

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

Здесь интерфейс немного проще и опять же есть два варианта проверки Вашего HTML кода: с помощью вставки исходного кода страницы, либо с помощью вставки лишь URL необходимой страницы.

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

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

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

Очень много ошибок? Не волнуйтесь, все можно исправить. Главное разобраться в этом постепенно исправить все ошибки.

Шаг 1. Что необходимо разметить на странице?

Словарь микроразметки Schema.org очень большой. Здесь можно найти формат разметки практически любого типа записей. В прошлой статье я приводил основной список форматов, которые поддерживаются данная микроразметка: адреса и организации, видео, программы, рефераты, изображения, статьи, фильмы и так далее.

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

В данной статье я покажу как сделать пример для сайта, под управлением CMS WordPress. А на данной CMS чаще всего создают блоги. Поэтому будем писать разметку для такого типа страниц, как "Статья".

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

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

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

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

Шаг 2. Формируем шаблон микроразметки

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

Основная суть микроразметки (технически): добавить к необходимым тегам дополнительные атрибуты. Иногда добавить дополнительные теги для структуры.

ВАЖНО: Google постоянно вносит изменения и оставил «звездочки» только для страниц с продуктами. Есть сайты, которые это обходят, но все же желательно размечать так, как этого требует Schema.org. Поэтому сейчас код был изменен и «звездочки» на поиске можно сделать только в сущности Product. Это больше относится к таким услугам и товарам, но не к обычным статьям.

Без прелюдий перейдем сразу к делу. После многочисленных попыток сделать микроразметку Schema.org валидной для Google и Яндекса получилась следующая структура:

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

• Строка 1: объявляем тип контента, который будет размечен.
• Строка 5: здесь указываем URL адрес страницы, на которой сейчас находится пользователь, то есть адрес текущей статьи.
• Строка с 8 по 18: небольшая подструктура, в которой необходимо указать более подробно сведения о сайте: логотип (адрес до изображения и его размеры), телефон, адрес и название компании (сайта).
• Строка 9 по 13: еще одна подструктура с выводом изображения, то есть логотипа. Все изображения, которые необходимы для микроразметки необходимо выводить именно в такой структуре, где помимо адреса до изображения в meta-тегах еще указывается информация о его размерах.
• Строка 14: указываем телефон, если он есть.
• Строка 15: реальный адрес, если работаете в офисе, например.
• Строка 16: здесь пишем название компании.
• Строка 21: дата публикации статьи. Здесь будьте очень внимательны, потому что ее указывать необходимо в специальном формате: "ГОД-МЕСЯЦ-ДЕНЬ ". И обязательно разделитель должен быть знак "— ".
• Строка 24: дата последнего изменения статьи, чтобы подсказать поисковику какую из статей необходимо переиндексировать, если она была изменена в последнее время. Здесь также действуют правила из предыдущего пункта.
• Строка с 27 по 29: указываем в специальной подструктуре информацию об авторе статьи.
• Строка 32 по 45: основная контентная часть Вашей статьи, внутри которой необходимо отметить несколько элементов:
  • Строка 35: заголовок Вашей статьи. Его помечаем следующим образом, добавляя к тегу заголовка свойство — itemprop="headline" ;
  • Строка 38 по 42: как Вы уже видели ранее, здесь располагается подструктура с изображением. Но в данном случае здесь мы указываем на главное изображение в статье;

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

Если Вы разобрались в структуре микроразметки Schema.org для статьи, то проделали уже 80% работы. Осталось малость, но эта "малость" требует технических знаний. Потому что сейчас необходимо перенести данную структуру на реальный работающий сайт.

Шаг 3. Внедряем микроразметку Schema.org на реальный сайт

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

1. Начинайте разметку с основных структур. То есть для начала разметьте основную сущность, внутри которой находятся все остальные элементы. Поэтому сначала необходимо найти блок, в котором содержится все: изображение, автор, дата и так далее;
2. Далее займитесь разметкой блока "Organization". Потому что он не меняется динамически. Его необходимо один раз сделать и поместить внутрь сущности "BlogPosting". Данный блок затем скройте с помощью .
3. Затем необходимо разметить дату публикации и дату последнего изменения. Сделать это несложно. В каждой CMS есть своя функция, которая отвечает за это. Так как это мета-теги, то скрывать ничего не нужно. Например в WordPress этот фрагмент микроразметки будет выглядеть следующим образом:
4. Далее отметьте подструктуру "articleBody". Именно внутри нее Вам необходимо будет указать заголовок и главное изображение статьи.
5. И последним шагом исправьте разметку главного изображения в статье. Так как это, чаще всего, сделать технически сложнее всего, то оставьте данный элемент на концовку.

Вывод

Многие, возможно, начнут возмущаться, что нет готового решения, которого все так ждали. Все хотят волшебную таблетку: "скопировал->вставил". Такого не будет, если Вы хотите реальных и ощутимых результатов. У Вас индивидуальный шаблон, у которого своя собственная структура. Поэтому наберитесь терпения и разберетесь в том, как устроена микроразметка Schema.org.

Что касается технической части, то скажу вот что: либо отдайте это дело профессионалу, либо самостоятельно разберитесь в том, что я описал в данной статье

Успехов!

Микроразметка Schema.org — как угодить Google и Yandex одновременно? 4.10 /5 (81.97%) 203 голос(ов)

Schema.org - это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.

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

Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

1. Зачем нужна микроразметка
2. Основные принципы разметки

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

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

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

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

Познакомиться с описанием стандарта можно на официальном сайте в разделе документация .

Также существует неофициальный и пока неполный перевод стандарта на русский язык на сайте: http://ruschema.org .

Основные принципы разметки

Любая разметка Schema.org производится в два шага:

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

...

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

Льва Толстого, 16

Документ без разметки

Документ с разметкой Schema.org

Как начать использовать schema.org

Инструменты внедрения микроразметки

Как Яндекс использует размеченные данные

Семантическая разметка контента используется различными сервисами Яндекса:

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

Сегодня мы обозначим свой блог обновлённой семантической микрометрической разметкой schema.org)) Я постараюсь подробно на некоторых примерах разъяснить это предприятие и, надеюсь, отныне некачественная разметка личного сайта вас печалить не станет. Рассмотрим по шагам — как внедрить разметку Schema.org в файлы шаблона

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

Разделы статьи:

А позже дам ссылку на статью о том, как сделать микроразметку на сайте со статьями различной тематики: нужно понимать, что микроразметка разная, в зависимости от темы сайта — но вот коли на сайте публикуются статьи разной тематической направленности, то … в общем — полезно!!

Как известно, Google вновь поменял свои алгоритмы чтения стандартов разметки Schema! В особенности изменились требования меток обозначения картинок. Яндекс пока пробуксовывает!

А что это значит!? А это значит то, что свою прежнюю разметку необходимо заменить на новую, чтобы не отставать от времени, скажем так.

Заменить-то мы заменим, но вот батюшка Яшка противится грамоте,… а это приведёт к ошибкам в коде (тестируя валидаторами). Хотя, — это вовсе и не ошибки, а так — предупреждения, пока Яша не подтянулся до мировых стандартов (а он подтянется: так говорит практика). Так что не берите в голову… но по возможности правильно разметьте сайт, и — всё будет здорово!

знакомство с Schema.org - стандартом семантической микроразметки данных в интернетсети

Привожу цитату:

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

Здесь явно наличие разметки hentry . Я её часто встречал на сайтах и, как и многие, склоняюсь к удалению этого ненужного свойства сайта.

Делается это так: открываем файл функций functions.php и в самый его финал (перед тегом?>) прописываем следующий пример:

//удаление класса РАЗМЕТКА hentry start add_filter("post_class", "wph_remove_hentry_class"); function wph_remove_hentry_class($classes) { $classes = array_diff($classes, array("hentry")); return $classes; } //удаление класса hentry end

…после этих действий класс разметки исчезнет.

Я же не стану толковать о вреде или целесообразности разметки hentry, решать вам: я удалил — считаю, что от неё ни тепло ни холодно!

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

или

это кому как удобнее. Далее поймёте почему.

А пока, для более подробного ознакомления с разметкой shema.org, можете почитать на страничке Яндекс . Или изучить синтаксис ТУТ .

Итак: предлагаю начать со строки

— обернём (или поместим) циклы вывода site_title и site_description в необходимый контейнер схемы разметки.

Следует добавит атрибуцию самого контейнера: от кавычек «logo» — через пробел — библиотеку разметки itemscope itemtype="http://schema.org/WPHeader" .

Должно получится так:

Далее обозначаем отдельные поля с указанием на конкретное свойство схемы (нас интересуют свойства ИМЕНИ и ОПИСАНИЯ сайта): берём строки c h1 title и h2 description (описание сайта) и к их div-классам добавляем необходимые атрибуты… itemprop="headline" И itemprop="description"

Получится так:

">option("site_title"); ?>

…и вот так…

option("site_description"); ?>

…ИЛИ лучше description (ДЕСКРИПШН) завернуть не в h2 , а так, например: (но об этом подробнее в следующих статьях)

option("site_description"); ?>

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

Должно получится так: (как понимаете, сайдбар вы ещё не разметили, а поэтому не обращаем внимания)

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

И ещё, атрибуты разметки можно прописать и в раздел

Ну, что.!? Продолжим… и приступим к вопросу:

как внедрить микроразметку Schema.org на главную страницу и в разделы архивов — категорий

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

Вероятнее всего, вам нужно будет открыть и работать с файлом вашей темы post.php (в корне шаблона). У кого-то может быть имя документа иное. Ищите тот файл, который отвечает за вывод и формирование главной страницы, категорий, тегов и архивов.

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

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

) которые уже были и которое мы внедрим. Иначе будут ошибки!

Так же следует обратить внимание на порядок контейнеров вывода элементов вашего шаблона. Вероятно придётся что-то поменять местами. Я, например, менял div-классы meta-полей (стилистику) вывода даты написания, авторства и рубрик — поместил их в единый цикл вывода анонса записи. Так что смотрите!

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

Итак, вот полный файл post.php размеченный стандартом schema.org (советую кликнуть по фотке, открыть в другом окне и изучать — а я буду пояснять)

Строка номер три (3):

Див класс post (у вас будет иной класс — я здесь поменял имена, понятности ради) — в этот контейнер помещён цикл выводов анонсов главной страницы. И, как понимаете, к нему добавлена библиотека itemscope itemtype="http://schema.org/Article" Артикль. И вы проделываете то же самое.

5 — строка : div-класс информации об анонсе.

Дело в том, что новые стандарты разметки подразумевают замены стандартов, как то: дата должна быть двух вариантов — число написания itemprop="datePublished" и число редактирования itemprop="dateModified" .

А пока переходим к строке — 13 : это заголовок статьи (анонса) к нему следует добавить атрибут itemprop="headline" Прописывайте…

Строка — 14 : php — вывод миниатюры записи стандартом thumbnail . У вас миниатюры могут выводиться как-то иначе: или обычной фоткой статьи, или … словом, смотрите (о выводе картинок, также ниже).

Но коли у кого так же как и в показанном коде, целесообразнее и её обозначить (я этого не делал на главной…)

Можно сделать так: прежде всего весь код php обернуть в див-класс. То.е перед

…А в сам php код добавить вот такую фразу после full , array("itemprop" => "image")

Должно получиться так:

"image")); ?>

Не забывайте о закрывающем

.

Переходим к строке — 20 :

Это сам текст анонса. Здесь спорный вопрос: кто-то выводит, а кто-то — нет. Я выводил какое-то время…

И если будете размечать анонс статьи и вы, то делайте так, как показано в коде ниже: т.е оберните php код в свойство itemprop="articleBody" .

…обратите внимание на ДИВ класс (имя любое) и его закрывающий тег.

Как видите, получается вот такая картинка (относительно всех анонсов главной): имя статьи, и сам анонс.

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

Теперь поясню: вот эти красные ошибки вовсе и не ошибки, но предупреждения GOOGLE web мастеру о незаполненных полях опубликованной записи, и всего делоф! А посему, я — считаю для своего сайта вывод этой инфы на страничках анонса ненужным. Вы можете вывести. Тогда будет всё зелёненькое (и не забывайте тестировать свою работу по разметке в Яндекс). Об этом расскажу ниже… в вопросе:

к сведению, до кучи…

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

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

как микрозметить стандартом schema страницу сайта

Открываем файл, который на вашем сайте отвечает за вывод отдельного поста. У меня это post-single.php Я этот файл нарочно оставил на финал, чтобы вы как-то пообвыклись и въехали в принцип.

Приступим: всё аналогично!!!

Внимание: вам стоит отыскать именно тот контейнер, в который завёрнут САМ цикл вывода ОДНОЙ только записи с МЕТАПОЛЕМ (никакие divы блока комментариев или «похожие записи» суда не путать: будут ошибки!

Здесь следует обратить внимание на див-класс post_meta (если он у вас был) — внутри него стоит всё заменить на новый стандарт!

Стандарт сказал — поехали))

Выводим дату : которая должна быть такого стандарта…

"/>

Первая строка : дата публикации datePublished И- вторая — dateModified …

И тут же под строками следующая инфа (советую размечать так).

Обратите внимание на строки 1 и 2 !! у меня размечено только имя автора, но коли вам нужно разметить и рубрики — размечайте…

Автор: Рубрика:

Обратите внимание на три закрывающих div-класса: первый (сверху) закрывает

(если был — здесь показано для примера).

Ну, давайте поближе рассмотрим вариации разметки информационного цикла:

1 строка : имя вашего сайта.

2 строка : открывается поле информации организации. То есть разметочная инфа вашего блога.

7 строка : логотип вашего сайта и путь до его расположения.

8 — 9 -соответственные размеры лого.

внедрить атрибуты микроразметки Schema.org в теги картинок

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

"image")); ?>

микроразметка текста статей

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

…тогда предлагаю php код вывода контента статьи обернуть в какой-нибудь отдельный div-класс, но с атрибутом itemprop="articleBody" посредством которого в валидаторе разметки вы увидите текст вашей записи, ибо этим разметочным атрибутом вы указываете БОТУ на статью… вот, мол, чурбан железный, глотай…

"

" . __("Следующая страничка:", "themater") . "", "after" => "

")); ?>

Вот теперь всё, товарищи.

Да, чуть не забыл, необходимо же

добавить атрибутику микроразметки в картинки внутри записи…

О пользе семантической разметки я сегодня писать не буду – она описана мной раньше. Начну сразу с того, как внедрить микроразметку Article (для статьи) от Schema.org на сайт.
Итак, сначала нужно добавить название сущности в тег, который оборачивает запись (текст статьи, ее название и комментарии), это могут быть теги div или article.
Их можно найти в самом начале файла single.php. Если это div, он может иметь class или id с названиями: entry, main, maincolumn, article или что то похожее.
Именно в него нужно вставить параметры itemscope itemtype="http://schema.org/Article"

Вот так:

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

В микроразметке Schema.org для статьи есть обязательные параметры:

headline - заголовок поста,
articleBody - тело поста,
author - автор и name - имя автора,
datePublished - дата публикации,
image - изображение,
publisher - автор поста.

dateModified - дата модификации, т.е. изменения поста,
mainEntityOfPage – основная страница по этой теме,
articleSection - категория, к которой принадлежит пост.

1. Итак, в файле single.php найдите тег h1 и замените его этим кодом:

2. Если в вашей теме нет функции вывода имени автора, ее можно добавить так:
   

   " /> " />

3. Что касается параметра Publisher – он относится к сущности "Организация".
   В код файла single.php, где-нибудь после вывода the_content() вставьте следующий код:
   

   /images/logo.jpg" alt="logo" /> " />

   /images/logo.jpg" alt="logo" />

   " />

   Здесь укажите свой адрес и телефон:
   

4. Осталось добавить автоматическую микроразметку изображений.
   Для этого, в самый конец файла functions.php , перед закрывающим ?> вставьте следующий код:
   

   function mayak_filter_image($content ) { $ar_mk = "!!si" ; $br_mk = "" ; $content = preg_replace ($ar_mk , $br_mk , $content ) ; return $content ; } add_filter("the_content" , "mayak_filter_image" ) ;

   function mayak_filter_image($content) { $ar_mk = "!!si"; $br_mk = ""; $content = preg_replace($ar_mk, $br_mk, $content); return $content; } add_filter("the_content", "mayak_filter_image");