シングルページアプリケーションのFacebook共有者

Question

Facebookリンク共有メカニズムは次のとおりです： Facebookブックマーククローラは、Facebookにウェブサイトリンクを共有したいときに、あなたのWebページを認識し、Facebook Open Graph Markupがヘッドタグ。存在する場合は、共有時に投稿内の素材として抽出されます。

質問があります： これは、単一ページのReact Appの場合です。私は商用製品を共有したいと思います。私の投稿には写真とブランド名が含まれています。しかし、このようなデータは非同期的に取り出されるため、製品情報はfacebookクローラーによって取り出されません。

Answer 1

Facebook共有者は、Open Graph Meta Tagsのみを検索します。サーバーの応答後にこれらのコンテンツを準備する必要があります。データが非同期に取得された後でこれらのコンテンツが準備できれば、共有者は正しく動作しません。

<meta property="og:title" content="" /> 
<meta property="og:url" content="" /> 
<meta property="og:type" content="" /> 
<meta property="og:description" content="" /> 
<meta property="og:image" content="" />