html中head头文件中property=og含义

什么是meta标签

在html中,head头文件内容不会在页面中展示,里面大多描述的是页面的元数据(metadata),即表述数据的数据

对于这种数据,html中提供<meta>标签添加元数据

对于meta中各种元数据名称即用途可通过MDN文档查看:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta/name

其主要作用就是用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;鉴别作者,设定页面格式,标注内容提要和关键字等

property=og含义

在学习MDN文档中,文档中有一步要求查看MDN首页源代码,在源代码中我看到大量meta标签中带有property=og:xx字样

在这里插入图片描述

经过多方查阅资料后,看到一篇很完整的介绍meta标签以及property=og解释

og是一种新的HTTP头部标记,即Open Graph Protocol:

这种协议可以让网页成为一个“富媒体对象”。
用了Meta Property=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、renren采用。
SNS已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会议上Facebook公布 了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息并呈现给用户。


个人理解是通过添加og字样,我们就能在搜索引擎上看到本网站相关description,提高网站曝光度(SEO优化)

在这里插入图片描述

主要参考资料即相关代码演示:https://www.cnblogs.com/zknublx/p/6061717.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值