html - Facebook 元标记不适用于 AJAX 网站

Question

我有一个 100% ajax webapp，但我遇到了以下问题。我的网站生成动态内容，每个 ajax“页面”都有一个喜欢的按钮动态生成。要清楚，他的链接是“...#subpage”，用户可以点赞“...#subpage”。但是，我希望可以预览该内容。

我已经放置了适当的元标记(og:image、og:url 等)但是，在 facebook 链接调试器 (http://developers.facebook.com/tools/debug) 它总是说标签处于初始状态(就像在纯 html 页面中一样，没有 ajax)。

所以问题是，如何使元标记动态地用于 facebook 链接

Answer 1

最好为页面提供它们自己的 URL。您可以使用 .htaccess 等服务器端方法将 http://yourdomain.com/birds/bees 等 URL 重定向到 http://yourdomain.com ?page=birds&subpage=bees。这样您的内容就可以搜索、访问和添加书签。

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

当您更新地址栏时，您也可以使用 Javascript 更新元标记，这样 Facebook 的点赞按钮就会点赞“正确”的页面。

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