mirror of
https://github.com/KazooTTT/kazoottt-blog.git
synced 2025-06-25 03:31:29 +08:00
3.1 KiB
3.1 KiB
title, date, author, tags, finished, published, slug, description, NotionID-notionnext, link-notionnext, rinId, category, toAstro
| title | date | author | tags | finished | published | slug | description | NotionID-notionnext | link-notionnext | rinId | category | toAstro |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| open graph简述 | 2024-04-09 | KazooTTT | true | true | open-graph | 在使用Twitter时，我们可能会注意到有些链接会显示预览卡片，而有些则不会。这主要是因为一些网站设置了Open Graph协议，而有些则没有。Open Graph是由Facebook在2010年推出的协议，用于在社交网络上分享链接时显示预览卡片。此外，Twitter也有自己的Twitter Card协议，如果两者同时存在，Twitter会优先显示Twitter Card的内容。文章还介绍了一些检查和预览Open Graph设置的工具，以及提供Open Graph示例的网站。 | 76ed52a0-ad58-401c-8a5d-c5719f67b673 | https://kazoottt.notion.site/open-graph-76ed52a0ad58401c8a5dc5719f67b673 | 16 | 编程-前端-其他 | true |
Open Graph 简述
场景
在我们使用twitter的时候，会发现有的链接会显示预览卡片，有的不会。
这是因为有的网站设置了open graph，有的没有。
那么什么是open graph？
open graph是一个由facebook在2010年发布的协议，用于在社交网络上分享链接时，显示预览卡片。
我觉得无论是它的名称还是意图，都能看出facebook以及其他支持这种协议的社交平台的开放性, 特别是在某些平台会屏蔽外链或者限流带有外链的衬托下。
和open graph类似还有twitter自己的card，如果twitter card和open graph同时存在的话，会先显示在twitter card。如果twitter card没有定义，才会显示open graph。
预览和检查工具
OpenGraph - Preview Social Media Share and Generate Metatags - OpenGraph
OpenGraph - Preview Images and Generate Open Graph Meta Tags
一些例子
