og:image 和 og:url 应该放在 <meta> 还是 <link> 中?

jay*_*ant 5 html rdfa meta-tags facebook-opengraph

对于og:imageog:url,由于它们有 URL,我可以将它们放在link标签中而不是meta标签中吗?这样更好吗?

og:image另外,使用这两个标签 wrt和有何区别og:url

ppa*_*jer 5

我不知道 OGP 的其他主要消费者,所以这对您来说可能不是问题,但如果您计划为 Facebook 实施它,

坚持元标签。

使用开放图调试器进行快速实时测试并摆弄og:标签,看来 facebook 仅在将它们放置在<meta>s 中时才能识别它们。

尝试一下

如果您创建一个og:url在其<head>部分中包含单个标记的空 HTML 文件,请将其上传到任何 URL 并通过上面的调试器运行它,两者都可以

<link rel="og:url" href="http://www.imdb.com/title/tt0117500/" />
Run Code Online (Sandbox Code Playgroud)

<link property="og:url" content="http://www.imdb.com/title/tt0117500/" />
Run Code Online (Sandbox Code Playgroud)

编辑或按照评论中的建议

<link property="og:url" href="http://www.imdb.com/title/tt0117500/" />
Run Code Online (Sandbox Code Playgroud)

将无法解析并返回原始 URL,而

<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> 
Run Code Online (Sandbox Code Playgroud)

正确解析并返回 IMDb 上 The Rock 的内容。归根结底,语义很好,但工作代码更好。