ogp prefix 怎么写

Posted 泉油

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ogp prefix 怎么写相关的知识,希望对你有一定的参考价值。

官网的内容不好理解,我大概整理了一遍

my_namespace (类型)

  • Music
  • Video
  • Article
  • Book
  • Profile
  • Website (默认)

URL

 

当要使用类型时,需要一个 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

以上是关于ogp prefix 怎么写的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——声明函数

VSCode自定义代码片段8——声明函数

VSCode自定义代码片段——CSS动画

html OGP样本(twitter / facebook)

VSCode自定义代码片段(vue主模板)

vscode自定义代码片段