Open Graph protocol介绍

最新推荐文章于 2024-04-09 22:29:19 发布
最新推荐文章于 2024-04-09 22:29:19 发布
阅读量1.5k 收藏
点赞数
分类专栏： iOS HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/watson2017/article/details/102798717
版权
iOS 同时被 2 个专栏收录
187 篇文章 4 订阅
订阅专栏
HTML5
4 篇文章 0 订阅
订阅专栏
  • 简介

Open Graph protocol允许任何web页面成为社交网络图中的富对象。例如，在facebook上用于允许任何网页具有与facebook其他对象相同的功能。

 

  • 基本元数据

要将网页转换为图形对象，需要向网页中添加基本元数据，在web页面的<head>中放置额外的<meta>标记。每页所需的四个属性是

og:title—显示的标题，例如“the rock”。
og:type-对象的类型，例如“video.movie”。
og:image-缩略图的url。
og:url-对象的规范url，将在图中用作其永久id，例如“http://www.imdb.com/title/tt0117500/”。

示例：

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<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:video-视频文件的URL。

og:description-对象的描述信息。

og:determiner-出现在句子中这个对象的标题之前的单词。枚举(a, an, the, "", auto)。如果选择“auto”，则数据的使用者应在“a”或“an”之间进行选择。默认为""（空白）。

og:locale-区域设置。格式language_TERRITORY. 默认值为en_US。

og:locale:alternate-此页可用于的其他区域设置的数组。

og:site_name-整个网站的名称。

示例：

<meta property="og:audio" content="http://example.com/bond/theme.mp3" />
<meta property="og:description" 
  content="Sean Connery found fame and fortune as the
           suave, sophisticated British agent, James Bond." />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="http://example.com/bond/trailer.swf" />

 

培根芝士
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
open graph协议
蛐蛐的博客
07-04 374
文档：The Open Graph protocolOpen Graph 协议使任何网页都可以成为社交图中的丰富对象。这在 Facebook 上用于允许任何网页具有与 Facebook 上的任何其他对象相同的功能。要将网页变成图形对象，需要将基本元数据添加到页面。这基于 RDFa协议的初始版本，这将在网页中放置额外的标签。每个页面的四个必需属性是： 以下属性对于任何对象都是可选的： 某些属性可以附加额外的元数据。og:image属性具有一些可选的结构化属性： 如果一个标签可以有多个值...
Open Graph Protocol（开放图谱协议）
岁月如歌去，十年弹指间
03-02 1228
OG协议 Open Graph Protocol（开放图谱协议），简称OG 协议。它是 Facebook 在 2010 年 F8 开发者大会公布的一种网页元信息（Meta Information）标记协议，属于 Meta Tag （Meta 标签）的范畴，是一种为社交分享而生的 Meta 标签，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。它允许在 Facebook 上，其他网站能像 Facebook 内容一样具有丰富的“图形”对象，进而促进 Facebook .
open graph简述
最新发布
KazooTTT的博客
04-09 227
open graph是一个由facebook在2010年发布的协议，用于在社交网络上分享链接时，显示预览卡片。我觉得无论是它的名称还是意图，都能看出facebook以及其他支持这种协议的社交平台的开放性, 特别是在某些平台会屏蔽外链或者限流带有外链的衬托下。和open graph类似还有twitter自己的card，如果twitter card和open graph同时存在的话，会先显示在twitter card。如果twitter card没有定义，才会显示open graph。
Open Graph Protocol（开放内容协议）
weixin_33724046的博客
06-14 464
前一阵子在分析竞争对手时，看到某个英文外贸B2C[Business-to-Customer（商家对顾客）]页面&lt;head&gt;代码中有一段： &lt;meta property="og:title" content="LightInTheBox, Global Online Shopping" /&gt;&lt;meta property="og:type" content="p.
The Open Graph protocol(开放图谱协议)的介绍及应用
milovetingting的专栏
05-26 1057
Open Graph 协议使任何网页都可以成为社交中的丰富对象。例如，用于Facebook以允许任何网页具有与Facebook上任何其他对象相同的功能。以下是把链接分享到钉钉。
Open Graph Protocol
weixin_59905053的博客
09-01 147
它是一种新的HTTP头部标记，由Facebook在2010年在开发者大会上发布。这种协议可以让网页成为一个‘富媒体对象’，使用Meta Property=og标签，使得SNS可以从页面抓取有效信息并呈现出来。所以当我们分享一个链接（URL）时，在有的 网站或者APP 上它只是一个链接，而在有的 网站或者APP 上，它却可以包含如图1所示的标题、图片、描述等信息。这时就学到一个新的知识点：Open Graph Protocol，即开放图谱协议，简称OG协议。怎么实现图1的效果呢？
Open Graph Protocol(开放内容协议)
weixin_33720078的博客
12-05 653
最近在整理公司hexo博客的时候突然发现在页面 head 里面有一个这个奇怪的 meta Open Graph Protocol(开放内容协议) 开放内容协议一种新的HTTP头部标记，即这种协议可以让网页成为一个“富媒体对象”。 用了Meta Property=og标签，就是你同意了网页内容可以被其他社会化网站引用等。 说白了，这个属性的加入能让用户的页面内容能正确的分享到 SNS 网站，这样...
Opengraph：用于OpenGraph协议PHP 5.3+和PHP 7.3框架
03-02
cd Opengraph/ curl -s https://getcomposer.org/installer | php php composer.phar install --dev ./vendor/atoum/atoum/bin/atoum --glob Tests/Units/ 作家 <?php namespace Application ; require_once __...
opengraph.cr：Open Graph协议的Crystal包装器
02-04
opengraph.cr：Open Graph协议的Crystal包装器
gopengraph:用于解析来自网站的 Open Graph 协议和元数据信息的 Go 库
07-13
图形 GopenGraph 是一个非常简单的 Go 库，用于解析来自网站的协议和元数据信息。 安装 ...用法 import ( "fmt" ...// Directly from an URL pageFromUrl := gopengraph ....fmt ....// => Title: Build software bette
php-open-graph：该软件包为Open Graph协议提供了流畅PHP OOP构建器
02-06
use Astrotomic \ OpenGraph \ OpenGraph ; use Astrotomic \ OpenGraph \ StructuredProperties \ Image ; echo OpenGraph :: website ( 'Example' ) -> url ( 'https://example.com' ) -> image ( 'http
opengraph:opengraph是一个Go库和命令行工具，用于从HTML文档中提取Open Graph元数据
05-27
开放式 opengraph是一个Go库和命令行工具，用于从HTML文档中提取元数据。 图书馆 安装 import "github.com/johnreutersward/opengraph" 用法 从IMDb上的电影中提取Open Graph元数据（无错误处理） res , _ := http . Get ( "http://www.imdb.com/title/tt0118715/" ) md , _ := opengraph . Extract ( res . Body ) for i := range md { fmt . Printf ( "%s = %s \n " , md [ i ]. Property , md [ i ]. Content ) } 将输出 url = http://www.imdb.com/title/tt0118715/ type = vid
MTF6000 Open Protocol_2018_06.pdf
09-25
MTF6000 Open Protocol Altlas微扭枪开放协议手册，介绍如何连接，调用PSET号，启动，发布订阅命令，反馈运行结果。
OpenProtocol-MTF6000
01-15
阿特拉斯控制器MTF6000开放式协议资料；对应TCPIP；对应报文格式
Canonical Url Open-crx插件
03-15
（2）Open Graph Protocol Url（OGC）指定网页的合法URL。 仅当网页的内容具有以下规格时，它才起作用。 例子： <meta property="og:url" content="http://www.????.com/index.html">（3）指定网页的Twitter ...
前端需要了解的：开放图谱协议（The Open Graph protocol）
厦门在乎科技
11-25 826
Open Graph 是一种互联网协议，最初由 Facebook 创建，用于标准化网页中元数据的使用，使得社交媒体得以以丰富的“图形”对象来表示共享的页面内容。 什么是 Open Graph Protocol（开放图谱协议）   Open Graph Protocol（开放图谱协议），简称OG 协议。它是 Facebook 在 2010 年 F8 开发者大会公布的一种网页元信息（Meta Information）标记协议，属于 Meta Tag （Meta 标签）的范畴。 是一种为社交分享而生的 M.
VuePress 博客之 SEO 优化（四） Open Graph protocol
weixin_55475226的博客
03-19 565
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。 本篇讲讲 SEO 优化中的 Open Graph protocol。 meta 标签 如果我们打开思否任意一篇文章，比如这篇《VuePress 博客优化之增加 Vssue 评论功能》，查看 DOM 元素，我们可以在 head 中找到这样一段 meta 标签： 我们可以发现 name 都是以 og: 开头，这是什么意思呢，又是什么
Open Graph 分享预览
magicpince的专栏
08-18 2637
产品部这周给了我如下需求，在twitter,skype,telegram中用户分享网站的链接时会生成一张小卡片 大概是这个这样子 那么我们如何完成这个需求呢？ Facebook定义了名为Open Graph 协议，网页在meta标签定义OG的属性，而社交软件则读取meta中的属性，显示卡片 名称 说明 og:url 对象的网址，即权威链接。通常是放置属性标签的页面的网址...
从iOS端Facebook分享的预览效果到Open Graph Protocol(开放内容协议)
icetime17的专栏
06-12 2864
主要记录了在iOS端进行Facebook分享时遇到的一个问题, 涉及到Open Graph Protocol(开放内容协议).
Open Graph Preview
05-25
Open Graph Preview is a tool that allows you to see how your website will look when shared on social media platforms like Facebook, Twitter, LinkedIn, and others. By entering your website URL into the...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值