【问题标题】:Facebook open graph meta tags & valid html [duplicate]Facebook打开图形元标签和有效的html [重复]
【发布时间】:2011-04-26 23:26:33
【问题描述】:

可能重复:
Html validation error for property attribute

根据 facebook 使用他们的点赞按钮和打开的图元标记,您需要将这样的内容放入您的 html 页面中。

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>

他们到底在玩什么?这是无效的 html,属性 'property' 不是,也从来不是元标记的属性,那么到底为什么 facebook 使用它而不是

我不愿意在我的网站上尝试使用有效的“名称”而不是“属性”,因为如果我尝试并且它在我的网站上不起作用,那么在我测试它时点击喜欢的任何人都会有他们的像失败一样。所以...有谁知道如果我使用 use 'name' 而不是 'property' 这仍然有效吗?

【问题讨论】:

  • 为什么要在现场环境中进行测试?如果这是一项重要的更改,则值得设置一个暂存区以进行适当的测试。

标签: facebook xhtml facebook-opengraph


【解决方案1】:

不要忘记他们还希望您向 html 标记声明一些模式 - 特别是通过 xmlns:og="http://opengraphprotocol.org/schema/ 的开放图。 OG 基于RDFa 为元标记添加了附加属性。

完成后,请务必添加您的 fb:like - &lt;fb:like href="http://developers.facebook.com/" width="450" height="80"/&gt; - example 非常简单。别忘了加xmlns:fb="http://www.facebook.com/2008/fbml" 不然你会伤心的

在关于元标记验证的 SO 上找到 this answer。做那个答案描述的应该可以让你通过任何 w3c 验证器。

【讨论】:

  • 是的,得到了​​所有这些并且一切正常!但是添加模式并不会改变“属性”不是 的属性这一事实
  • 它不是一个标准属性,因此被拉入的附加模式会告诉浏览器属性的含义以及由于使用模式而有效。
  • 模式附加到命名空间“fb”和“og”,因此它们会影响对这些命名空间中标签的更改,而不是全局命名空间中的标签更改。所以唯一可能的方法是标签是
  • 无需破解,请在此处查看答案:stackoverflow.com/a/25575860/922522
猜你喜欢
  • 2015-03-02
  • 2012-01-18
  • 2013-04-24
  • 2012-06-18
  • 1970-01-01
  • 2012-08-02
  • 2013-12-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多