Facebookでリンクを貼る時に記事内のサムネイルを表示させる方法。

ブログポスト書いたら毎回手作業でfacebookにリンク貼ってるんですが、その時に気になる挙動があるのでシェア。

このブログにはfacebookのドキュメント通り、Open Graphで画像をしているので、ウォールに記事リンクを貼付けた場合、下のように表示されます。

facebook

Open Graphというのはこんなヤツね。

1
meta property="og:image" content="http://example.com/lamb-full.jpg"

でもこれだと毎回同じなんだよね。記事の内容に関わらず、毎回その画像が表示される。これはこれで良いときもあるから悩ましい。

1回リロードしてみる。

「書き込み中の内容消えるけど、本当にいいですか」みたいなアラートでるけど、気にせずリロード。

同じことする。

同じように記事リンクを貼付けてみる。すると今度は下のような表示になる。

facebook

この方がスペース的に大きく表示されるし、記事の中の写真をサムネイル画像として扱ってくれる。特にモバイルで見たときはそのインパクトの差がデカい。

個人的には後者で投稿することが多い。
写真があるとやっぱクリックしちゃうからね。

結果としてこのくらい違う。

facebook

何かありましたらコメントをどうぞ

comments powered by Disqus

人気の記事

950 Points チリ出身のギタリストが弾くドラゴンボールZがむちゃくちゃかっこいい…
774 Points Wordpress + Heroku + PostgreSQL + Amazon S3 = ¥0 / 無料でサイト運営
700 Points Rubyのチートシート 変数 / クラス / モジュール
524 Points Rubyのチートシート / アクティブサポート
451 Points 紙のデザイナーがウェブ開発できるようになるまでに必要なこと
435 Points Rails / Google Analyticsのデータを使って分析や管理画面のためのグラフをつくる
323 Points RailsとHerokuでノーティフィケーションをプッシュする / PusherとTurbolinksの兼ね合い
222 Points Rails / RSpec テスト書いたことない メンドクサイ(n´Д`)という時のチートシート
193 Points Rails / Ajaxを使って画面遷移しない一時保存機能をつける
193 Points Protractorでスクレイピングしてみた