Facebook开放图元标记和有效的HTML

3ur*_*och 40 xhtml facebook opengraph

可能重复:
属性属性的Html验证错误

根据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"/>
Run Code Online (Sandbox Code Playgroud)

他们到底在玩什么?这是无效的html,属性'属性'不是,并且从来不是元标记的属性所以为什么地球上有facebook使用这个而不是<meta name ="og:title"content ="The Rock"/>?

我不愿意在我的网站上使用有效的"名称"而不是"财产"来尝试,因为如果我尝试并且它在我的网站上不起作用,那么任何在我测试时点击的人都会失败.那么......有没有人知道我是否使用'名称'而不是'属性'这仍然有用吗?

NG.*_*NG. 26

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

一旦你完成了这一点,一定要添加你的fb:喜欢<fb:like href="http://developers.facebook.com/" width="450" height="80"/>- 这个例子非常简单.不要忘记添加xmlns:fb="http://www.facebook.com/2008/fbml"否则你会伤心

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

  • 模式附加到名称空间'fb'和'og',因此它们会影响这些名称空间中标记的更改,而不会影响全局名称空间中标记的更改.因此唯一可行的方法是标签是<fb:meta property ...还是<og:meta属性 (14认同)
  • 是的,得到了​​所有这一切,一切正常!但添加模式并不会改变"属性"不是<meta>属性的事实 (2认同)