2014/04/13

Twitter Cardsが反映されないときに試した3つの方法

Twitter Cardsとは、ツイートの下に「概要を表示」や「動画、画像の表示」みたいなリンクを出して、そのサイトに行かなくても概要を見たり、動画を再生したりできるサービス。

せっかくブログやっているんだからと、2ヶ月ほど前にTwitter Cards(OGP含む)の設定、申請を行った。


数分で下記のようなメールがきた。

【Your Twitter card is ready!】We've activated the summary card for kuroeveryday.blogspot.com . If you want to use other kinds of Twitter cards (and we know you do), please make another request.
(TwitterCards承認したで!他の種類のカード使うなら、もういっぺん申請してや)


「申請が通るまでかなり時間がかかる」と聞いていたので、これが承認メールだとは思わなかった。
そして、1日経ち、3日経ち、1週間経ち、10日経ち…


反映されない!!




な゛ん゛でだよ゛ぉ゛ぉ゛ぉ゛!!!!



そのとき試したTwitterCardsが反映されるために試した3つの方法を紹介する。



1.念じてみる





ブラウザを変えてディスプレイに気を送ってみた。

ハァッ!!


・・・当然かわらない。



2.祈ってみる




Twitter本社があるアメリカ、つまりお日様が昇る方角を向いて祈ってみた。


・・・ハハハ、変わんないよね。



3.metaタグを弄ってみる



ここでようやくTwitterCardsの設定がおかしいんじゃないかという疑問が湧いてきた。

ググってみるとOGPの設定をしている場合は、TwitterCardsのmetaタグを全て書かなくて良いらしい。


<!-- 元々のmetaタグ -->
<!-- OGP(Home) -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='blog' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='プログラミングやTips、ライフハックをまとめ、スキルアップを目指すブラック企業の社畜ブログです!' name='description'/>
<meta content='プログラミングやTips、ライフハックをまとめ、スキルアップを目指すブラック企業の社畜ブログです!' property='og:description'/>
</b:if>

<!-- OGP(Contents) -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>

<!-- OGP(Common) -->
<!-- <meta content='http://2.bp.blogspot.com/-8hvYTP1Jekg/UuK1qMip8_I/AAAAAAAAAqU/50Bh7lkGcfI/s1600/*' property='og:image'/> -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url' property='og:image'/>
<b:else/>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url' property='og:image'/>
</b:if>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ja_JP' property='og:locale'/>

<!-- Twitter Cards(Home) -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='プログラミングやTips、ライフハックをまとめ、スキルアップを目指すブラック企業の社畜ブログです!' name='twitter:description'/>
<meta content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url'/>
</b:if>

<!-- Twitter Cards(Contents) -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url' name='twitter:image'/>
</b:if>

<!-- Twitter Cards(Common) -->
<meta content='summary' name='twitter:card'/>
<meta content='@bc_rikko' name='twitter:site'/>
<meta name="twitter:creator" content="@bc_rikko" />
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>


<!-- そして不要なタグを修正したのがこちら↓ -->
<!-- OGP(Home) -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='blog' property='og:type'/>
<meta content='プログラミングやTips、ライフハックをまとめ、スキルアップを目指すブラック企業の社畜ブログです!' property='og:description'/>
<meta content='プログラミングやTips、ライフハックをまとめ、スキルアップを目指すブラック企業の社畜ブログです!' name='description'/>
</b:if>

<!-- OGP(Contents) -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>

<!-- OGP(Common) -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url' property='og:image'/>
<b:else/>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.url' property='og:image'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ja_JP' property='og:locale'/>

<!-- Twitter Cards(Home) -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.canonicalUrl' name='twitter:image'/>
</b:if>

<!-- Twitter Cards(Contents) -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.canonicalUrl' name='twitter:image'/>
</b:if>

<!-- Twitter Cards(Common) -->
<meta content='summary' name='twitter:card'/>
<meta content='@bc_rikko' name='twitter:site'/>
<meta content='@bc_rikko' name='twitter:creator'/>


再申請してみたら、これまたすぐ「OK、ほな使ってみてや!」というメールが届いた。


それから1時間くらい

なんと反映されたではありませんか!!



TwitterCardsが反映されない場合は、不要なmetaタグ(OGPとダブってるタグ)がないか確認してみると解決策が見つかるかも。



以上


※筆者は宗教関係やスピリチュアル関係のものには一切関わりありません。

0 件のコメント :

コメントを投稿