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

一丶前言

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

一丶什么是og协议

Open Graph通讯协定(Protocol)本身是一种制定一套Metatags的规格，用来标注你的页面，告诉我们你的网页代表哪一类型的现实世界物件。
Open Graph协议使任何网页都成为社交图中的丰富对象。例如，这在Facebook上用于允许任何网页具有与Facebook上的任何其他对象相同的功能。

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

二丶参与到og协议的好处

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

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

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="博客园"/>

 

转载于:https://www.cnblogs.com/doinbean/p/10724959.html