Skip to content

Instantly share code, notes, and snippets.

@yunyu950908
Last active September 14, 2024 08:14
Show Gist options
  • Save yunyu950908/c1a9dac3885d0ec19148a13d61c21b13 to your computer and use it in GitHub Desktop.
Save yunyu950908/c1a9dac3885d0ec19148a13d61c21b13 to your computer and use it in GitHub Desktop.
Open Graph 协议

https://devv.ai/search?threadId=dxuu72syxse8

Open Graph 协议是一种网络协议,最初由 Facebook 在 2010 年创建,旨在标准化网页中元数据的使用,以便更好地表示页面内容12。这个协议允许任何网页成为社交图谱中的丰富对象,使得网站内容在社交媒体平台上能够以更吸引人的方式呈现14

Open Graph 协议的主要目的是:

  1. 提高网页在社交媒体上的分享效果
  2. 让网站管理员能够控制他们的内容在社交平台上的展示方式
  3. 为社交媒体平台提供结构化的数据,以便更好地理解和展示网页内容

Open Graph 协议使用元标签(meta tags)来实现,这些标签应该放在网页的 部分2。以下是四个基本的 Open Graph 标签:

  1. og:title - 页面的标题
  2. og:type - 页面的类型(如 website、article、video 等)
  3. og:image - 代表页面内容的图片 URL
  4. og:url - 页面的规范 URL

除了这些基本标签,还有一些可选的标签,如 og:description(页面描述)、og:locale(语言和地区)、og:site_name(网站名称)等12

使用 Open Graph 协议的好处包括:

  1. 提高社交媒体分享时的视觉吸引力
  2. 增加点击率和网站流量
  3. 确保在各种社交平台上呈现一致的品牌形象
  4. 提供更多关于网页内容的上下文信息

值得注意的是,虽然 Open Graph 最初由 Facebook 创建,但现在已经被其他社交媒体平台如 Twitter、LinkedIn 和 Pinterest 所采用23

为了确保 Open Graph 标签正确实施并在社交媒体上正确显示,可以使用各种在线工具进行测试和预览,如 Facebook 的调试工具、Twitter 的卡片验证器等3

总之,Open Graph 协议是一个强大的工具,可以帮助网站所有者优化他们在社交媒体上的内容展示,从而提高网站的可见度和吸引力。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment