【小技】Twitterでの記事紹介をかっこよく!FC2ブログでTwitterカードを設定してみた方法をご紹介!

こんにちは
あるふぃーるです

ブログを投稿するとTwtterにも更新通知が行くようになってます

いままで文字だけの通知だったのでなにか味気ない・・・
AF6100006277.jpg 

そこでTwtterカードを使うとかっこよくなるらしいのでやってみると
AF6100006276.jpg


目を引くものになりました( *´艸`)

ということでお小遣い稼ぎとは関係ないですが
忘れないうちにやり方をまとめたいと思います


Twtterカード設定手順

テンプレートにメタタグを設定


FC2ブログ管理ページへいき
「テンプレートの設定」→「HTML編集」を開きます

<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@xxxxxxxxx“>


「@xxxxxxxxx」Twtterのアカウントを入れてください


OGP設定を有効にする

FC2ブログ管理ページ
「環境設定」→「メタタグの設定」
 OGP設定を「有効にする」に変更して更新

AF6100006258.jpg 

Card Validatorでチェック


こちらのサイトでちゃんとできてるかチェック

Card URLにブログ記事のURLを設定
↓の場合はhttps://alfeelokodukai.com/blog-entry-1665.htmlを設定しています
AF6100006279.jpg 

↓のようなメッセージがでるとOK



XXXXXXX
  is whitelisted for summary_large_image card


XXXXXXX
はURLです


ここでエラーが出る場合
メタタグ設定が間違えている可能性がありますので見直してください


実際にツイートする


私の場合はちょっと待ちましたができました

AF6100006276.jpg

もし反映されていないーという場合はちょっと待ってみてくださいね




終わりに

FC2ブログ2年ぐらいやってますが
全くこの辺も気にせずにやってきてしまいました・・・

こういった見栄えも少しずつ気にしていこうと思います

でもそろそろブログお引越しする予定!

早めのお引越ししたい・・・
できるかなー?





ランキング参加中ですよろしくお願いします
にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ にほんブログ村 主婦日記ブログへ
お小遣い稼ぎに参考になる情報がいっぱいです

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)