【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

関連記事

ohajiki

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

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

記事を読む

jet

バージョンアップしたJetpackがマークダウン対応されたので使ってみた

待ちに待っていた! Jetpackバージョンアップ(バージョン 2.8)でMarkdownが新しく

記事を読む

Wordpress1

WordPressでカテゴリーごとにデザインを変更する方法【Stingerカスタマイズ】

表題についてお問い合わせを頂きましたので、ブログにてご返答させて頂こうと思います。 今回は、エント

記事を読む

wordpress_stickers_everywhere

アイキャッチ(サムネイル)画像の大きさを変更する【Stinger3カスタマイズ】

いくつかお問い合わせを頂いたので、アイキャッチカスタマイズについてこの記事でお返事とさせて頂こうと思

記事を読む

Adventskalender

様々な想いを込めて。わたしが思う・考えるStiger3のデザイン  #Stinger-WP

皆さん!遂に2013年のAdvent Calendarが始まりました!この記事は#Stinger A

記事を読む

コメントを残す

1件のトラックバック

ADVERTISEMENT
nijisan

Written by niji_sansan

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

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