Schema Markup Guide: JSON-LD for Rich Results – BuiltToWinWeb
EN ES FR DE IT PT ZH JA KO RU NL
← Back to all articles
?>

Schema 标记精通：用于富媒体结果的 JSON‑LD（2026）

February 2026 16 min read

结构化数据不再是可选的。Google 现在使用 schema 来理解实体，而带有富摘要的网站平均获得两倍的点击率。然而，超过 70% 的小型企业网站没有 schema 标记。本指南涵盖了您所需的所有 schema 类型 – 包括可复制粘贴的 JSON‑LD 代码、实施策略和真实案例结果。

为什么 Schema 对 SEO 很重要（商业案例）

Schema 标记不会直接提高排名。但它会解锁富媒体结果 – 星级评分、常见问题解答手风琴、产品价格、活动日期和面包屑导航直接显示在 SERP 中。这些视觉上突出的列表比普通的蓝色链接被点击的频率高得多。更高的点击率向 Google 发送积极的参与信号，从而间接提高排名。

数据： Search Engine Journal 的一项案例研究表明，带有 FAQ schema 的页面的点击率提高了 12‑15%。带有星级的 LocalBusiness schema 将点击率提高了 20‑30%。对于电子商务，Product schema 在购物结果中将点击率提高了高达 40%。

JSON‑LD vs Microdata vs RDFa – 始终选择 JSON‑LD

添加 schema 的三种方式：

  • JSON‑LD（Google 首选） – <head> 或 <body> 中的脚本块。干净，不会使 HTML 杂乱，易于维护。
  • Microdata – 将属性直接嵌入 HTML 标签中。混乱且冗长。
  • RDFa – 类似于微数据，但更复杂。

始终使用 JSON‑LD。 它更容易动态生成，不会破坏您的 HTML，并且 Google 明确推荐它。

适合小型企业的 8 种最有价值的 Schema 类型

1. Organization – 用于品牌标识

将其放在您的主页上。它帮助 Google 关联您的徽标、社交资料和法定名称。

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "BuiltToWinWeb",
  "url": "https://built2winweb.com",
  "logo": "https://built2winweb.com/logo.webp",
  "sameAs": [
    "https://www.linkedin.com/in/jacob-campbell-32a60a1a7/",
    "https://www.upwork.com/freelancers/~016276996a9883140f"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+15613017130",
    "contactType": "customer service",
    "availableLanguage": "English"
  }
}
</script>

2. LocalBusiness – 用于本地 SEO

对于任何有实体位置或服务区域的企业来说都是必不可少的。在本地包中显示地址、电话、营业时间和星级评分。

{
  "@type": "LocalBusiness",
  "name": "BuiltToWinWeb",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "7322 Ashley Shores Circle",
    "addressLocality": "Lake Worth",
    "addressRegion": "FL",
    "postalCode": "33467",
    "addressCountry": "US"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": "26.5986",
    "longitude": "-80.1784"
  },
  "telephone": "+15613017130",
  "openingHours": "Mo-Fr 09:00-17:00",
  "priceRange": "$$",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5.0",
    "reviewCount": "7"
  }
}

3. FAQPage – 让您的 SERP 空间翻倍

手风琴式常见问题解答直接在搜索结果中展开。您的列表占用正常结果 2‑3 倍的垂直空间。

{
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "How much does a custom PHP website cost?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Flat‑fee packages: Business $1,750, Ecommerce $5,600, SaaS $10,000. One payment, no monthly fees."
      }
    },
    {
      "@type": "Question",
      "name": "Do you build ecommerce stores without Shopify?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes – custom PHP with Stripe checkout. No subscription fees, you own the code."
      }
    }
  ]
}

4. Product – 用于电子商务

在 Google 购物和标准结果中显示价格、库存情况和评论。

{
  "@type": "Product",
  "name": "Custom PHP Ecommerce Store",
  "image": "https://built2winweb.com/ecommerce.jpg",
  "description": "Full‑featured custom online store with Stripe checkout. One flat fee, no monthly costs.",
  "sku": "BTW-ECOMM",
  "offers": {
    "@type": "Offer",
    "price": "5600",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "https://built2winweb.com/services/ecommerce"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5.0",
    "reviewCount": "7"
  }
}

5. BreadcrumbList – 清晰的导航轨迹

将原始 URL 替换为可点击的面包屑路径（首页 > 服务 > 网页设计）。提高点击率并帮助 Google 理解网站结构。

{
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://built2winweb.com/" },
    { "@type": "ListItem", "position": 2, "name": "Services", "item": "https://built2winweb.com/services/" },
    { "@type": "ListItem", "position": 3, "name": "Custom PHP Website", "item": "https://built2winweb.com/services/custom-php-website/" }
  ]
}

6. Article / BlogPosting – 用于内容页面

使您的博客文章能够出现在 Google 的“热门故事”轮播和新闻风格的精选结果中。需要作者、发布日期和图片。

{
  "@type": "Article",
  "headline": "Schema Markup Mastery: JSON‑LD for Rich Results",
  "description": "Complete guide to implementing schema markup with copy‑paste JSON‑LD examples.",
  "datePublished": "2026-02-15",
  "dateModified": "2026-05-24",
  "author": {
    "@type": "Person",
    "name": "Jacob Campbell"
  },
  "publisher": {
    "@type": "Organization",
    "name": "BuiltToWinWeb",
    "logo": { "@type": "ImageObject", "url": "https://built2winweb.com/logo.webp" }
  },
  "image": "https://built2winweb.com/schema-guide.jpg",
  "mainEntityOfPage": "https://built2winweb.com/blog/schema-markup-guide"
}

7. HowTo – 用于教程和指南

直接在搜索结果中显示带图片的分步说明 – 非常适合“如何做”内容。

{
  "@type": "HowTo",
  "name": "How to Add Schema Markup to Your Website",
  "step": [
    { "@type": "HowToStep", "name": "Choose your schema type", "text": "Select from LocalBusiness, FAQPage, Product, etc." },
    { "@type": "HowToStep", "name": "Generate JSON‑LD", "text": "Use a generator or write manually." },
    { "@type": "HowToStep", "name": "Add to your HTML head", "text": "Place the script tag in <head> or before </body>." },
    { "@type": "HowToStep", "name": "Test with Rich Results Tool", "text": "Validate at search.google.com/test/rich-results." }
  ]
}

8. Event – 用于网络研讨会、研讨会或本地活动

直接在 SERP 中显示日期、时间、地点和门票 availability。

如何在不破坏网站的情况下添加 Schema

  1. 在 <script type="application/ld+json"> 标签内编写您的 JSON‑LD。
  2. 将其放在 <head> 中（最适合抓取）或 <body> 的末尾（仍然有效）。
  3. 使用 Google 的富媒体结果测试进行验证。
  4. 部署后，监控 Google Search Console → 增强功能以查看错误。

PHP 网站的自动化 Schema – 动态生成

对于拥有数百种产品或文章的网站，动态生成 schema。这是一个用于 Product schema 的完整 PHP 函数：

<?php
function outputProductSchema($product) {
    $schema = [
        "@context" => "https://schema.org",
        "@type" => "Product",
        "name" => $product['name'],
        "description" => $product['description'],
        "sku" => $product['sku'],
        "offers" => [
            "@type" => "Offer",
            "price" => number_format($product['price'], 2),
            "priceCurrency" => "USD",
            "availability" => $product['in_stock'] ? "https://schema.org/InStock" : "https://schema.org/OutOfStock"
        ]
    ];
    if (!empty($product['image_url'])) {
        $schema['image'] = $product['image_url'];
    }
    echo '<script type="application/ld+json">' . json_encode($schema, JSON_UNESCAPED_SLASHES) . '</script>';
}
?>

测试和故障排除 – 工具和常见错误

测试工具：

常见错误和修复：

  • 缺少必需属性： 例如，Article 需要 `author`、`headline`、`datePublished`。查看 schema.org 规范。
  • 使用相对 URL： 始终使用绝对 URL（包括 `https://`）。
  • `@id` 引用不匹配： 如果您引用一个实体，请确保它存在。
  • Schema 与可见内容不匹配： Google 可能会惩罚页面上的虚假评论或价格。
  • 将 JSON‑LD 放在 body 中但不关闭脚本标签： 导致 HTML 格式错误。

案例研究：使用 Schema 将点击率从 8% 提升到 21%

佛罗里达州的一家家庭律师事务所拥有一个没有 schema 的标准 WordPress 网站。他们的业务领域页面在移动设备上的平均点击率为 8%。我们添加了：

  • LocalBusiness schema 到主页，带有 aggregateRating（来自 24 条 Google 评论的 4.8 星）。
  • FAQ schema 到每个业务领域页面（例如，“佛罗里达州的离婚需要多长时间？”）。
  • BreadcrumbList schema 到每个页面。

60 天后的结果：

  • 业务领域页面的平均移动端点击率：8% → 21%。
  • “奥兰多离婚律师”的排名从第 14 位提高到第 6 位（点击率从 6% 跃升至 29%）。
  • 来自搜索的自然电话：+134%。

该事务所现在以星级评分和 FAQ 手风琴出现，仍然拥有简单蓝色链接的竞争对手。

进阶：使用 @graph 组合多种 Schema 类型

您可以将它们组合起来，而不是单独的脚本块：

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "Organization", "name": "..." },
    { "@type": "LocalBusiness", ... },
    { "@type": "FAQPage", ... }
  ]
}

这更简洁，并且可能有助于 Google 实体解析。

准备好向您的网站添加 Schema 了吗？

在我构建的每个定制 PHP 网站上，我都实现了 schema – 只需 20 分钟，就能带来数月的高点击率。即使您有现有网站，我也可以按固定费用添加 LocalBusiness、FAQ 和 Breadcrumb schema。

您将在 30 天内看到结果：更高的点击率、更多的电话以及排名的提升。

我将为您的网站实现 Schema →

数据来源：Search Engine Journal、Google 富媒体结果文档以及 BuiltToWinWeb 项目的真实客户结果。

Related Articles

→ Schema Markup: The Hidden SEO Weapon → How a Custom PHP Site Reached 34% CTR → Technical SEO Checklist: 12 Factors That Move Rankings