HTML使用OG协议标签

类别：frontend

日期：2020-06-12

浏览：3588

评论：0

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

参与Open Graph Protocol的好处：
1、能够正确被蜘蛛抓取您的内容到搜索引擎
2、帮助您的内容更有效的在搜索结构化展现
3、能够正确的分享您的内容到SNS网站
4、帮助您的内容更有效的在SNS网络中传播

截止当前，国内搜索引擎几乎已经取消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的详细说明。