open graph 简述

场景

在我们使用twitter的时候，会发现有的链接会显示预览卡片，有的不会。

Pasted image 20240409203435

Pasted image 20240409204440

这是因为有的网站设置了open graph，有的没有。

Pasted image 20240409103122

那么什么是open graph？

open graph是一个由facebook在2010年发布的协议，用于在社交网络上分享链接时，显示预览卡片。

Pasted image 20240409204654

我觉得无论是它的名称还是意图，都能看出facebook以及其他支持这种协议的社交平台的开放性, 特别是在某些平台会屏蔽外链或者限流带有外链的衬托下。

Pasted image 20240409205145

和open graph类似还有twitter自己的card，如果twitter card和open graph同时存在的话，会先显示在twitter card。如果twitter card没有定义，才会显示open graph。

Pasted image 20240409213244

Pasted image 20240408163056

预览和检查工具

OpenGraph - Preview Social Media Share and Generate Metatags - OpenGraph

Pasted image 20240409201933

OpenGraph - Preview Images and Generate Open Graph Meta Tags

Pasted image 20240409195616

Pasted image 20240409131420

一些例子

Open Graph Examples

Pasted image 20240409131603

posted @   KazooTTT  阅读(35)  评论(0)  编辑  收藏  举报
相关博文：
· 资讯周报@2 (2023-03-19)
· 【油猴脚本】隐藏你的twitter信息
· The Open Graph protocol(开放图谱协议)的介绍及应用
· 记录--HTML问题：如何实现分享URL预览？
· OGP协议的使用
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· Qt个人项目总结 —— MySQL数据库查询与断言
点击右上角即可分享
微信分享提示