参考资料

  1. Meta页面描述和关键词
  2. Meta Twitter 卡片
  3. Open Graph协议是由Facebook推出的元数据协议
  4. meta‌搜索引擎索引规则
  5. meta‌‌‌ iOS设备优化是一个用于提升iOS设备性能的库
  6. Meta标签禁止电话号码自动识别
  7. Meta视口（Viewport）是HTML中用于控制网页在移动设备上显示方式的标签
  8. Meta字符编码声明

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

功能：

  1. 控制内容在社交平台分享时的显示形式

  2. 定义丰富的分享预览（标题、描述、图片等）

  3. 支持内容类型标记（文章、视频、产品等）

  4. 实现跨平台内容一致性展示

基本语法：

<meta property="og:属性名" content="属性值" />

核心属性：

  • og:title - 内容标题

  • og:type - 内容类型（article/video/website等）

  • og:url - 规范URL

  • og:image - 预览图片URL

  • og:description - 内容描述

  • og:site_name - 网站名称

示例代码：

<head>
  <meta property="og:title" content="示例文章" />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="https://example.com/article" />
  <meta property="og:image" content="https://example.com/image.jpg" />
  <meta property="og:description" content="这是示例文章的描述" />
  <meta property="og:site_name" content="示例网站" />
</head>

注意事项：

  1. 图片推荐尺寸至少1200x630像素

  2. 必须包含title、type、url、image四个基本属性

  3. URL需使用绝对路径

  4. 不同平台可能支持不同的扩展属性

  5. 可使用Facebook分享调试工具验证效果

  6. 内容更新后可能需要重新抓取才能生效

TAG：图片属性协议社交平台标题类型基本