Структурированные данные JSON-LD в SvelteKit
Встраивайте схемы JSON-LD, чтобы поисковые системы лучше понимали содержимое
«Структурированные данные JSON-LD в SvelteKit» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Структурированные данные
JSON-LD позволяет описывать содержимое страницы в машиночитаемом формате, понятном поисковым системам.
Добавление тега script
Добавьте <script type="application/ld+json"> в svelte:head.
<svelte:head>
{@html jsonLd}
</svelte:head>Создание JSON
Преобразуйте объект JS с описанием страницы в строку.
$: jsonLd = `<script type="application/ld+json">${JSON.stringify({
"@context": "https://schema.org",
"@type": "Article",
headline: post.title
})}<\/script>`;Типы схем
Распространённые типы: Article, Product, Recipe, Event, Organization, BreadcrumbList.
Преимущества для SEO
Расширенные фрагменты в результатах поиска: звёзды, цены, цепочки навигации, раскрывающиеся блоки FAQ.
Google Search Console
Проверьте JSON-LD с помощью инструмента Google для тестирования структурированных данных.
Несколько схем
На одной странице можно разместить несколько блоков JSON-LD для разных схем.
Избегайте спама
Описывайте только то, что действительно есть на странице; манипуляции со схемой могут привести к ручным санкциям.
Удобство сопровождения
Создайте вспомогательную функцию, которая принимает данные и возвращает строки JSON-LD для распространённых типов страниц.
Локализация
Переводите такие поля, как name и description, для каждого региона, чтобы улучшить международное SEO.
Сочетание с OG
JSON-LD и теги OG дополняют друг друга; оба способа улучшают обнаружение и распространение содержимого.
Быстрая проверка
Какой формат использует JSON-LD?
Итоги
Встраивайте JSON-LD по схеме schema.org в svelte:head, чтобы получать расширенные функции в результатах поиска и улучшать SEO.
Часто задаваемые вопросы
Урок «Структурированные данные JSON-LD в SvelteKit» бесплатный?
Да — полный текст урока «Структурированные данные JSON-LD в SvelteKit» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Структурированные данные JSON-LD в SvelteKit»?
Встраивайте схемы JSON-LD, чтобы поисковые системы лучше понимали содержимое Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Структурированные данные JSON-LD в SvelteKit»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- svelte:head для динамических метатегов
- Метаданные OpenGraph и Twitter Card
- Структурированные данные JSON-LD в SvelteKit
- Канонические URL и создание карты сайта