类别:FRONTEND / 前端 / 日期:2020-06-12 / 浏览:2903 / 评论:0

    2010年F8会议上Facebook公布了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS(如Fackbook、renren等)就能从页面上提取最有效的信息并呈现给用户。

参与Open Graph Protocol的好处:

   1、能够正确被蜘蛛抓取您的内容到搜索引擎

   2、帮助您的内容更有效的在搜索结构化展现

   3、能够正确的分享您的内容到SNS网站

   4、帮助您的内容更有效的在SNS网络中传播

HTML使用OG协议标签  html og image audio url title 第1张

    截止当前,国内搜索引擎几乎已经取消OG标签的支持,因此对于国内搜索引擎并没有太大的效果,具体设置方法如下:

<html prefix="og: http://ogp.me/ns#">
<head>
<title>Open Graph Protocol</title>
<meta property="og:title" content="Open Graph Protocol" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

    可选的元数据:

og:audio //伴随该对象的音频文件的URL。
og:description //对象的描述。
og:determiner//句子中此对象标题之前出现的单词。(a,an,the,“”,auto)的枚举。如果auto选择,则数据的使用者应在“ a”或“ an”之间选择。默认值为“”(空白)。
og:locale //标记这些标签的语言环境。格式为language_TERRITORY。默认值为en_US。
og:locale:alternate //可以使用此页面的一系列其他语言环境。
og:site_name //如果您的对象是大型网站的一部分,则应在整个网站上显示该名称。例如“ IMDb”。
og:video //补充此对象的视频文件的URL。

    Open Graph协议最初是在Facebook上创建的,并受Dublin Core链接相关规范,Microformats和RDFa的启发,感兴趣的可以查看ogp.me的详细说明。

赞助

感谢您的打赏~

打开支付宝扫一扫,即可进行扫码打赏哦~

版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用 / Article Is Not Licensed Under Any Creative Commons License, And You May Freely Reprint Or Use It In Any Form

 可能感兴趣的文章

伤心叹戈

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。

近期评论