Пошаговое руководство по созданию schema-разметки в синтаксисе JSON-LD…
Разберем сервис JSON-LD Schema Generator For SEO. Он позволяет с нуля разметить любые данные. Открываем сайт сервиса и выбираем тип данных:
Далее появляется окно с параметрами, которые будут своими для каждого типа:
Заполняем все поля. Код будет сформирован в соседнем окне. Остается только скопировать его в буфер обмена и вставить на сайт. Мы создали микроразметку для типа данных Product:
Создали код? Теперь нужно добавить его на сайт. Почти в каждой CMS уже изначально предусмотрена возможность добавления произвольных полей — их еще называют кастомными.
Кастомные поля: как добавить код в WordPress
Посмотрим, как добавить кастомные поля в WordPress.
В WordPress нужно открыть существующую запись и перейти в «Настройки экрана»:
Отмечаем этот чекбокс «Произвольные поля»:
Чуть ниже, после визуального редактора, появится новый блок, где можно будет добавить произвольные поля:
Нажимаем кнопку «Введите новое»:
Указываем имя нового поля (например, код микроразметки schema.org в синтаксисе JSON-LD).
Теперь вставляем ранее сформированный код в произвольное поле WordPress:
После указания своего кода подтверждаем внесение настроек.
Теперь необходимо вывести значение переменной schemamarkup в HTML-код страницы. Для этого будем редактировать файл, который генерирует заголовок на сайте. Он может называться по-разному. В WP чаще всего он имеет название header.php. Добавим, что описываемый способ подходит только для вывода org-страницы
Если вы работаете в WordPress, то отредактировать хедер можно прямо из админки, но при условии, что тема поддерживает такую возможность. Открываем файл, формирующий заголовок и добавляем свой вариант кода
Например:
Внимание: код добавляем непосредственно перед закрывающим head-тегом.
Чтобы протестировать измененную страницу, скопируйте ее код в уже рассмотренный нами выше Google Structured Data Testing Tool или иной сервис для проверки ошибок семантической разметки.