2017.03/12(Sun)

【ブログ】「アイキャッチ画像」を調べていったら「メタタグ」やら「Twitterカード」やらがわらわらと出てきた件

久しぶりにブログを更新しだしたら、FC2の投稿画面に新しい項目が増えていました。この「アイキャッチ画像」ってやつ。
FC2投稿画面の「アイキャッチ画像」
エントリを書いて投稿するたびに必ず目に入るので、気になって簡単に調べたりしていました。
更新を再開した日昨日も一言触れています。どうしても気になって仕方がなかったみたいですw

Twitterカードって言うんだって

Twitterのタイムラインにたまにこんなのが流れてくるじゃないですか。
Twitterカードの例
「SNS通知などに利用できます」ってヘルプを見て、あー、これのことかなー、なんて思っていたんですが。

ちゃんと調べてみると、これ、Twitterカードって言うんだそうです。
ちょっとアフィ臭いけどでもちょっとかっこいいよなー、画像のURL入れるだけでこんな風になるのかなー、と思って使ってみましたが、ダメでした。
面倒だし放置しようかなとも思いましたが、毎回毎回目に入るところなので、真面目に調べてみました。

参考にしたところ

以下のページを参考にしました。
Twitterカードって何?誰でもできる設定の仕方 - 情報管理LOG
FC2ブログをTwitterカードに対応させる方法 - 情報管理LOG

3ステップ必要でした

やってみると、思ったほどお手軽ではなく、以下の3ステップが必要でした。

  1. 環境設定→ブログの設定→メタタグの設定

  2. 環境設定→ブログの設定→メタタグの設定を「有効にする」に。
    自分は初期値が「無効にする」になっていました。
    環境設定→ブログの設定→メタタグの設定

  3. 「テンプレートの設定」で、自分の使っているテンプレートにメタタグを設定する

  4. ここがハードル高そうです。
    実際にはコピペするだけですが、ちょっとドキドキします。

    きちんとした知識がないので、参考にしたページにあったコードをそのままコピペ。TwitterIDだけ自分のものに置き換えました。
    テンプレートの設定でHTML編集はこれまでもやったことがあります。自分が使っているテンプレートは、親切なコメントがたくさん入っているので助かりました。
    テンプレートの設定

  5. 「Card validator」で申請

  6. 検証ツールでURLを実行して申請」って書いてあります。「検証ツール」に自分のブログのエントリのアドレスをどれか一つ入れて、メタタグの設定がうまくいっているか確認すると同時に、Twitterに「申請」していることになっているみたい。
    Twitterの「Card validaor」
    「*.hanemitsuru.blog105.fc2.com is whitelisted for summary card」ってことは、「申請」が通ったってことでしょうか。

    で、元凶の「アイキャッチ画像」は、Twitterカードにエントリの最初の画像を使うのではなく、別に何か特定の画像を使うときに設定する、ということのようです。

    偉そうに書きましたが、この記事がテスト投稿になります。

    設定が済んでこの記事が初投稿です。
    偉そうに書いたのでうまくいっているといいのですが。

    制限時間

    今日はいろいろ調べたりしたので、2時間50分…。

    リハビリ日記~今日できたこと

    FC2でTwitterカードを利用するための設定。
    いや、自分トラブル体質なので、もしかしたら失敗しているかもしれませんが…。

    追記

    うまくいってましたw
    関連記事

    テーマ : twitter - ジャンル : ブログ

    タグ : FC2 Twitter Twitterカード アイキャッチ画像

03:58  |  ブログ  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
 | BLOGTOP |