Schema Generator: как создать JSON-LD разметку с нуля

Пошаговое руководство по созданию schema-разметки в синтаксисие JSON-LD…

Разберем сервис JSON-LD Schema Generator For SEO. Он позволяет с нуля разметить любые данные. Открываем сайт сервиса и выбираем тип данных:

Выберите корректный тип данных, которые нужно разметить
Выберите корректный тип данных, которые нужно разметить

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

Набор параметров для типа Person
Набор параметров для типа Person

Заполняем все поля. Код будет сформирован в соседнем окне. Остается только скопировать его в буфер обмена и вставить на сайт. Мы создали микроразметку для типа данных Product:

Справа окно с кодом, который мы создали в JSON-LD Schema Generator For SEO
Справа окно с кодом, который мы создали в JSON-LD Schema Generator For SEO

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

Кастомные поля: как добавить код в WordPress

Посмотрим, как добавить кастомные поля в WordPress.

В WordPress нужно открыть существующую запись и перейти в «Настройки экрана»:

Открываем настройки экрана WordPress
Открываем настройки экрана WordPress

Отмечаем этот чекбокс «Произвольные поля»:

Вот он, пункт «Произвольные поля»
Вот он, пункт «Произвольные поля»

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

Нажимаем кнопку «Введите новое»:

Вводим новое произвольное поле
Вводим новое произвольное поле

Указываем имя нового поля (например, код микроразметки schema.org в синтаксисе JSON-LD).

Теперь вставляем ранее сформированный код в произвольное поле WordPress:

Добавляем код в произвольное поле
Добавляем код в произвольное поле

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

Теперь необходимо вывести значение переменной schemamarkup в HTML-код страницы. Для этого будем редактировать файл, который генерирует заголовок на сайте. Он может называться по-разному. В WP чаще всего он имеет название header.php. Добавим, что описываемый способ подходит только для вывода org-страницы

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

Например:

Функция get_post_meta. Используется для получения произвольного поля записи
Функция get_post_meta. Используется для получения произвольного поля записи

Внимание: код добавляем непосредственно перед закрывающим head-тегом.

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

Leave a Comment

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

Ad Blocker Detected!

Advertisements fund this website. Please disable your adblocking software or whitelist our website.
Thank You!
МирДоступа
Яндекс.Метрика