あなたがダイアログボックス内のウィジェットにウェブリンクのように投稿したものをfacebookがどのように変更するのかを知りたいです

Question

fbはキーワードでピックアップしますか？たとえば、このリンクを投稿しようとすると、「専門家と熱心なプログラマー向けにQ & Aを質問する方法」とその下のリンクが表示されます。あなたの助けは非常に高く評価されています:)

Answer 1

彼らは、サーバー側のリンクを照会し、それを擦って、その情報をブラウザにウィジェットとして送信します。

あなたはそれが起こる見ることができます：

1. あなたのクリップボードにリンクをコピーします。
2. オープンフェイスブック。
3. ブラウザの開発ツールを開き、[ネットワーク]タブに移動します。
4. [投稿]ボックスをクリックします（そうするときに読み込むさまざまなものが読み込まれます）。
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のようなリクエストが表示されます。応答には、ボックスの情報が含まれます。

Answer 2

FacebookはOpen Graph protocolを使用しています。

オープングラフプロトコルは、ソーシャルグラフの豊富なオブジェクトになるために、任意のWebページを可能にします。たとえば、これはFacebook上で使用され、Facebook上の他のオブジェクトと同じ機能を持つWebページを許可します。

ウェブページにOpen Graphメタタグを実装すると、Facebookはリンクを投稿した後に表示されるウィジェットを作成する際にこれらのフィールドを使用します。このページのソースを表示する場合

たとえば、あなたはog:image、og:title、og:description、og:typeとog:urlオープングラフタグが表示されます。 Facebook上でこのURLを共有する場合、ウィジェットはog:title,og:description,og:image、およびog:urlを使用します。あなたはFacebookのOpen Graph Debuggerツールでthis infoを見ることができます。

便利なツールはOpen Graph Debuggerです。このツールを使用すると、URLを投稿して、Facebookがページをスクラップする方法を表示できます。