【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

関連記事

Wordpress1

コメント欄をカスタマイズしたので備忘録メモ(コメントとトラックバックを分ける)

現在このブログでのコメント欄はJetPackのコメントを使用しています。 これです! が、こ

記事を読む

wordpress-logo-1-550x350

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

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

記事を読む

memotonewsp

【Stinger3カスタマイズ】だいぶ落ち着いたのでこのブログで変更したところを書き留めておく備忘録 #2

前にも書いたのですが、書き忘れていたものがあったので第二弾。 前のものはこちら、【Stinger3

記事を読む

jQuery

記事内の外部リンクを別窓で開き、画像などをつけて(CSS装飾して)わかりやすくする【jQuery】

外部リンク(他のサイト)は別窓(新しいタブで表示)。そして、外部リンクですよ!というのをアイコンをつ

記事を読む

wordpress_stickers_everywhere

【WordPress】とっても簡単に目次を入れてくれるプラグイン「Table of Contents Plus」

このブログでも使用しているこのプラグイン。いろいろなところでお目にかかることがあり、面白そうだなと思

記事を読む

コメントを残す

1件のトラックバック

ADVERTISEMENT
nijisan

Written by niji_sansan

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

  • 2018年7月
    « 12月    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  
電子書籍ストア BookLive!
PAGE TOP ↑