Protocol Element 协议元素

og:type 网页资源类型标识

content enum:

• ● video 视频
• ● audio 音频
• ● link 链接
• ● photo 图片
• ● product 产品

og:title 标题描述

og:image 缩略图

og:url 当前内容链接

rr:appid 如果您的网站是CONNECT到renren.com的，请提供该ID

Video Element 视频

og:videosrc 视频资源链接，例如可是播放视频的flash地址

og:width 视频的宽度

og:height 视频的高度

例如：

<meta property=”og:type” content=”video” />
<meta property=”og:title” content=”五月天_突然好想你 MV现场版” />
<meta property=”og:image” content=”http://g1.ykimg.com/0100641F464AC21FF0B3ED00F48F151F43D4BF-5F0F-BD39-76EA-E5E20A1887C4″ />
<meta property=”og:url” content=”http://v.youku.com/v_show/id_XMTIyMTY5NzMy.html” />
<meta property=”og:videosrc” content=”http://player.youku.com/player.php/sid/XMTIyMTY5NzMy&isAutoPlay=true/v.swf” />
<meta property=”og:width” content=”500″ />
<meta property=”og:height” content=”416″ />

Audio Element 音频

类似 http://domain/some.mp3 直接从mp3获取信息，以下指从音乐播放网页获取
og:audiosrc 音乐资源链接，例如可是播放歌曲的flash地址

og:artist 音乐家

例如：

<meta property=”og:type” content=”audio” />
<meta property=”og:title” content=”小酒窝” />
<meta property=”og:image” content=”http://…./xx.jpg” />
<meta property=”og:url” content=”http://somedomain.com/aaamp3.html” />
<meta property=”og:audiosrc” content=”http://somedomain.com/audioplayer.swf?s=xxx.mp3″ />
<meta property=”og:artist” content=”林俊杰A,林俊杰B” />

Commen Page Element 普通网页

og:abstract 内容摘要

og:contentid 内容主体的ID，用来标识当前页面主要内容所处的HTML标签的ID

例如：

<meta property=”og:type” content=”link” />
<meta property=”og:title” content=”文艺青年摄影装逼完全指南v2.4 *冲片+针孔教程” />
<meta property=”og:image” content=”http://t.douban.com/pics/nav/lg_main_a6.png” />
<meta property=”og:url” content=”http://www.douban.com/group/topic/10560486/” />
<meta property=”og:abstract” content=”前言：本人从00年开始玩数码相机，之后一直致力于从事摄影装逼这一光荣的职业，在此将自己多年总结的经验传授给大家，让大家在这条光辉的道路上少走弯路，一逼到底。鉴于咱们入单反装逼的文青们一开始预算都不多，本文将会主要侧重于如何在有限的器材的情况下装逼最大化，你要是已经有若干红圈儿金圈儿SBEX什么的，想必此篇文章的主旨你早已心领神会，就算你说自己不装逼，就像有人混豆瓣还死活不承认自己是文青。本文中所有图片，除了特别注明，均为本人亲自拍摄，是本人装逼之路的真实见证。欢迎转载，但是最近更新可能会比较频繁，请把原帖地址 ” />
<meta property=”og:contentid” content=”topic” />

Graphic Element 图片

og:photo 图片列表

og:width 图片宽度

og:height 图片高度

例如：

<meta property=”og:type” content=”photo” />
<meta property=”og:title” content=”發国·招贴(2)” />
<meta property=”og:image” content=”http://t.douban.com/view/photo/icon/public/p487762954.jpg” />
<meta property=”og:url” content=”http://www.douban.com/photos/photo/487762954/” />
<meta property=”og:photo” content=”http://t.douban.com/view/photo/photo/public/p487762954.jpg” />
<meta property=”og:photo” content=”http://t.douban.com/view/photo/photo/public/p355702734.jpg” />

Product Element 商品

og:price 产品价格

og:description 产品描述

og:nick 店铺名

og:postfee 运费

例如：

<meta property=”og:type” content=”product” />
<meta property=”og:title” content=”蚁族—大学毕业生聚居村实录” />
<meta property=”og:image” content=”http://img39.ddimg.cn/8/8/20684969-1_b.jpg” />
<meta property=”og:url” content=”http://product.dangdang.com/product.aspx?product_id=20684969&ref=book-02-L” />
<meta property=”og:price” content=”18.80″ />
<meta property=”og:postfee” content=”5.00″ />
<meta property=”og:description” content=”“蚁族”，是对“高校毕业生低收入聚居群体”的典型概括。该群体高知、弱小、聚居，是继三大弱势群体（农民、农民工、下岗职工）之后的第四大弱势群体：他们受过高等教育，主要从事保险推销、电子器材销售、广告营销、餐饮服务等临时性工作，有的甚至处于失业半失业状态；他们平均月收入低于两千元，绝大多数没有“三险”和劳动合同；他们平均年龄集中在22—29岁之间，九成属于“80后”一代；他们主要聚居于城乡结合部或近郊农村，形成独特的“聚居村”。他们是有如蚂蚁般的“弱小强者”，他们是鲜为人知的庞大群体。” />
<meta property=”og:nick” content=”当当网” />

参与到open graph protocol的好处

• ● 能够正确的分享您的内容到renren.com
• ● 帮助您的内容更有效的在sns网络中传播

您应该如何参与到open graph protocol来

• ● 按照您网页的类型，在head中加入meta标签,并填上相应的内容
• ● 如果一个页面上有多个需要标识出的内容怎么办？
  您可以重复meta标签，我们将认为 og:type 标签是每一段内容的起始处，例如：

<meta property=”og:type” content=”video” />
<meta property=”og:title” content=”五月天_突然好想你 MV现场版” />
<meta property=”og:image” content=”http://g1.ykimg.com/0100641F464AC21FF0B3ED00F48F151F43D4BF-5F0F-BD39-76EA-E5E20A1887C4″ />
<meta property=”og:url” content=”http://v.youku.com/v_show/id_XMTIyMTY5NzMy.html” />
<meta property=”og:videosrc” content=”http://player.youku.com/player.php/sid/XMTIyMTY5NzMy&isAutoPlay=true/v.swf” />
<meta property=”og:width” content=”500″ />
<meta property=”og:height” content=”416″ />

<meta property=”og:type” content=”video” />
<meta property=”og:title” content=”五月天_突然好想你 MV现场版_AA” />
<meta property=”og:image” content=”http://g1.ykimg.com/0100641F464AC21FF0B3ED00F48F151F43D4BF-5F0F-BD39-76EA-E5E20A1887C44444″ />
<meta property=”og:url” content=”http://v.youku.com/v_show/id_XMTIyMTY5NzMyyyyyyyyyyyyyyyy.html” />
<meta property=”og:videosrc” content=”http://player.youku.com/player.php/sid/XXXXXXXXXXXXMTIyMTY5NzMy&isAutoPlay=true/y.swf” />
<meta property=”og:width” content=”600″ />
<meta property=”og:height” content=”716″ />

不方便提供meta标签形式怎么办？

• ● 您可以提供XML格式的回调接口
• ● XML的标签格式和meta保持一致，例如:

<?xml version=”1.0″ encoding=”UTF-8″?>
<og xmlns:og=”http://share.renren.com/og”>
<meta>
<og:type>video</og:type>
<og:title>五月天_突然好想你 MV现场版</og:title>
…
</meta>
<meta>
<og:type>video</og:type>
<og:title>五月天_突然好想你 MV现场版2222</og:title>
…
</meta>
<og>