7月
29

「Twitter Cards」の画像を大きいサイズにしたよ

7月 29, 2015in TwitterTag:


Flickrtwitter-icon by mayo1950

今年の健康診断で身長が2㎝縮んでいたことがわかりました・・・orz
小さいより大きい方がいいな。

twitterで記事をシェアしていただくと、画像付きで表示される「Twitter Cards」というのを以前から設定していました。
その画像がいつの間にか大きなサイズも選べることがわかりました。
って、いうことで改めていろいろ調べてみました。

  • Twitter Cardsの設定!ツイートされた時、概要、アイキャッチを表示する方法
  • OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ! | *Web Design 覚え書き*
  • OGPの設定してない

    なんだか、Facebook使っている人は、「OGP」の設定は必須なようですが、
    私は、アカウントはあるもののほとんど、見ることはありません。
    ページもあるけど、他のサイトのものだし。
    Facebookページがあれば、プラグインで「OGP」を簡単に設定できるし、使わなくてもできる。
    でも、そのためにもう一個作るのもなんだかな。。
    なので、それは今回は使いたくないw

    テーマの編集から

    私は、「Twitter Cards」を「header.php」にこのように追加していました。
    「summary」ですね。
    画像はimage何々とすれば、いいみたいですけど、設定した時点ではファビコンにしてたw


    Flickrテーマの編集 ‹ twittercards-1 by mayo1950

    ただ単に「summary_large_image」に変えてみただけ。


    Flickrテーマの編集 ‹ large-image-1 by mayo1950

    「Card Validator」で確認

    前とはちょっとやり方が違ったけど、ここでTwitterにログインすると、設定できます。

  • Twitterにログイン
  • 今回は、最近仕様が変わったのか、改めて申請はなしでした。
    すぐに許可してもらいました。
    こんな風に表示されるらしいです。
    まだ試していないので、大きくなったかわかりません。
    TLのおじゃまむしになるかも(汗)


    FlickrCard Validator by mayo1950

    【こちらの関連記事もご覧ください】


    記事をお読み頂き、ありがとうございます!

    記事の内容を気に入って頂けましたか?
    もし気に入って頂けましたら、
    ソーシャルボタンで共有頂ければ、とても嬉しいです♪


    follow us in feedly RSS

    Leave a Reply

    • (will not be published)

    XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

    This blog is kept spam free by WP-SpamFree.