//blog/tags/about/friends

使用 OpenGraph 协议显示微信链接图片

- website wechat seo share

每当我想把博文分享到微信朋友圈的时候,都会碰到一个很蛋疼的问题
kohai-blog-wechat-link-avatar-error
没错柯灰就是反面教材

找了一下别的网站,发现了一个非常奇怪的 meta 标签

<meta property="og:image" content="xxx" />

查了一下原来是 OpenGraph 协议
open-graph-index

加上后成功显示了

<meta
  property="og:image"
  content="https://gitee.com/jsun969/assets/raw/master/avatar.png"
/>

link-avatar-success

其实 OpenGraph 还有很多用法,比如og:title或者og:description,这样在 telegram 上可以实现一个比较美观的链接
telegram-link