現在自分のサイトで下記のようにOGPを設定しています。
HTML
1<meta property="og:site_name" content="ほげほげ"/> 2<meta property="og:url" content="https://www.hogehoge.com/web/abc"/> 3<meta property="og:title" content="(省略)"/> 4<meta property="og:type" content="video"/> 5<meta property="og:image" content="https://xxx.hogehoge.com/thumb.jpg"/> 6<meta property="og:description" content="(省略)"/> 7<meta property="fb:app_id" content="123456789012345" /> 8<meta name="twitter:card" value="summary" /> 9<meta name="twitter:site" content="@hoge_account" /> 10<meta name="twitter:url" content="https://www.hogehoge.com/web/abc"/> 11<meta name="twitter:title" content="(省略)"/> 12<meta name="twitter:description" content="(省略)"/> 13<meta name="twitter:image" content="https://xxx.hogehoge.com/thumb.jpg"/>
この状態で、Facebook共有を行うとFacebookのタイムライン上に正しく画像が表示されるのですが、
Twitterでは画像が表示されません。
TwitterのCard validatorでチェックもしましたが、画像が表示されないだけでエラーは出ませんでした。
試しにog:imageとtwitter:imageを"https://www.hogehoge.com/web/test.jpg"と変更したところ、
Twitterのタイムラインに画像が表示されるようになりました。
Twitter cardsでは、対象ページとサブドメインが異なる場所にある画像は参照できないのでしょうか?
サムネイル画像は”xxx.hogehoge.com”にあるものを利用したいのですが、そういったことは不可能なのでしょうか?
何かご存知の方いらっしゃいましたら、ご教授いただきますようお願い致します。
あなたの回答
tips
プレビュー