【WordPress】TwitterCards(ツイッターカード)に対応する方法

カテゴリー:WordPress    |    タグ:

【WordPress】TwitterCards(ツイッターカード)に対応する方法

先日、Twitterを始めたので、TwitterCards(ツイッターカード)にも対応。ということで、その時のメモ。

FBページを先に作成されている方はもう少し省略することができるので、まだFBページを作成していない方でプラグインを使いたくないという方向けです。

TwitterCards(ツイッターカード)ってなに??

TwitterCards(ツイッターカード)というのは、ツィッターにブログの最新情報などを流した時、リンク先のタイトルや画像や抜粋文、ツイッターのアカウントなどの情報も流してくれるというものです。

こういうものです。「概要を見る」をクリックすると表示されます。


作成手順

  1. カードタイプを選ぶ
  2. タグを追加する
  3. テストして大丈夫だったら申請する

カードタイプを選ぶ

こちらのリンク「https://dev.twitter.com/docs/cards/validation/validator」へ行きカードを選択します。

twittercard1

どのカードを選択したらいいのかなど迷ったときは、こちらが参考になります。

ここでは、わたしは「Summary」を選択しました。


タグを追加する

「summary」のカードタイプに必要なmetaタグを「<head>~</head>」内に入れます。
以下はSample Embed Codeになります。

これをご自身のものに書き換えて、且つWordPress用にします。


【WordPress】TwitterCards(ツイッターカード)

Twitter Cards for WordPress? | Twitter Developers
この中段にあったコードを参考にさせて頂きました。

8行目は、サムネイルがない場合の画像を指定しています。
16行目はご自身のアカウントをいれてください。

出来たら、最終確認をして登録です。


テストして大丈夫だったら申請する

こちらのリンク「https://dev.twitter.com/docs/cards/validation/validator」へ行き、「Validate & Apply 」タブへいきます。

twittercard3

テストしたいURLを入力します。「Go!」をクリックしてテストしてみます。

twittercard4

申請する

ここで問題なければ、申請をします。
Request Approval」ボタンをクリック。

twittercard5

あとは、必要事項を入力して「Request Approval」ボタンをクリック。。

この画面がでたら終了です。

6wittercard5

利用できるようになったらメールで連絡してくれるので、それまで待ちます。


以上で、手順は終了です。
あとは、きちんと表示されているか確認したら完了です。

ADVERTISEMENT

  • Pocket
  • このエントリーをはてなブックマークに追加

published:2013/10/18    Written by:
カテゴリー:WordPress,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

ELLY95_hanatotegami

ブログの記事下に自分のプロフィールとRSS購読ボタンを設置する

このブログの記事したにある購読スペース(RSS登録とかTwitter、Facebook、Google

記事を読む

wordpress-logo-1-550x350

PCとスマホで別のものを表示させることのできるウィジェットプラグイン

PCではこれを表示させて、スマホでは別のものをというように表示を別々にするウィジェットプラグインです

記事を読む

ohajiki

ol要素をCSSで装飾(デザイン)する方法を実践したみたので備忘録

サイドバーの所に、WordPress Popular Postsを使ってランキングを表示させてみた際

記事を読む

piyo

子テーマ「Stinger-minimum」の全貌を備忘録+CSS3のtext-shadow

子テーマ「Stinger-minimum」をリリースしてから早いくとせ。。経ちました最近ブログにお問

記事を読む

memo

【Stinger3カスタマイズ】バージョンアップしたのでこのブログで変更したところを書き留めておく備忘録 #3

つい最近デザインを変更してみたのですが、どうにもノリノリでかけなくなってしまったのでまたデザインを元

記事を読む

コメントを残す

1件のトラックバック

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2018年10月
    « 12月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
電子書籍ストア BookLive!
PAGE TOP ↑