open graph 简述

时间：2024-05-28 15:46:41浏览次数：23

标签：预览 graph twitter OpenGraph 简述 open card

场景

在我们使用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

标签：预览,graph,twitter,OpenGraph,简述,open,card
From： https://www.cnblogs.com/KazooTTT/p/18218151/open-graph

NodeJs + GraphQl 基于Apollo Server (2)
基于上一篇的项目继续深入学习和介绍项目中如何使用GraphQl.本篇更侧重于实际项目中使用GraphQL.如果还没有了解基本的GraphQl知识和没用想要新建项目开始演练的可从上一篇开始如何在NodeJs搭建GraphQLserviceApolloServer(1).1.重构app.js和service.mjs 1.1修改s......
测试C#GDI+双缓冲高效绘图--BufferedGraphicsContext
奥斯卡好的b、测试C#GDI+双缓冲高效绘图```#regionC#GDI+双缓冲高效绘图#regiontemp//Rectanglerectangle=e.ClipRectangle;//取出次窗体或者画布的有效区的矩形区域//BufferedGraphicsContextGraphicsContext=BufferedGraphicsM......
核间通信：Linux中RPMsg和OpenAMP详解
1.核间通信组件简介目前针对不同级别的操作系统，存在几种核间通信组件，分别是以Linux内嵌组件RPMsg、支持跨平台移植的OpenAMP，短小精简的RPMsg-Lite，这三个组件在代码细节、收发策略、移植性上各有优劣，用户可根据需要选择。它们起初都来源于Linux的RPMsg，遵循统一的协议标准（交互过......
自动化测试在 Kubernetes Operator 开发中的应用：以 OpenTelemetry 为例
背景最近在给opentelemetry-operator提交一个标签选择器的功能时，因为当时修改的函数是私有的，无法添加单测函数，所以社区建议我补充一个e2etest.因为在当前的版本下，只要给deployment打上了instrumentation.opentelemetry.io/inject-java:"true"这类注解就会给该deployme......
centos7.9安装openrestry
简介：openrestry是一个与lua脚本结合的高性能服务器一：根据官网下载安装包https://openresty.org/cn/linux-packages.html二..配置环境exportPATH=/usr/local/openresty/nginx/sbin:$PATH默认安装后的80端口会被开放,查看并杀死netstat-lnpt|grep80kill-9pid 三.简......
Open Feign
OpenFeign是一个基于Spring的声明式、模板化的HTTP客户端，它简化了编写Web服务客户端的过程。用户只需创建一个接口并添加相应的注解，即可实现对远程服务的调用。SpringCloudOpenFeign对Feign进行了二次封装，使得在SpringCloud中使用Feign的时候，可以做到使用HTTP......
Vue+OpenLayers7入门到实战：OpenLayers实现在地图上拖拽编辑修改绘制图形
返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7入门到实战前言本章介绍如何使用OpenLayers7在地图上拖拽编辑修改绘制图形。在前面一章中，我们已经学会了如何绘制基础的三种图形线段、圆形和多边形：《Vue+OpenLayers7入门到实战：OpenLayers图形绘制功能，OpenLayers实现在地......
OpenQA.Selenium.WebDriverException The HTTP request to the remote WebDriver serv
OpenQA.Selenium.WebDriverException:“TheHTTPrequesttotheremoteWebDriverserverforURLhttp://localhost:xxxx/sessiontimedoutafter60seconds.”1.在谷歌浏览器上加上中括号中的内容[--remote-debugging-port=9222]2.使用管理员模式打开谷歌浏览器3.重新生成......
# 使用RAG-GPT集成智谱AI、DeepSeek快速搭建OpenAI Cookbook智能客服
引言前面介绍了使用RAG-GPT和OpenAI快速搭建LangChain官网智能客服，目前国内也有一些比较不错的云端大模型API服务。本文将介绍通过RAG-GPT集成智谱AI和DeepSeek，快速搭建OpenAICookbook智能客服。RAG技术原理介绍在介绍RAG-GPT项目之前，我们首先要理解RAG的基本原理，RAG在问答系......
使用OpenSSL生成证书和私钥文件
使用OpenSSL生成证书和私钥文件，请按以下步骤操作：第1步：生成RSA私钥opensslgenrsa-outprivate_key.pem2048参数-out指定生成的私钥文件名，参数2048指定生成的RSA私钥以位为单位的长度，常见的取值：1024、2048、3072、4096，较长的密钥通常提供更高的安全性，但可能导致性能下降......

open graph 简述

场景

那么什么是open graph？

预览和检查工具

一些例子

相关文章

赞助商

阅读排行