Что такое JSON-LD и зачем она нужна
JSON-LD — это формат структурированных данных, который помогает Google, Яндексу и AI-системам понять, что находится на странице: статья, автор, дата публикации, URL, изображение и другие поля.
Обычный HTML показывает контент человеку. JSON-LD добавляет машиночитаемый слой для поиска и цитирования в AI-ответах.
Без JSON-LD статья всё равно индексируется, но поисковикам и AI-движкам сложнее достоверно распознать структуру материала. С JSON-LD шанс корректной интерпретации заметно выше.
Шаг 1: Откройте статью в SeoSmith
Перейдите в готовую статью внутри SeoSmith и прокрутите страницу вниз. Внизу карточки есть отдельный блок JSON-LD с уже собранной микроразметкой для публикации.
Шаг 2: Скопируйте JSON-LD
В блоке JSON-LD нажмите кнопку «Копировать». На выходе вы получите код примерно такого вида:
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "Заголовок статьи",
"description": "Краткое описание",
"author": {
"@type": "Person",
"name": "Имя автора"
},
"datePublished": "2026-05-16",
"url": "https://example.ru/blog/post",
"image": "https://example.ru/uploads/post-cover.jpg"
}
Не вставляйте только внутренности JSON. На странице должен оказаться именно тег <script type="application/ld+json">...</script>.
Шаг 3: Вставьте код на страницу статьи
Выберите подходящий способ в зависимости от вашей CMS.
Вариант 1: WordPress
Если вы публикуете через SEO-плагин или вставляете код вручную, добавьте JSON-LD в head страницы статьи или в поле custom schema, если оно есть в вашем плагине.
- Откройте страницу статьи в админке WordPress.
- Найдите блок SEO-плагина или поле для пользовательского кода.
- Вставьте JSON-LD целиком.
- Сохраните и откройте публичную страницу статьи.
Вариант 2: Чистый HTML или шаблон сайта
Если сайт рендерится из HTML-шаблонов, добавьте код перед закрывающим тегом </head> или в конце <body>.
<head>
...
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "Заголовок статьи"
}
</script>
</head>
Вариант 3: Tilda, Webflow и похожие конструкторы
Используйте блок custom code, site settings или page settings, где разрешено вставлять собственный HTML/JS в head страницы. Если конкретный тариф или шаблон не позволяет добавить код в head, вставляйте его в custom embed на самой странице и затем проверяйте итоговый HTML.
Шаг 4: Проверьте, что JSON-LD реально появилась на странице
- Откройте опубликованную страницу статьи в браузере.
- Нажмите
Cmd+Option+IилиF12, чтобы открыть DevTools. - Перейдите во вкладку Elements или Inspector.
- Найдите по поиску строку
application/ld+json.
Если тег найден, значит код действительно попал на страницу. Если нет, CMS или шаблон его не вывели, и нужно проверить точку вставки.
Шаг 5: Провалидируйте разметку
После публикации откройте Schema.org Validator и вставьте URL статьи. Валидатор должен показать сущность BlogPosting и распарсить основные поля без критических ошибок.
| Проверка | Что должно быть |
|---|---|
| Тип сущности | BlogPosting или совместимый тип статьи |
| URL | Совпадает с публичным URL страницы |
| headline | Совпадает с заголовком статьи |
| datePublished | Реальная дата публикации |
| author | Указан автор или организация |
Частые ошибки
- На странице вставлен только JSON без тега
script. - После правок статьи не обновили
headline,descriptionилиurl. - CMS экранировала кавычки и сломала JSON.
- Код добавлен в админке, но не выводится в публичный HTML шаблоном.
Если вы изменили заголовок, описание, canonical URL или дату публикации уже на сайте, обновите JSON-LD под финальную версию страницы, а не под черновик из SeoSmith.
Чек-лист перед публикацией
- JSON-LD скопирован из финальной версии статьи.
- Код вставлен целиком, вместе с тегом
script. - На публичной странице тег виден в DevTools.
- URL и заголовок внутри JSON-LD совпадают с опубликованной страницей.
- Страница проходит проверку в validator.schema.org.