Facebook 与 AJAX 元标记共享

Posted

技术标签:

【中文标题】Facebook 与 AJAX 元标记共享【英文标题】:Facebook share with AJAX meta tags 【发布时间】:2011-08-27 14:14:31 【问题描述】:

此页面在放入 Facebook 状态文本框时,会将缩略图、描述和页面标题以及我的姓名和缩略图抓取到 Facebook 共享器文本框中:

https://twitter.com/#!/ftwolf

但是,它显然是一个 AJAX 加载的页面(正如您可以通过哈希片段 URL 看出的那样)。如何在通过 AJAX 加载的页面上完成相同的操作?

【问题讨论】:

What's the shebang/hashbang (#!) in Facebook and new Twitter URLs for?的可能重复 【参考方案1】:

您可以使用jQuery(Twitter 用户也可能使用 jquery)及其插件address。它的实现非常简单

        $.address.init(function(event) 
            // Initializes plugin support for links
            $('a:not([href^=http])').address();
        ).change(function(event) 
            //do your stuff
        );

【讨论】:

【参考方案2】:

Facebook 爬虫的工作方式应该与google's 相同。

您可以使用 Facebook linter 测试您的实现

【讨论】:

确实如此,感谢您提供的链接。我想我做得对。

以上是关于Facebook 与 AJAX 元标记共享的主要内容,如果未能解决你的问题,请参考以下文章

无法使用开放图形元标记从我的 React next.js 网站共享 Facebook/Twitter 内容

Facebook 开放图元标记 og:图像问题

为 Facebook 和 LinkedIn 提供特定值所需的元标记?

创建一个可在任何地方共享的链接

在React SPA中打开图形元标记和SEO

服务器端使用反应的动态元标记