facebookでLikeした時に出るサムネイルの指定は絶対パス

タイトル通り。

Open Graphを設定すると、いいね!した時のサムネイルを自分で好きなものに設定できるんだけど、相対パスで設定してたらダメんだんだね。facebookが参照するのだから当然といわれれば、そんな気もするけど。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head>
    <meta charset="utf-8">
    <meta name="description" content="xxxxxxxxxxx">

    <title>xxxxxxxx</title>

    <link rel="shortcut icon" href="../img/favicon.ico">

    <!-- facebook -->
    <meta property="og:title" content="xxxxxxxx" />
    <meta property="og:image" content="http://xxxxxx.com/img/logo.jpg" />
    <meta property="og:site_name" content="xxxxxx" />
    <meta property="og:description" content="xxxxxxx" />
</head>

こんな感じ。
画像を相対で指定していたおかげで、他のog:titleとかもダメになってたみたいです。

これじゃだめ。

1
<meta property="og:image" content=/img/logo.jpg" />

こう。

1
<meta property="og:image" content="http://xxxxxx.com/img/logo.jpg" />

自分がうまく設定できているか知りたい場合は、facebookのデバッガーを使いましょう。

https://developers.facebook.com/tools/debug

ここにURLをいれると、そのページのOpen Graphがチェックできます。

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

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でスクレイピングしてみた