【小技】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を設定
↓の場合はhttp://alfeelokodukai.com/blog-entry-1665.htmlを設定しています
AF6100006279.jpg 

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

XXXXXXX  is whitelisted for summary_large_image card
XXXXXXXはURLです

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


実際にツイートする


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

AF6100006276.jpg

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




終わりに

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

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

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

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

このエントリーをはてなブックマークに追加
ランキング参加中です
よろしくお願いします

FC2Blog Ranking にほんブログ村 小遣いブログ 主婦のお小遣い稼ぎへ にほんブログ村 主婦日記ブログ アラフォー主婦へ



にほんブログ村 お小遣い稼ぎに参考になる情報がいっぱいです


Tag:小技 Twtterカード

0 Comments

Post a comment