Structured Data Demo

Structured data is a standardized format for providing information about a page's content to search engines. By implementing structured data, you can help search engines better understand your content and display richer information (rich snippets) in search results.

Structured Data Demo Tool

Use the tool below to explore different types of structured data, see how they appear in search results, and generate code that you can add to your website.

结构化数据生成器

结构化数据帮助搜索引擎更好地理解您的网页内容，提高在搜索结果中的展示效果。选择一种类型，填写相关信息，即可生成对应的 JSON-LD 结构化数据代码。

选择结构化数据类型：

文章结构化数据

标题：

描述：

作者：

发布者：

发布日期：

主图URL：

结构化数据的好处

增强搜索结果展示 - 通过富媒体搜索结果（Rich Snippets）提高点击率
提高搜索可见度 - 帮助搜索引擎更好地理解您的内容
增加语音搜索机会 - 结构化数据更容易被语音助手识别
提升用户体验 - 在搜索结果中展示更多有用信息

使用提示

确保提供的信息准确无误，与网页内容一致
尽可能填写所有字段，但必填字段是最重要的
可以使用 Google 富媒体测试工具验证您的结构化数据
定期更新结构化数据以保持与网页内容同步

Types of Structured Data

Structured data can be used to mark up various types of content, including but not limited to:

Product Information

Mark up product name, price, availability, ratings, etc., to make products stand out in search results.

json

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product Name",
  "image": "Product Image URL",
  "description": "Product Description",
  "brand": {
    "@type": "Brand",
    "name": "Brand Name"
  },
  "offers": {
    "@type": "Offer",
    "price": "99.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

Article Content

Mark up article title, author, publication date, etc., to help search engines better understand and display your content.

json

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article Title",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2023-01-15T08:00:00+08:00",
  "image": "Article Image URL"
}

Local Business Information

Mark up business address, opening hours, contact information, etc., to improve visibility in local search.

json

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Business Name",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Street Address",
    "addressLocality": "City",
    "addressRegion": "State",
    "postalCode": "Zip Code",
    "addressCountry": "Country"
  },
  "telephone": "Phone Number",
  "openingHours": ["Mo-Fr 09:00-18:00", "Sa 10:00-16:00"]
}

Methods for Implementing Structured Data

There are three main methods for implementing structured data on your website:

JSON-LD (Recommended)

JSON-LD is Google's recommended format for structured data, which uses JavaScript Object Notation embedded in the <head> or <body> section of HTML.

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Company Name",
  "url": "https://www.example.com"
}
</script>

Microdata

Microdata is added directly to HTML elements using specific attributes to mark up content.

html

<div itemscope itemtype="https://schema.org/Organization">
  <span itemprop="name">Company Name</span>
  <a itemprop="url" href="https://www.example.com">Website</a>
</div>

RDFa

RDFa is also a format for structured data that is added directly to HTML elements.

html

<div vocab="https://schema.org/" typeof="Organization">
  <span property="name">Company Name</span>
  <a property="url" href="https://www.example.com">Website</a>
</div>

Validating Structured Data

After implementing structured data, you can validate its correctness using the following tools:

By correctly implementing structured data, you can improve your website's visibility in search results, increase click-through rates, and provide more valuable information to users.

Structured Data Demo ​