我想知道facebook是如何将你发布的内容(如网络链接）更改为对话框中的小部件的

I would like to know how facebook changes something you post like a weblink into a widget within the dialog box

本文关键字：链接 网络 小部 对话框 facebook 想知道      更新时间：2023-09-26

fb会选择关键字吗？例如，如果你尝试发布这个链接，你会看到它显示"如何为专业和爱好者的程序员提问问答"，然后是底部的链接。非常感谢您的帮助：）

他们在服务器端查询链接，抓取链接，并将信息作为小部件发送到浏览器。

你可以看着它发生：

  1. 将链接复制到剪贴板
  2. 打开Facebook
  3. 打开浏览器的开发工具，然后转到"网络"选项卡
  4. 单击"Post"框（这样它就可以加载您执行此操作时加载的各种内容）
  5. 等待几秒钟
  6. 在"网络"选项卡中，单击"清除"，以便查看新增内容
  7. 将您的链接粘贴到"张贴"框中

您将看到一个类似https://www.facebook.com/react_composer/scraper/?composer_id=obscured&target_id=obscured&scrape_url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F36964511%2Fi-would-like-to-know-how-facebook-changes-something-you-post-like-a-weblink-into&entry_point=obscured&source_attachment=obscured&av=obscured&dpr=1的请求。该响应包括该框的信息。

Facebook使用Open Graph协议：

Open Graph协议使任何网页都能成为社交图中的丰富对象。例如，这在Facebook上用于允许任何网页具有与Facebook上任何其他对象相同的功能。

如果你在网页上实现了Open Graph元标记，Facebook将在创建你发布链接后看到的小部件时使用这些字段。

例如，如果查看此页面的源代码，则会看到og:image、og:title、og:description、og:type和og:url的Open Graph标记。如果您在Facebook上共享此URL，则小部件将使用og:title、og:description、og:image和og:url。您可以在Facebook的Open Graph Debugger工具中查看此信息。

一个有用的工具是Open Graph Debugger，它允许您发布URL并查看Facebook如何抓取页面。

相关文章：