前提・実現したいこと
React.jsのreact-helmetでOGP設定をしてTwitter Cardに対応できるように設定を行ったのですが
titleやurl, descriptionは問題なく反映され、画像のみTwitter Cardに反映されません。
どのようにしたらTwitter Cardに画像を反映させることができるのでしょうか?
ご教授よろしくお願い致します。
該当のソースコード
import React, { useEffect, useState } from "react"; import { Helmet } from 'react-helmet'; ... const App = () => { const logo = require('./images/logo.png'); return ( <div className="App"> <Helmet title={`Title`} meta={[ { name: 'twitter:card', content: 'summary_large_image' }, { name: 'twitter:site', content: '' }, { name: 'twitter:creator', content: '' }, { property: 'og:title', content: 'title' }, { property: 'og:type', content: 'website' }, { property: 'og:url', content: 'https://....' }, { property: 'og:image', content: logo }, { property: 'og:description', content: 'site description' }, ]} /> .... </div> ); } export default App;
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。