首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >og:image和og:url应该放在<meta>或<link>中吗?

og:image和og:url应该放在<meta>或<link>中吗?
EN

Stack Overflow用户
提问于 2017-01-28 22:44:32
回答 2查看 4.8K关注 0票数 5

对于og:imageog:url,因为它们都有URL,所以我可以将它们放在link标记中而不是meta标记中吗?

另外,使用这两个标记w.r.t的区别是什么。og:imageog:url

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-01-29 00:45:10

我不知道OGP的其他主要消费者,所以这对你的情况可能不是问题,但是如果你打算在Facebook上实现它,

粘在金属标签上。

通过对开放图调试器进行快速的实时测试和修改og:标记,facebook似乎只在它们被放置在<meta>中时才能识别它们。

试试看

如果在og:url部分创建了一个带有单个<head>标记的空HTML,那么将其上传到任何一个<head>,并通过上面的调试器运行它,两者都是

代码语言:javascript
运行
复制
<link rel="og:url" href="http://www.imdb.com/title/tt0117500/" />

代码语言:javascript
运行
复制
<link property="og:url" content="http://www.imdb.com/title/tt0117500/" />

按注释中的建议编辑或

代码语言:javascript
运行
复制
<link property="og:url" href="http://www.imdb.com/title/tt0117500/" />

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

代码语言:javascript
运行
复制
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> 

正确地分析并在IMDb上返回Rock的内容。在一天结束时,语义是很好的,但是工作代码更好。

票数 5
EN

Stack Overflow用户

发布于 2017-01-29 00:09:14

如果值是,则必须使用link而不是meta

来自元素

meta元素表示无法使用…表示的各种元数据。link…元素。

但是,当然可以使用link元素来表示URL (因为它的用途)。

如果将meta元素用于URL值,则RDFa解析器将提取字符串值而不是URL值。这也意味着它们无法对基本URL应用相对引用。

示例

假设这些元素在带有URL http://example.com/foo的文档中

代码语言:javascript
运行
复制
<link property="schema:url"    href="/bar" />
<meta property="schema:url" content="/bar" />

link元素的值是http://example.com/bar

meta元素的值是字符串/bar

然而,在OGP的情况下,…

OGP文件中的示例将meta元素用于URL值;没有link元素的示例。

这意味着它们的许多示例都是无效的HTML+RDFa,而在这些情况下,RDFa解析器将提取字符串而不是URL,

可能是Facebook (或任何其他用户)实际上没有使用RDFa来解析内容,也可能是他们不支持link元素。

注:从它们的文档质量来看,这些只是可能的。我没有任何经验/洞察力,因为我不使用Facebook。所以,如果你关心基于OGP的功能,你可能会想要在Facebook上测试它。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41915689

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档