web-dev-qa-db-ja.com

React Helmet：Facebook Open Graph

だからreact helmetクライアント側アプリで作業して、アプリでアクティブになっているページに応じて、facebookogタグをheadに再レンダリングします。

ただし、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>
reactjsreact-helmet
9
Timmy Lee

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

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

13
Gokhan Sari