og协议-有利于SNS网站分享

一丶前言ios

全球快递toWhere官网发现使用og协议,而且支付宝和淘宝活动源码也会添加og协议,查阅资料弄清og协议是什么,此刻附上og协议官方文档web

一丶什么是og协议ide

Open Graph通信协定(Protocol)自己是一种制定一套Metatags的规格,用来标注你的页面,告诉咱们你的网页表明哪一类型的现实世界物件。
Open Graph协议使任何网页都成为社交图中的丰富对象。例如,这在Facebook上用于容许任何网页具备与Facebook上的任何其余对象相同的功能。优化

Facebook已和Yahoo、Twitter合做采用OAuth 2.0认证标准。任何网页只要遵照该协议,SNS网站就能从页面上提取最有效的信息并呈现给用户,也能让SNS网站按照页面上og标签规定的内容呈现给用户。网站

二丶参与到og协议的好处url

1.有利于正确的分享您的内容到SNS网站(Social Networking Services,如微博,人人,Twitter,Facebook等社交网站)spa

2.有利于您的内容更有效的的在SNS网站中传播code

3.增强meta信息优化内容,有利于对于权重提高和排名视频

三丶og标签的书写对象

og:type 表示页面的类型,当有两个不一样类型,以og:type开头为分隔,因此我以为无论一个仍是两个类型,都应该放在前面

og:type 表示页面的类型,经常使用值:article、website、book、movie、music、news等

og:title 页面的标题

og:description 页面的简单描述

og:url 页面地址

og:image 略缩图地址

og:site_name 页面所在网站名

og:videosrc 视频或者Flash地址

og:audiosrc 音频地址

og:determiner 标题前的单词(eg:a, an, the, "", auto)

og:locale 标记区域

四丶举例代码

1     <meta property="og:type" content="website"/>
2     <meta property="og:title" content="og协议"/>
3     <meta property="og:description" content="介绍og协议是什么,为何要使用og协议以及怎么使用"/>
4     <meta property="og:url" content="http://www.xxxx.com"/>
5     <meta property="og:image" content="http://xxxx.png"/>
6     <meta property="og:site_name" content="博客园"/>
相关文章
相关标签/搜索