0Pricing
Sveltejs Academy · 课时

SvelteKit 中的 JSON-LD 结构化数据

嵌入 JSON-LD 架构，帮助搜索引擎理解您的内容。

SvelteKit 中的 JSON-LD 结构化数据 是 CoddyKit 上的免费 Sveltejs Academy 课时。 这是第 3 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Sveltejs Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Sveltejs Academy 课程共包含 4 节课。

结构化数据

JSON-LD 可以用搜索引擎理解的机器可读格式描述页面内容。

添加 script 标签

在 svelte:head 中包含一个 <script type="application/ld+json">。

<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

检查 Google 的结构化数据测试工具，以验证您的 JSON-LD。

多个架构

您可以在一个页面中加入多个 JSON-LD 块，分别对应不同的架构。

避免垃圾信息

只描述页面上实际存在的内容；操纵架构可能导致人工处罚。

可维护性

构建一个接收数据并为常见页面类型返回 JSON-LD 字符串的辅助函数。

本地化

针对不同地区翻译 name 和 description 等字段，以支持国际 SEO。

与 OG 结合

JSON-LD 和 OG 标签相辅相成；两者都能改善内容发现和分享效果。

快速检查

JSON-LD 使用什么格式？

回顾

将 schema.org JSON-LD 嵌入 svelte:head，以获得丰富的搜索结果功能并改善 SEO。

常见问题解答

「SvelteKit 中的 JSON-LD 结构化数据」课时是免费的吗？

是的 — 「SvelteKit 中的 JSON-LD 结构化数据」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Sveltejs Academy 课程的其余内容，请升级到 CoddyKit PRO。 Sveltejs Academy 课程共包含 4 节课。

「SvelteKit 中的 JSON-LD 结构化数据」这节课中我会学到什么？

嵌入 JSON-LD 架构，帮助搜索引擎理解您的内容。 你通过在浏览器中直接运行的动手代码来练习 Sveltejs Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Sveltejs Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Sveltejs Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 3 节课，共 4 节。

「SvelteKit 中的 JSON-LD 结构化数据」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Sveltejs Academy 课中编写并运行代码吗？

能。每节 Sveltejs Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 使用 svelte:head 添加动态元标签
  2. OpenGraph 与 Twitter Card 元数据
  3. SvelteKit 中的 JSON-LD 结构化数据
  4. 规范 URL 与网站地图生成
← 返回 Sveltejs Academy