ogp prefix 怎么写

2021/8/27 23:06:39

编程Tag： html https me 怎么 prefix ns ogp

本文主要是介绍ogp prefix 怎么写，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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>

工具

https://webcode.tools/generators/open-graph/product

大致上就是这样。

Links

https://ogp.me/
https://www.popwebdesign.net/what-is-ogp.html
https://stackoverflow.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

这篇关于ogp prefix 怎么写的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

ogp prefix 怎么写

相关编程文章