LoadinG

og协议HTTP头部标记详解说明

本文阅读 3 分钟
首页 知识教程 正文

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协议标记,可以显著提升网页在社交媒体上的分享效果。合理使用这些标记,能够为用户提供更丰富的预览信息,增强用户体验。

文章采用:署名-非商业性使用-相同方式知识共享 署名 4.0 协议国际版 (CC BY-NC-SA 4.0) 许可协议授权。
免责声明:本页面资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系客服并出示版权证明以便删除。
分享
网站提示403 Forbidden错误解决指南
« 上一篇 11-29
Cloudflare 免费版防止 CC 攻击的设置方法
下一篇 » 11-29

发表评论 Comment

您必须 后才能发表评论哦~
昵称
请输入您的昵称
邮箱
输入QQ邮箱可获取头像
网址
可通过昵称访问您网站
快捷回复: 验证码:
让大家也知道你的独特见解
已有 0 条评论

动态快讯

热门文章

QQ客服:3236485 QQ群号:530123520

在线时间:09:00-18:00

扫描二维码

联系官方客服微信号

扫描二维码

关注官方微信公众号

{"error":400,"message":"over quota"}