facebook で表示される画像が気に入らなかったので調整

先日立ち上げたページ「中野ミュージックフェス実行委員会」。

facebook に投稿すると望んだ画像が表示されない。個別のページを紹介した時は、個別ページの画像になるのだけど TOP を紹介すると TOP にあるいずれかになってしまう。

自分で紹介する場合は画像の変更をする事が出来るのだけど、他の方にシェアいただいた時に自分の表示させたい画像になったら良いなぁ〜と。

サイト 環境

サイトは WordPress を使ったサイト

こんな環境です。

気に入った画像を登録し meta property=”og:image” を指定する

紹介されたい時に表示されたい画像を用意し、メディアに登録。URLを控えておきます。

次に、ソーシャル等で基準画像を指定する meta property=”og:image” を heaer.php に書き加えます。

細かく言うと、書き入れる場所を指定したりしなければならないのですが、今回は解りやすく の直前に書き入れました。

	<?php if(is_home() || is_front_page() ){?>
	<meta property="og:image" content="http://nakano-music.com/wp-content/uploads/2014/07/75c140d3601436d9bf49d9f8aa3af58a.jpg"/>
	<?php }?>

ホームページかフロントページならこのタグを書き出します。って事です。

facebook の「デバッガーツール」で確認します。

思った画像が表示されれば OK です。

実際に URL の紹介をしてみましょう。

いい感じです。

まとめ

こういうちょっとした事って面倒臭いんですけど、このちょっとした積み重ねが大きなアクセスに変わって行くんですね。

めでたしめでたし。