ImageFacebook,Twitter拡散で,できるだけ画像を大きく見せるOGPとCardsの設定方法ちょくちょく変わるSNSの仕様。TwitterもFacebookも拡散した際の画像表示は年々大きくなっています。画像設定をきちんとしないと小さい画像で拡散されてしまいます。大きいほうが見てくれた人に刺さるはず!なので、設定方法を紹介いたします。Cardsとはブログ記事のリンクがTwitterに投稿された際、そのブログ記事の概要がサムネイル画像やタイトルなどと共に表示される機能です。その投稿を見た人に、わかりやすくブログ記事の内容を伝えることができる為、Twitterからのブログ訪問者の増加が期待出来ます。content="画像URL">と入れることで該当のURLをツイートすると画像や説明文がツイートに追加されていました。content="summary_large_image">と入れると大きくなります。この場合の画像サイズは縦280px横150pxを超えるサイズで作る必要があります。それ以上のサイズだとリサイズされます。ちなみにPCでは幅438pxで、スマホだと幅299pxで閲覧されるようなので、438px以上のサイズで作っておくと、拡大されて荒くなるということが無いです。ちなみに埋め込みでは画像が小さくなるようです。name=”twitter:card”にはphoto,product,Gallaryなどの設定もあり、それぞれ画像の出方は違いますので、サイトの内容に合わせて変更するとよいでしょう。通常のサイトTOPは大体summary(概要)で問題ありません。Applyというタブをクリックし、該当のURLを入力してGO!プレビューも見ることができます。Facebookは2013夏くらいに大きい画像ならシェア時の画像が大きくなる仕様に変更OGP設定の説明は省きますので、こちらをクリックすれば検索されます。以前までは正方形に切り取られて表示されていました。600×600くらいで作って、こんな感じに表示されています。昨今は横長で大きく表示できます。Produce.容量は5MB以内が望ましく、pngが対応しています。500pxで画像作成すると一番無難かと。Facebookのキャッシュを消すには、OGP設定後にURLリンターで設定https://developers.facebook.com/tools/debugこちらのフォームに該当URLを入れてデバッグボタンを押します。すると、エラーが有る場合はエラーを返してくれますし、どう行った内容でシェアされるのか見ることができます。大きくなった分、画像に情報を詰め込めます。画像デザインも重要視されるようになってきますね。Comments意味のあるミーティングを。SNSキャンペーン方法論と実践」を開催しました。