WordPress への Twitter Cards 導入 → 承認通りました(Twitter Dev のバグについても)

以前の記事で Twitter Cards の導入を断念したことを書きました(『WordPress への Twitter Cards の組み込み…できない_| ̄|○』)が、改めてトライしてみたところ、うまいこと Twitter 様に承認されましたので、ご報告します。

要は meta tag を埋め込めばいいんだけど、Twitter のドキュメントにはこんな風に書いてあります。

TwitterCards_overview
Twitter Cards の各プロパティ(meta tag)が OGP のどれに対応するか、ということみたいです。
OGP を設定していれば、Twitter Cards でその設定を引き継ぐよってことかと。
前回はここまでちゃんと見てなかったな。
例えば…
 twitter:description は og:description を引き継ぐし、
 twitter:title は og:title を引き継ぐ
ってことだと思う。

OGP は以前相当苦労して入れた(『WordPress Facebook 関連プラグインの比較』)ので、いくつかの項目は Twitter Cards に引き継げるはずだから、あとは Cards 独自の meta tag を埋めればいいのかなと。
“Twitter Cards” でググると、下の2行だけで審査通っている人もいるみたい。

<meta name="twitter:site" content="@ユーザー名">
<meta name="twitter:card" content="summary">
だけど、今回自分はこんな感じで埋め込みました↓(場所は /head の直前)
<!-- Twitter cards begin -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@papaya_papaya">
<meta name="twitter:domain" content="insideofpapaya.com">
<meta name="twitter:creator" content="@papaya_papaya">
<!-- Twitter cards end -->
その方が各項目が埋まるからね。

Card Validator はこちらなので、meta tag を挿入後、承認を申請(Request Approval)してください。

TwitterCards_validator (上図は申請が通った後の画面です)

承認申請のボタン(Request Approval)を押すと、Domain Registration の画面が出るのですが…

twitter_cards_domain_registration2
ここの “Website Twitter Username” という項目がグレーアウトして入力できず、登録申請できないことがあります。Twitter Developers の Discussion でも聞いてみたのですが…

TwitterCards_discussion
どうやら Twitter のバグらしく、自分の場合ここで1週間ほど何もできず、ある日急に登録できるようになりました。未だにどうして解決できたのかわかりません。

いずれにしても Twitter からこんなメール↓が来れば晴れて審査に通ったということです。

IMG_1822[1]
自分の Twitter を見ると、こんな感じで Cards が生きているのがわかります。

IMG_1823[1]
TwitterCards_2
以上、めでたしめでたし。

参考にさせていただいたのは主にこちらのサイト↓
 ・自分が『Twitter Cards』の再申請を何度も行うことになった5つの理由
ありがとうございます!

※ちなみに WordPress には Twitter Cards のプラグインがいくつかあるのですが、自分の場合、どれもダメでした。


7 Responses

  1. noize says:

    こにちわ。

    Twittercardsの記事大変参考になりました!

    質問があるのですが、記事を”AddThisから”シェアするとTwittercardsが無効化??されませんか?

    この対処法をご存知であれば御教授頂きたく思います。

    • Takuji Ishikawa says:

      ありがとうございます!
      お役に立てて嬉しいです!

      AddThis からの流れは考えてませんでした…。そんな抜け道があったとは…。
      こちらでも試してみますね。

      • NOIZE says:

        お手数ですがよろしくお願い致します(^_^;)
        素人なもので、いまいちわからなくて・・・

      • NOIZE says:

        何度も申し訳ございません。
        パパイヤさんのTwitter Cardsは機能しているみたいですね!
        こういうのがあったので確認せずにコメントしてしまいました(^_^;)
        http://support.addthis.com/customer/portal/questions/737553-twitter-cards



        WordPress上のAddThisはちゃんと機能するんですかね?


        この記事のシェアをしたら
        WordPress への Twitter Cards 導入 → 承認通りました(Twitter Dev のバグについても) http://bit.ly/1pEaM9e (via @papaya_papaya) http://bit.ly/1pEaM9e



        となっていたんですが、
        AddThis→bit.ly→Twitterのような感じで経由させているのですか??


        質問が多くてすいません・・・

        • Takuji Ishikawa says:

          コメントありがとうございます!

          私なりにいくつか確認しました。
          まず、私の記事を AddThis で Twitter へシェアするとちゃんと Cards も機能していますね。
          AddThis では ”Get the Code”でのコード生成と同サイト内の “Bit.ly Shortener Settings” の設定をしています。

          NOIZEさん記載の AddThis サポートページでは、仰るとおり Cards をサポートしていないようですが、実際はイケますね。サポートの回答が去年の1月ですから改良されたんですかね?その辺はごめんなさい、わかりません。

          以上、よろしくお願いいたします。

          • NOIZE says:

            Bit.ly Shortener Settings調べてみます。


            有難う御座いました!

          • papaya says:

            NOISE さん
            ごめんなさい!
            Bit.ly の shortener 使ってないかもしれません。
            改めて調べてご回答いたします。
            少しお時間ください。
            お願いいたします。

Leave your comment

papaya

This is blog what is the inside of Papaya. Hum... nobody wants that, neither do I, maybe. I think with or without my empty brain and sometimes write down here.