9.1 什么是微格式？
微格式（structured data）是向 HTML 文档添加元数据的一种方法，目的是改善搜索引擎和其他服务对网页内容的理解。微格式用于描述网页上的各种实体及其相互关系，有助于提高页面在搜索结果中的可见性，并提供附加功能，例如丰富片段。
微格式是添加到页面 HTML 代码中的结构化数据。它为搜索引擎提供有关页面内容的更多信息，例如内容类型、作者、发布日期、评分等。
微格式的主要类型：
- Schema.org：最广泛使用的微格式标准，得到主要搜索引擎（Google、Bing、Yahoo、Yandex）的支持
- JSON-LD：以 JSON 形式编码微格式的格式，Google 推荐使用
- Microdata：直接嵌入 HTML 代码中的微格式
9.2 Schema.org
Schema.org是用于在网页上结构化数据的数据类型和其属性的词汇表。它支持多种数据类型，例如文章、事件、组织、产品等。
Schema.org 的使用示例
文章 (Article)：
HTML
<article>
<h1>文章标题</h1>
<p>作者：作者姓名</p>
<p>发布日期：2024年1月1日</p>
<img src="https://example.com/image.jpg" alt="示例图片">
<p>文章内容...</p>
</article>
JavaScript
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "文章标题",
"author": {
"@type": "Person",
"name": "作者姓名"
},
"datePublished": "2024-01-01",
"image": "https://example.com/image.jpg",
"publisher": {
"@type": "Organization",
"name": "出版社",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png"
}
}
}
</script>
产品 (Product)：
HTML
<body>
<h1>产品名称</h1>
<img src="https://example.com/product.jpg" alt="产品图片">
<p>产品描述</p>
<p>价格：$29.99</p>
</body>
JavaScript
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "产品名称",
"image": "https://example.com/product.jpg",
"description": "产品描述",
"sku": "0446310786",
"offers": {
"@type": "Offer",
"priceCurrency": "USD",
"price": "29.99",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock",
"url": "https://example.com/product"
}
}
</script>
使用 Schema.org 的好处：
- 提高可见性：搜索引擎可以在搜索结果中显示额外数据（丰富片段）。
- 改善理解：搜索引擎更好地理解内容，可以提高页面排名。
- 标准支持：Schema.org 得到所有主要搜索引擎的支持。
9.3 JSON-LD
JSON-LD（JavaScript Object Notation for Linked Data）是一种在页面上使用 JSON 格式编码微格式的方法，通常插入到 <script> 标签中。Google 推荐使用 JSON-LD 来处理结构化数据。
JSON-LD 的使用示例
组织 (Organization)：
HTML
<body>
<h1>公司名称</h1>
<p>公司描述</p>
<div>联系方式</div>
</body>
JavaScript
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "公司名称",
"url": "https://example.com",
"logo": "https://example.com/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-800-555-1212",
"contactType": "Customer Service"
}
}
</script>
9.4 Microdata
Microdata是嵌入 HTML 的微格式。microdata 属性直接添加到 HTML 元素中，以将它们与来自 Schema.org 词汇表的类型和属性相关联。
Microdata 的使用示例
事件 (Event)：
HTML
<body itemscope itemtype="https://schema.org/Event">
<h1 itemprop="name">事件名称</h1>
<p itemprop="startDate" content="2024-05-01T19:00">2024年5月1日, 19:00</p>
<div itemprop="location" itemscope itemtype="https://schema.org/Place">
<span itemprop="name">事件地点</span>
<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<span itemprop="streetAddress">街道, 地址</span>
<span itemprop="addressLocality">城市</span>
<span itemprop="postalCode">邮政编码</span>
<span itemprop="addressCountry">国家</span>
</div>
</div>
</body>
使用微格式的好处：
- 丰富片段：搜索引擎可以在搜索结果中显示扩展片段，提高点击率。
- 更好的内容理解：搜索引擎更好地理解内容，可能会提高页面排名。
- 支持语音搜索：结构化数据可以改善语音搜索结果。
- 与其他服务集成：微格式允许与各种服务集成，如 Google Knowledge Graph 等。
GO TO FULL VERSION