跨境男孩 - OG标签Open Graph是什么？

网络在过去的二十年里，从2000年至今，其发展可谓迅猛，带来了海量的内容。我还记得99年买了我的第一台个人电脑，那是一款配备“大屁股”显示器的TCL台式机。那时候，互联网上资源并不像现在这样丰富，大多数时候我们会在BBS论坛上发帖，浏览图片，偶尔还能见到一些视频资源，那时的下载速度还只有大约50kb左右，依赖于ADSL拨号上网。

今天我们要聊的是OG标签。OG标签的出现与JSON-LD有着相同的SEO意义，都是为了将网络上的内容进行结构化、富媒体化，以便于第三方调用和显示。

那么，什么是OG标签呢？

OG全称是Open Graph Protocol，中文可译为开放内容协议。最初，这种协议被广泛用于一些社交软件中，如Fackbook、Twitter、renren以及微博等。如今，搜索引擎和一些第三方服务也支持了OG标签。

在我的博客中，也应用了OG标签。我使用了Yoast SEO插件来实现这一功能。在head部分，你会看到如下OG标签代码：

首先是定义内容类型和语言：

```html

```

接着是设定内容的详细信息：

```html

```

还有更多关于网站和内容的描述性标签。

OG标签知识详解：

OG标签是为了社交分享而设计的。虽然目前我的博客还没有开启社交分享功能，但未来可能会开放。无论是使用WordPress还是其他SaaS建站工具如SHOPLINE，都支持OG标签。

对于自行开发的网站，需要在开发阶段就提前加入这些功能。有些社交平台甚至能通过分享的链接地址自动提取内部的OG标签，生成结构化数据。

OG标签的种类繁多，包括但不限于网站语言、内容类型、标题、描述、链接、图片等。例如：

```html

og:locale // 网站语言设置

og:type // 内容类型 (常用值包括website、article、book、movie等)

```

还有针对特定内容的扩展标签，如小说类目的标签，包括小说目录、作者、书名、阅读地址等。

首页通常会设置og:type为website，而文章页则会设置为article。使用这些OG标签后，当你在Facebook等社交平台上分享文章时，内容会以一种视觉友好的方式展示出来，就像下面这张图所示：

（图片来源：腾讯）

如今，OG标签的使用越来越广泛，不仅限于社交平台。对于网站管理员和SEO从业者来说，了解和使用这些标签是非常重要的。给网站添加OG标签是一项基础的SEO工作。

（来源：跨境男孩）以上内容属作者个人观点，不代表其他机构的立场。本文经原作者授权转载，如有需要转载请联系原作者获取授权。