网中看 网中看 1个月前

property="og:title" 是什么意思？og:的用法又是什么呢？

property=”og:title” 是什么意思？og:的用法又是什么呢？
经过查询资料了解到：og是一种新的HTTP头部标记，即Open Graph Protocol，这种协议可以让网页成为一个“富媒体对象”。
使用Meta Property=og标签，就代表同意了网页内容可以被其他社会化网站引用。

Open Graph协议基础
Open Graph（OG）协议由Facebook提出，用于标准化网页内容在社交媒体上的展示形式。抖音等平台也采用类似机制解析分享链接。核心<meta>标签包括：

  1. og:title: 卡片标题
  2. og:description: 卡片描述
  3. og:image: 卡片缩略图URL
  4. og:url: 分享链接的规范URL
  5. og:type: 内容类型（如website、article等）

<meta>标签配置示例，需放置在HTML的<head>部分：

  1. <meta property="og:title" content="这里是卡片标题">
  2. <meta property="og:description" content="这里是卡片描述，建议控制在50-100字内。">
  3. <meta property="og:image" content="https://example.com/image.jpg">
  4. <meta property="og:url" content="https://example.com/share-page">
  5. <meta property="og:type" content="website">
  6. <meta property="og:site_name" content="网站名称">
  • 图片要求：建议分辨率不低于1200×630像素，长宽比1.91:1，格式为JPEG或PNG。
  • 长度限制：标题不超过60字，描述不超过200字，避免截断。
    ygztgNwQ
    使用它的好处：

1、能够正确被蜘蛛抓取内容到百度网页搜索；
2、使内容更有效的在百度结构化展现；
3、能正确的分享内容到SNS网站；
4、能让内容更有效的在SNS网络中传播；

简而言之，使用og:可以让你的内容在被分享时正确展现，并且有利于在搜索结果中展现。