微数据与JSON-LD
00:00
Microdata与JSON-LD
1. 结构化数据概述
| 格式 | 嵌入方式 | 优点 | 缺点 |
|---|---|---|---|
| Microdata | HTML 属性 | 与内容一体 | HTML 冗余 |
| JSON-LD | <script> 标签 | 独立于内容，Google 推荐 | 需额外维护 |
2. Microdata
<div itemscope itemtype="https://schema.org/Person">
<span itemprop="name">张三</span>
<span itemprop="jobTitle">软件工程师</span>
</div>| 属性 | 说明 |
|---|---|
itemscope | 声明一个项目 |
itemtype | 项目类型（Schema.org URL） |
itemprop | 项目属性 |
3. JSON-LD
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "深入理解 HTML5",
"author": { "@type": "Person", "name": "张三" },
"datePublished": "2026-06-14"
}
</script>常用类型
{
"@context": "https://schema.org",
"@type": "Product",
"name": "无线蓝牙耳机",
"offers": { "@type": "Offer", "price": "299.00", "priceCurrency": "CNY" },
"aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5" }
}{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "什么是 HTML5？",
"acceptedAnswer": { "@type": "Answer", "text": "HTML5 是超文本标记语言的最新标准..." }
}
]
}