">

キッズプレート、パスタおかわり

プログラミングやデジモノについてあれこれ
--.--.-- --:--|カテゴリ:スポンサー広告| コメント(-)

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2012.09.27 01:33|カテゴリ:WEBサービス・ツールコメント(0)

FC2ブログに Twitter Card と Open Graph 用の meta タグを埋め込む


※Twitter Card に関してはきっとくると願っている FC2 BLOG の Twitter Card 対応への事前準備エントリです

 お久し振りんこ。今月も一ヶ月広告掲載阻止エントリーの時間がやってまいりました。

 本日のネタは、

「Twitter Card」

 です。Twitter Card ってどんなものかと言いますと特定の meta 情報が埋め込まれたURLがツイートされた際に、meta 情報におうじた概要が Tweet に表示される機能です。※詳細はこちら

参考:

 ちなみに Twitter Card が表示されるのは Twitter の公式クライアントと公式WEBのみ。上記エントリを公式WEBでみると以下のようになります。
twitterCardSample

 それではさっそく自分のブログのエントリーが呟かれた際に概要が表示されるよう、 Twitter Card 用の meta 情報が FC2 BLOG に埋め込まれるようにしてみましょう。ちなみにこの設定で追加されるmetaタグは Open Graph と共用となっていますので FaceBook での共有なんかでちゃんと記事の概要が表示されるようになりますよ〜

 さて手順ですが特に難しいことはありません。ブログの管理からテンプレートの編集を開き、「</head>」の前の行に以下の内容を挿入してください
<!--not_permanent_area-->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@happyscript">
<meta property="og:url" content="<%url>">
<meta property="og:title" content="<%blog_name>">
<meta property="og:description" content="<%introduction>">
<meta property="og:image" content="<%image>">
<!--/not_permanent_area-->
<!--permanent_area-->
<!--topentry-->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@happyscript">
<meta property="og:url" content="<%topentry_link>">
<meta property="og:title" content="<%topentry_title>">
<meta property="og:description" content="<%topentry_discription>">
<meta property="og:image" content="<%topentry_image_w300>">
<!--/topentry-->
<!--/permanent_area-->

 上記の内容で注意が必要なのが以下の部分、

<meta name="twitter:site" content="@happyscript">

 @happyscriptの部分を自分のTwitter IDに変更してください。TwitterのIDが無い場合や掲載したくない場合は該当行は削除してもかまいません。

 ただしここで問題がひとつ。どうも FC2 BLOG は Twitter Card の対象ドメインでは無いようです。Twitter Card というのはまだ比較的新しいサービスで表示されるにはちょっと条件があります。その条件とは、

「該当 URL のドメインがTwitter 側に登録されていて、かつ meta 情報が掲載されている」

 というものです。Twitter のアカウント一つにつき一つのドメインを申請可能。サブドメインは登録できるのかどうか、試してないのでわかりません。てーか、fc2.com のドメインを早く登録して欲しいものです。以上のことからこの設定は来るべき FC2 BLOG の Twitter Card 対応表明を見据えての事前設定といった感じです。早く表示されるようになるといいなぁ〜。
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

まとめ【FC2ブログに Twitter 】
※Twitter Card に関してはきっとくると願っている FC2 BLOG の Twitter Card 対応への事前準備エントリで
[2012/10/25 11:52] まっとめBLOG速報
まとめ【FC2ブログに Twitter 】
※Twitter Card に関してはきっとくると願っている FC2 BLOG の Twitter Card 対応への事前準備エントリで
[2012/10/25 11:52] まっとめBLOG速報
プロフィール

ひらくん Author:ひらくん
どもども、ひらんくんどす。
日々まったり過ごしております。
仕事はDTP関連のスプリクト&アプリケーション開発。
Follow happyscript on Twitter

ブログ内検索



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。