Open Graph Protocol,开放性社会图谱协议,通常认为使用这个ogp标记可以有助于网站内容在社交媒体上的推广。但可能大多数SEOer对于这块标记的内容,关注得较少,比较陌生,接下来我们具体作下了解。
ogp标记是什么?
2010年4月22日Facebook在第三届F8开发者大会上推出Open Graph(开放性社会化图谱),再一次将Data Portability的概念带入人们视野。
根据Facebook CEO Mark Zuckerberg在F8 Keynote上的现场讲解,Mark认为互联网上不同的网站和应用已经成功建立了关于不同事物的“社会化图谱”,比如点评类网站Yelp建立了关于本地商家的图谱,在线音乐网站Pandora建立了关于歌曲之间的关系图谱,而Facebook则建立了人和人之间关系的图谱。所有的这些关系图谱对于用户来说都很重要,但是由于网站之间用户数据相互”隔绝”,用户很难分享在不同网站内建立的”关系图谱”。 Facebook提出的Open Graph计划,目的是要提供一个基础的人和人之间关系的“开放图谱”,其他所有互联网网站和应用都可以 基于这个“开放图谱“为用户提供应用和服务。
ogp标记有什么用?
通过ogp标记,可以使得社交媒体网络更好地获取网站的内容,且当用户将网站内容分享在社交媒体网络上时,网站的内容将会有更好的姿态予以展示,可以帮助网站内容在SNS上的传播。
ogp标记采用的方式是RDFa标记,在网站代码<head>部分里采用<meta> tag来进行数据的标记。其实这也是结构化数据标记的一种,当一个网页上有作了ogp标记时,把网址放到谷歌结构化数据测试工具里查看时,也能看到标记内容:
只不过我们通常认为的结构化数据标记,即丰富网页摘要,是帮助网站内容在搜索结果里有更好的展示,而ogp标记是帮助网站内容在社交媒体网络里有更好的展示。
如何进行ogp标记?
前面有提到,进行在ogp标记只要在网站标记页面的代码<head>部分使用RDFa标记形式对<meta> tag里的内容标记即可。
ogp标记有4种基本的标记项:
og:title 页面标题
og:type 页面类型
og:image 页面略缩图地址
og:url 页面地址
其余可选标记项:
og:site_name 网站名称
og:description 页面描述
og:audio 音频地址
og:video 视频地址
…
其它具体标记项可到ogp.me上查看。
现在以兰亭商品页的代码标记作下说明讲解,下图所示为示例页面上的代码标记:
标 记后的ogp代码可以在页面上点赞时的弹窗里进行体现,分享的图片是标记og:image的商品缩略图,商品名称为代码标记里的og:title内容:” [USD $ 98.99] A-line Jewel Ankle-length Tulle Wedding Dress(788859)”,商品标题底下的内容即为og:description: “I like this. Do you think I should buy it?”, 具体如下图所示:
另外,ogp标记后的代码在Facebook里的展示效果得以优化,展示了分享的页面类型、图片、标题以及网站名称,如下图:
值得一提的是,兰亭的og:title里直接带上了价格[USD $ 98.99],这个处理得很好,使得用户直接在facebook里看到商品价格,很是方便,提高了用户体验。另外,当你在facebook里鼠标移动到页面图片时,会进一步展示页面的描述内容,如下图:
同时,页面图片、标题和网站名称均存在超链接可点击到对应的页面URL,方便了社交媒体用户精确地到达指定页面。
总结一下,open graph protocol的应用在现今的网站推广中,还是比较重要的。代码标记简易,而展示效果明显。因而有条件的网站,完全可以进行标记下。