HTML标记开放图谱 OpenGraph

今天在某网站上看到有人说无需微信公众号实现微信卡片式分享，我记得发送卡片消息是需要借助公众号的能力的。阅读文章后，感觉自己受到了欺骗，就一个HTML标记开放图谱 OpenGraph的使用而已，实测即使不用这个方法，三星浏览器分享的网页在微信中就是卡片式的消息，别的手机不清楚。

既然说到HTML的开放图谱 OpenGraph了，那就专门讲讲这是个什么东西。它是一种开放内容协议（Open Graph Protocol）的标签，它可以让网页成为一个“富媒体对象”，并被其他社会化网站如Facebook、百度、谷歌等引用和展示。property=og 标签可以提高网页的传播效率和用户体验，也有利于 SEO 优化。

划重点，有利于SEO优化，实际有没有效果不清楚，有总比没有好，先看看有哪些属性。

• og:title 网页标题
• og:type 网页类型（常用值：article 、book 、movie 、video 、website）
• og:image 网页的主要图片
• og:author 作者名称
• og:url 网页的地址
• og:release_date 发布时间
• og:description 网页的简介
• og:site_name 页面所在网站名
• og:videosrc 视频或者Flash地址
• og:audiosrc 音频地址
• og:site_name 网站名称
• og:locale 网页语言

简单示例

<meta property="og:title" content="property=HTML标记开放图谱 OpenGraph-代码狗"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://static.daimadog.org/2023/11/daimadog.png"/>
<meta property="og:url" content="https://www.daimadog.org"/>
<meta property="og:description" content="代码狗-让代码更简单，是一个专注于WordPress建站,WordPress教程,各种代码实例、资源分享以及visionpro、halcon、opencv等工业视觉相关教程的个人博客网站。"/>
<meta property="og:site_name" content="代码狗-让代码更简单"/>
<meta property="og:locale" content="zh_CN"/>