HTML meta标签 property属性

property 是 HTML 中 <meta> 标签的一个属性，它的核心作用是定义网页的结构化数据，主要用于社交媒体分享和内容抓取。

它通过 property 和 content 属性成对出现，property 定义元数据的类型，content 则提供具体的值。

你可以把它理解为给社交媒体机器人（如微信、微博、Facebook）看的说明书。当你在朋友圈或聊天软件里发链接时，它能决定卡片上显示什么标题、什么图片、什么描述。

和 name 的区别

• name + content：给浏览器和搜索引擎看。用于设置网页字符集、视口（viewport）、SEO关键词和描述。例如：<meta name="description" content="这是网页描述">
• property + content：给社交媒体和爬虫看。基于 Open Graph（开放图谱） 协议，专门用来生成美观的链接预览。例如：<meta property="og:title" content="分享标题">

常见写法

绝大多数 property 都以 og: 开头（由 Facebook 提出，现为行业标准）：

<!-- 必须有的基础信息 -->
<meta property="og:title" content="标题（通常用于分享卡片的大标题）" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://你的网站/封面图.jpg" />
<meta property="og:url" content="https://你的网站/当前页面链接" />

<!-- 建议有的描述信息 -->
<meta property="og:description" content="这里显示在卡片摘要里的文字" />

<!-- 针对国内平台（如微信）额外用到的 -->
<meta property="og:site_name" content="网站名称" />