官网的内容不好理解,我大概整理了一遍
my_namespace (类型)
- Music
- Video
- Article
- Book
- Profile
- Website (默认)
URL
https://ogp.me/ns/music#
https://ogp.me/ns/video#
https://ogp.me/ns/article#
https://ogp.me/ns/book#
https://ogp.me/ns/profile#
-
https://ogp.me/ns/website#
(默认)
当要使用类型时,需要一个 prefix
Best practices 是写在 html
<html prefix="og: https://ogp.me/ns#">
如果需要其他的 ogp,也能够放在一起
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#>
或是
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
这部分的教程没找到,目前做法是写多,因为写多不会错,写少就不行。
看到 xml... 就大概猜是 XHTML 的规范,希望猜的对。
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#">
image_src 看样子是早期的产物,官网也没有说这个废弃,可能是太久了吧
<link rel="image_src" href="https://www.your-website.com/open-graph.jpg">
Best practice
<html prefix="og: https://ogp.me/ns#"> <head> <title>The Rock (1996)</title> <meta property="og:title" content="The Rock" /> <meta property="og:type" content="video.movie" /> <meta property="og:url" content="https://www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" /> ... </head> ... </html>
工具
大致上就是这样。
Links
- https://ogp.me/
- https://www.popwebdesign.net/what-is-ogp.html
- https://*.com/questions/27943451/meaning-of-html-prefix-attribute-open-graph-protocol
- https://developers.facebook.com/docs/sharing/webmasters#markup
- https://schema.org.cn/docs/faq.html#1