ツイートボタンから画像付きツイートをツイートさせる方法
- 4. <meta property="og:title" content="世にも珍しいアニメーションGIFを撮影できるカメラ「OTTO」..." />
<meta property="og:site_name" content="RAW-Fi" />
<meta property="og:type" content="article" />
<meta content="https://www.facebook.com/rawfi" property="article:publisher" />
<meta property="og:description" content="カメラを「構えて取るモノ」から解放しよう。..." />
<meta property="og:url" content="http://raw-fi.com/posts/166" />
<meta property="og:image" content="http://s3-ap-northeast-1.amazonaws.com/.../otto_0.jpg" />
1
2
3
4
5
6
7
HTML
Facebook
⬇
og:imageに指定した
画像を自動的に表示
- 7. Twitter
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@raw_fi" />
<meta name="twitter:url" content="http://raw-fi.com/posts/166" />
<meta name="twitter:title" content="世にも珍しいアニメーションGIFを撮影できるカメラ「OTTO」..." />
<meta name="twitter:description" content="カメラを「構えて取るモノ」から解放しよう。..." />
<meta name="twitter:image" content="http://s3-ap-northeast-1.amazonaws.com/.../otto_0.jpg" />
1
2
3
4
5
6
HTML
⬇
サイトをTwitter Card申請すれば
ツイートに画像が表示される
(PC・SPアプリ共通)
- 22. 参考リンク
Twitter Cardsの申請をしてみたよというお話。 ¦ okaoka.net
http://okaoka.net/2013/02/23/twitter-card.html
FacebookのOGP画像に顔が入っている場合のトリミング位置
http://snowadays.jp/2014/03/2629
Twitterヘルプセンター ¦ Twitterで画像を投稿する
https://support.twitter.com/articles/20169198-twitter