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 标记区域
OG完整示例
<head>
<meta property="og:title" content="微安博客">
<meta property="og:type" content="website">
<meta property="og:url" content="https://blog.weianet.com">
<meta property="og:image" content="https://blog.weianet.com/image.jpg">
<meta property="og:description" content="这是一个关于Open Graph协议的介绍">
<meta property="og:site_name" content="示例网站">
<meta property="og:locale" content="zh_CN">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
</head>
OG结论综合
通过在HTTP头部添加Open Graph协议标记,可以显著提升网页在社交媒体上的分享效果。合理使用这些标记,能够为用户提供更丰富的预览信息,增强用户体验。
免责声明:本页面资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系客服并出示版权证明以便删除。