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

 

posted @ 2019-04-17 17:28  给你添麻烦了  阅读(2038)  评论(0编辑  收藏  举报