网络从2000年到今天这20年间飞速的发展起来，能在网络上获取到的内容也越来越丰富，99年有了自己第一台个人电脑，那时候是一台有着“大屁股”显示器的TCL台式机，那时候网络上还没有像现在这么多类型的资源，多数都是上BBS论坛，发个贴，浏览让人心情“愉悦”的图片，视频都很少见，因为那时候还ADSL拨号，下载的速度就50kb左右，回到今天的话题OG标签，OG标签的出现其实和JSON-LD有着相同的SEO意义，都是为了将网络上的内容，进行结构化，富媒体化，方便第三方调用显示。
什么是OG标签
OG全称是Open Graph Protocol，中文是开放内容协议，也称为OG标签。
最开始的时候是被一些社交软件广泛使用，Fackbook、Twitter、renren、微博等，现在搜索引擎和一些第三方服务也支持了OG标签。
我的博客也是有OG标签的，只不过是使用了Yoast SEO插件来实现的，head内的OG标签代码：
<meta property="og:type" content="acticle">
<meta property="og:locale" content="zh-CN" />
<meta property="og:title" content="跨境男孩 | 独立站SEO TDKU&ALT优化，不会代码也能学会！" />
<meta property="og:author" content="riven" />
<meta property="og:image" content="跨境男孩Riven-独立站SEO.png" />
<meta property="og:site_name" content="跨境男孩Riven | SEO小站">
<meta property="og:description" content="眼中脚下路，心中要有宏图。大家好，我是跨境男孩Riven。" />
<meta property="og:url" content=" />
<meta property="og:release_date" content="2022年11月14日21:49:39" />
OG标签知识
使用OG标签是为了之后进行社会化分享作的准备，虽然现在还没有开社交分享功能，但是日后可能会开，WordPress很方便，或者使用SaaS建站SHOPLINE，也支持og标签。
但是如果是自己单独开发的网站，就要提前把功能加进去，有的社交平台也会通过分享的链接地址自动提取里面的OG标签，生成结构化数据，我们来熟悉下OG标签：
// 普通类
og:locale //网站语言
og:type //类型 (常用值:website；article；book；movie)
og:title //标题
og:description //页面的简单描述
og:url //当前内容链接
og:video //视频
og:audio //音频
og:photo //图片
og:product //产品
og:image //缩略图
og:link //链接
og:site_name //页面所在网站名
og:audiosrc //音频地址
rr:appid //如果您的网站是 CONNECT 到 renren.com 的，请提供该 ID
og:videosrc //视频资源链接，例如可是播放视频的 flash 地址
og:width //视频、图片的宽度
og:height //视频、图片的高度
og:artist //音乐家
og:contentid //内容主体的 ID，用来标识当前页面主要内容所处的 HTML 标签的 ID
og:price //产品价格
og:nick //店铺名
og:postfee //运费
// 小说类
og:novel:category // 小说目录
og:novel:author // 小说作者
og:novel:book_name // 小说书名
og:novel:read_url // 小说阅读地址
og:novel:status // 小说状态
og:novel:update_time // 小说更新时间
og:novel:latest_chapter_name // 小说最新章节
og:novel:latest_chapter_url // 小说最新章节地址
// 其他
首页一般设置 og:type 为： website
文章页一般设置 og:type 为：articleh
上面是比较常用的，不同的内容类型，使用不同的标签。使用这些标签以后，如果把文章分享到Facebook，就会像下面这张图一样展示你的内容：
图片来源：腾讯
相关文章
