使用OpenGraph协议显示微信链接图片 - 荆棘小栈
149
建站
2021-10-02 11:09:21

每当我想把博文分享到微信朋友圈的时候,都会碰到一个很蛋疼的问题

kohai-blog-wechat-link-avatar-error

没错柯灰就是反面教材

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

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

查了一下原来是 OpenGraph协议

open-graph-index

加上后成功显示了

html
<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

微信
seo
分享
编辑于: 2021-10-02 12:22:36
知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可

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

149
建站
2021-10-02 11:09:21

每当我想把博文分享到微信朋友圈的时候,都会碰到一个很蛋疼的问题

kohai-blog-wechat-link-avatar-error

没错柯灰就是反面教材

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

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

查了一下原来是 OpenGraph协议

open-graph-index

加上后成功显示了

html
<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

微信
seo
分享
编辑于: 2021-10-02 12:22:36
知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可