Facebook meta标签不适用于AJAX网站

时间:2011-10-22 23:37:10

标签: html ajax facebook facebook-opengraph

我有一个100%的ajax webapp,我有以下问题。 我的网站生成动态内容,每个ajax“页面”都有一个类似的按钮 动态生成。要明确的是,他的链接是“...#subpage”,用户可以像这样 “...#子页面”。但是,我想要预览该内容。

我已经把适当的meta标签(og:image,og:url等)放在了  facebook link debugger(http://developers.facebook.com/tools/debug)它总是说标签处于初始状态(就像普通的html页面一样,没有ajax)。

所以问题是,如何让meta标签为facebook链接动态地工作

1 个答案:

答案 0 :(得分:1)

最好实际为网页提供自己的网址。您可以使用.htaccess等服务器端方法将http://yourdomain.com/birds/bees之类的网址重定向到http://yourdomain.com?page=birds&subpage=bees。这样,您的内容就可以搜索,访问和收藏。

您可以使用HTML5历史记录API(http://html5demos.com/history)使用当前网址更新地址栏,而无需重新加载网页。您还可以将事件附加到后退按钮,这使您的网站更加用户友好。

当您更新地址栏时,您也可以使用Javascript更新元标记,因此Facebook赞按钮会像“正确”页面一样。

HTML5 History API适用于所有现代浏览器,Internet Explorer是唯一不受支持的浏览器。