首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Open Graph协议是由Facebook推出的元数据协议

Open Graph协议是由Facebook推出的元数据协议

作者头像
西里网
发布2025-05-15 10:13:33
发布2025-05-15 10:13:33
14900
代码可运行
举报
文章被收录于专栏:西里网CSDN博客西里网CSDN博客
运行总次数:0
代码可运行
参考资料

  1. Meta自动刷新
  2. Meta字符编码声明
  3. meta‌搜索引擎索引规则
  4. Open Graph协议是由Facebook推出的元数据协议
  5. Meta Twitter 卡片
  6. Meta 文档类型声明(DOCTYPE)是HTML文档开头的声明
  7. Meta 暗色模式适配
  8. Meta标签禁止电话号码自动识别

简介: Open Graph协议是由Facebook推出的元数据协议,用于标准化网页内容在社交网络中的呈现方式。它通过在网页HTML头部添加特定meta标签来实现。

功能:

  1. 控制内容在社交平台分享时的显示形式
  2. 定义丰富的分享预览(标题、描述、图片等)
  3. 支持内容类型标记(文章、视频、产品等)
  4. 实现跨平台内容一致性展示

基本语法:

代码语言:javascript
代码运行次数:0
运行
复制
  1. <meta property="og:属性名" content="属性值" />

核心属性:

  • og:title - 内容标题
  • og:type - 内容类型(article/video/website等)
  • og:url - 规范URL
  • og:image - 预览图片URL
  • og:description - 内容描述
  • og:site_name - 网站名称

示例代码:

代码语言:javascript
代码运行次数:0
运行
复制
  1. <head>
  2. <meta property="og:title" content="示例文章" />
  3. <meta property="og:type" content="article" />
  4. <meta property="og:url" content="https://example.com/article" />
  5. <meta property="og:image" content="https://example.com/image.jpg" />
  6. <meta property="og:description" content="这是示例文章的描述" />
  7. <meta property="og:site_name" content="示例网站" />
  8. </head>

注意事项:

  1. 图片推荐尺寸至少1200x630像素
  2. 必须包含title、type、url、image四个基本属性
  3. URL需使用绝对路径
  4. 不同平台可能支持不同的扩展属性
  5. 可使用Facebook分享调试工具验证效果
  6. 内容更新后可能需要重新抓取才能生效
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 参考资料
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档