<---------------------------- ----------------------------> <---------------------------- ----------------------------> --------------------> WordPress への Twitter Cards 導入 → 承認通りました(Twitter Dev のバグについても) – Inside of Papaya

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行だけで審査通っている人もいるみたい。
[html]
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;twitter:site&amp;amp;amp;quot; content=&amp;amp;amp;quot;@ユーザー名&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;twitter:card&amp;amp;amp;quot; content=&amp;amp;amp;quot;summary&amp;amp;amp;quot;&amp;amp;amp;gt;
[/html]
だけど、今回自分はこんな感じで埋め込みました↓(場所は /head の直前)
[html]
&amp;amp;amp;lt;!– Twitter cards begin –&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;twitter:card&amp;amp;amp;quot; content=&amp;amp;amp;quot;summary&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;twitter:site&amp;amp;amp;quot; content=&amp;amp;amp;quot;@papaya_papaya&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;twitter:domain&amp;amp;amp;quot; content=&amp;amp;amp;quot;insideofpapaya.com&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;meta name=&amp;amp;amp;quot;twitter:creator&amp;amp;amp;quot; content=&amp;amp;amp;quot;@papaya_papaya&amp;amp;amp;quot;&amp;amp;amp;gt;
&amp;amp;amp;lt;!– Twitter cards end –&amp;amp;amp;gt;
[/html]
その方が各項目が埋まるからね。

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 のプラグインがいくつかあるのですが、自分の場合、どれもダメでした。


Fatal error: Uncaught Error: Call to undefined function related_posts() in /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-content/themes/hueman-child/single.php:71 Stack trace: #0 /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-includes/template-loader.php(106): include() #1 /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-blog-header.php(19): require_once('/home/insidepap...') #2 /home/insidepapaya/insideofpapaya.com/public_html/index.php(17): require('/home/insidepap...') #3 {main} thrown in /home/insidepapaya/insideofpapaya.com/public_html/wordpress/wp-content/themes/hueman-child/single.php on line 71