問題

だから私はreact helmetを私のクライアントサイドアプリケーションで作業しているfacebook ogタグをアプリケーションでアクティブなページに応じて頭に再レンダリングします。

しかし、facebookデバッガとfacebook自体はこれをピックアップしません。何か不足していますか?これはサーバー側のレンダリングされたページでのみ可能ですか?

私はnode.jsを学ばなければならないことを願っています!

  <Helmet>
    <title>{props.title}</title>
    <meta property="og:url" content={ogUrl} />
    <meta property="og:type" content={props.type} />
    <meta property="og:title" content={props.title} />
    <meta property="og:description" content={props.desc} />
    <meta property="og:image" content={ogImg} />
 </Helmet>
 

  ベストアンサー

ほとんどの検索エンジンとクローラーはサーバーの応答を直接使用し、javascriptで変更することはできません。したがって、必要なのはサーバー側のレンダリングです。

または、 gatsbyjs react-static のようなツールを使用できます。基本的には、コンポーネントを事前にHTMLファイルにレンダリングします。

  同じタグがついた質問を見る

reactjsreact-helmet