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がチェックできます。