SEO - 添加Schema标记

什么是Schema标记？

你好，有抱负的网页开发者们！今天，我们将深入Schema标记的精彩世界。我知道你们现在在想什么——“精彩？真的吗？”但相信我，一旦你看到它如何提升你网站的可见性，你就会像我第一次发现它时一样兴奋！

SEO - Adding Schema Markup

Schema标记就像在互联网这个拥挤的音乐厅中给你的网站一个扩音器。它是一种你添加到HTML中的微数据，帮助搜索引擎更好地理解你的内容。把它想象成给你的网页提供字幕——它帮助搜索引擎更准确地阅读和解释你的内容。

让我们来看一个简单的例子：

<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">盗梦空间</h1>
<span itemprop="director">导演: 克里斯托弗·诺兰</span>
<span itemprop="datePublished">上映日期: 2010</span>
</div>

在这个片段中，我们告诉搜索引擎这个div包含关于一部电影的信息。itemscope和itemtype属性定义了schema的范围和类型，而itemprop指定了单个属性。

采用Schema标记的优点

既然我们知道了Schema标记是什么，那么我们来谈谈它为什么如此神奇：

增强的搜索结果：Schema标记可以导致搜索结果中的丰富片段，使你的网站脱颖而出。
提高点击率：那些花哨的丰富片段？它们往往会吸引更多的点击！
搜索引擎的更好理解：它帮助搜索引擎更准确地理解你的内容。
语音搜索优化：随着语音搜索的增长，结构化数据变得越来越重要。

Schema代码语言的不同种类

Schema标记并不是一刀切的解决方案。有几种方法可以实现它：

格式	描述	示例
微数据	HTML属性	`<div itemscope itemtype="http://schema.org/Person">`
RDFa	HTML5的扩展	`<div vocab="http://schema.org/" typeof="Person">`
JSON-LD	嵌入在`<script>`标签中的JavaScript表示法	`<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "Person" }</script>`

虽然这些格式都是有效的，但Google通常首选JSON-LD，因为它易于实施和维护。

在网站上为SEO添加Schema标记的步骤

现在，让我们卷起袖子开始工作！以下是如何将Schema标记添加到你的网站的方法：

1. 确定内容类型

首先，识别你要标记的内容类型。是一篇文章吗？一个产品？一个本地企业？Schema.org有一个你可以使用的全面类型列表。

2. 选择你的标记格式

在本教程中，我们将使用JSON-LD，因为它是Google首选的格式。

3. 创建你的标记

假设我们要标记一篇博客文章。以下是一个例子：

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BlogPosting",
"headline": "如何烤出完美的巧克力曲奇",
"author": {
"@type": "Person",
"name": "简·多伊"
},
"datePublished": "2023-06-15",
"image": "http://example.com/cookie.jpg",
"articleBody": "首先，将黄油和糖混合在一起..."
}
</script>

这个脚本告诉搜索引擎这个页面包含一篇博客文章，以及它的标题、作者、发布日期、主图像和内容摘要。

4. 测试你的标记

在上线之前，总是使用Google的结构化数据测试工具来测试你的标记。这就像给你的Schema标记拼写检查！

5. 将标记添加到HTML中

测试完成后，将<script>标签添加到HTML的<head>部分。

6. 监控性能

实施后，密切关注你的搜索性能。你可能会开始看到那些闪亮的丰富片段出现！

结论

就这样，伙计们！你已经迈出了进入Schema标记世界的第一步。记住，互联网就像一个大图书馆，而Schema标记就像给你的书添加一个详细的索引。它帮助搜索引擎更有效地找到和展示你的内容。

在你继续网页开发的旅程中，你会发现Schema标记只是你SEO工具箱中的许多工具之一。但它是一个重要的工具，掌握它可以给你的网站在搜索结果中带来显著的优势。

继续实验，继续学习，不要害怕用代码弄脏你的手。在你意识到之前，你就会看到你的网站在搜索排名中上升！

快乐编码，愿Schema与你同在！

Credits: Image by storyset