Blogger用 TwitterCard が通った時のOGPの設定を紹介します。(メモ記事です)

ページ

 

Blogger用 TwitterCard が通った時のOGPの設定を紹介します。(メモ記事です)

2013年5月18日土曜日

こんちわ!@kissatenです。BloggerでTwitterCard申請をしたら通ってしまったOGPの紹介をします。なお、このOGPのまま5~6回申請したら通りました。謎すぎて困ります。

Twitter Card

OGP


<link href='http://dl.dropbox.com/u/5775838/apple-touch-icon-precomposed.png' rel='apple-touch-icon'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<!-- Canonical URL -->
<b:if cond='data:blog.isMobile'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
</b:if>

<!-- OGP -->
<meta content='ja_JP' property='og:locale'/>
<!-- 記事 -->
<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='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.canonicalUrl' property='og:image'/>
</b:if>
<!-- ホーム -->
<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='https://lh4.googleusercontent.com/-8evC1e9jRss/UHplQIg52WI/AAAAAAAALtY/tQRQJLwy2ko/s576/starbaidenjpg.jpg' property='og:image'/>
</b:if>
<!-- アーカイブ -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='https://lh4.googleusercontent.com/-8evC1e9jRss/UHplQIg52WI/AAAAAAAALtY/tQRQJLwy2ko/s576/starbaidenjpg.jpg' 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='411795735506134' property='fb:app_id'/>
<meta content='100001438640906' property='fb:admins'/>


<meta content='summary' name='twitter:card'/>
<meta content='@kissaten' name='twitter:site'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='&quot;http://bloggerspice.appspot.com/postimage/&quot; + data:blog.canonicalUrl' name='twitter:image'/>
    <meta content='deec4ee1d2328f15d826a3907ff2cd' name='pocket-site-verification'/>

使いかた

まず、上記をメモ帳などにコピペします。そして、TwitterCard用の設定部分は「Twitter」と検索して 場所を調べて下さい。

全文コピーしてそのまま使う場合は、赤の部分をよく注意して下さい。その部分は自分で変更をしないといけない部分です。そうしないと僕のブログの情報が表示されます。赤部分の中身の値を変えてあげて下さい。

参考にスべし

申し訳ないですが、TwitterCardの申請部分についてはあかめ女子さんの記事をご覧ください。ぶっちゃけこの記事に辿り着く人は底までたどり着いているだろうと思っているので割愛します。

[記事]:[Å] Twittercardsをご存知!?登録申請/概要をツイートに表示させる方法 | あかめ女子のwebメモ


コレを見よ

<!-- 記事 -->
<!-- ホーム -->
<!-- アーカイブ -->
<!-- 全てに適用 -->

は、それぞれどの部分に効果があるかという指標です。<!-- 記事 -->ならば、記事部にしかかからないようになっています。こうやって仕分けしておくと便利っすよ!

申し訳ない

本当に

BloggerでtwitterCardを設定で困っている人がいることを知り、急遽この記事を作りました。冒頭にも書きましたが、なぜか一度では通らず、複数回申請を出したら通ってしまったのです。謎なのです。もしかしたら申請しまくったら通るかも知れません。

本当に乱暴な記事で申し訳ない。ただ、割と前のことなのであまり覚えていないということが理由です。すいません。参考になりましたら、ぜひ「いいね!」でも「シェア」でもしてあげて下さい!

管理人の一言


最終的に全コピーでw





この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterで喫茶店の部屋をフォローしよう!

 

▶ 関連する新着記事