跨境男孩|OG标签(Open Graph)是什么?

网络从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&#038;ALT优化,不会代码也能学会!” />

<meta property=”og:author” content=”riven” />

<meta property=”og:image” content=”https://www.seoriven.com/wp-content/uploads/2022/11/跨境男孩Riven-独立站SEO.png” />

<meta property=”og:site_name” content=”跨境男孩Riven | SEO小站”>

<meta property=”og:description” content=”眼中脚下路,心中要有宏图。大家好,我是跨境男孩Riven。” />

<meta property=”og:url” content=”https://www.seoriven.com/seo-tdku” />

<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,就会像下面这张图一样展示你的内容:

跨境男孩 | OG标签(Open Graph)是什么?图片来源:腾讯

OG标签现在的使用越来越广泛,不再只局限于社交平台,作为站长,知道怎么使用这个标签对搜索引擎优化也是很有用处的,给你的网站添加OG标签就是一项基础的SEO工作,这也是作为SEO从业者需要去做的事。


类似文章