大纲介绍
Open Graph protocol 是 facebook 2010 年推出的一套规范, 用途是通过一些简单的 meta tag 来描述网站的内容。
这样在 sharing 网址的时候就可以拉出一些资料和图片, 而不只是单调的一个 link.
学习资源
什么是 Open Graph 标签？不懂你还做什么社交营销优化？！
小困惑
关于 prefix 是会有一点点 confuse 的, 有些网站干脆就没有放.
Meaning of HTML prefix attribute (Open Graph Protocol)?
OpenGraph prefix in header necessary?
Do we need open graph prefix in header?
How to successfully implement og:image for the LinkedIn
How to integrate OGP into a webpage (有教怎样写 prefix)
最后我的写法是
html 写
header 和 og:Type 的写发
比如 og:type="music.song", namespace 是 music
所以 head prefix="music: https://ogp.me/ns/music"
注意事项
WhatsApp 图片必须小过 300kb 不然会出不来哦.