忍者ブログ

棘を縫う

OGPを設定してもTitterカードに反映されなかった

エロを取り扱うFC2ブログの方でアイキャッチが上手く反映されませんでした。
理想としてはTwitterのまとめの最初の画像がTwitterのカードに反映されたらいいなと思っていましたが無理でした。

反映されない理由は以下の通りでした。
1.metaタグをきちんとtwitterの物に対応させた内容にしないといけない
2.FC2のOGP設定は反映されない

Twitter公式のmetaタグ

metaタグは以下の物をアレンジして使用してみて下さい。
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@twitterのID" />
  <meta name="twitter:title" content="表示させたいタイトル" />
  <meta name="twitter:description" content="表示させたい説明" />
  <meta name="twitter:image" content="使いたい画像のURL" />

FC2用に調整

FC2用に調整してみたソースコードがこちらです

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@twitterのID" />
<!--permanent_area--><!--topentry-->
  <meta name="twitter:title" content="<%topentry_title>" />
  <meta name="twitter:description" content="<%topentry_description>" />
  <meta name="twitter:image" content="<%topentry_image_url>" />
<!--/topentry--><!--/permanent_area-->
<!--not_permanent_area-->
  <meta name="twitter:title" content="表示させたいタイトル" />
  <meta name="twitter:description" content="表示させたい説明" />
  <meta name="twitter:image" content="使いたい画像のURL" />
<!--/not_permanent_area-->

注意事項

<%topentry_image_url>で設定される優先順位。
1.アイキャッチ画像
2.記事内の画像
3.サムネイル代替画像

アイキャッチ画像は自身のFC2ブログにアップされていないものは使えない。
記事内の画像は実際には本文に書かれた物のみ。追記の物は反映されない。
最小 144 x 144px、最大 4096 x 4096px。
5MB未満。
JPG、PNG、WEBP、GIF(アニメーションGIFは最初のフレームのみ)

遭遇したトラブル

全然反映されなくなった

全く反映されずファイルが見つからない表示になっていました。
Twitter側がサーバーのキャッシュを読み込んでいたためで、別の記事ではうまく動きました。
なかなかうまくいかない時は試してみるURLを変更してみるといいと思います。

アイキャッチの仕様で望みの設定ができない

外部の画像読み込みはFC2の側で<%topentry_image_url>に指定できない。
試しにbody内にmetaタグを入れてみましたけど無理でした。
理想としては記事毎に別の画像が表示されて欲しかったのですが、手間がかかりますし他人の著作物をアップすると自己防衛できなくなると思ったので断念しました。
ダウトちゃんの作者氏にお願いして一枚画像を融通してもらったのでそちらをブログの顔として使う事にします。ダウトちゃん可愛い。
PR

コメント

ただいまコメントを受けつけておりません。

広告

カレンダー

03 2024/04 05
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

リンク

P R