Facebookでシェアする時に、笑顔の画像を表示してみよう。

image

Facebookでシェアする時に、笑顔の画像を表示してみよう。

By 林田牧子, 3月 22, 2015

こんにちは。

今回は、少し細かなOGP設定の話です。

“ご近所”のある丹波市は、Facebookの普及率が高い田舎です。
つい先日、ご近所がリリースしたサイトをFacebookでシェアしようとしたら、
ソーシャルリンクの画像がなんだかオカシイ。

ホーム画面にデカデカと掲載している笑顔のトップ画像でもない、小さなアイコン画像が表示されていて、
コレではあかん!となりまして。
そこから、リンクシェア時のSNS共通仕様・OGP(Open Graph Protocol)の

設定を一つ一つ行うことに。
サイト名、概要文などは、ささっと設定。

迷ったのが、タイプとイメージ。
決まったタイプ一覧があるのですが、今回の観光サイト用のtravelなどが見当たらず。
パッケージを売るよねということで、productだろうという話になりました。

何回かFacebook開発者向けページでチェック。

これは、googleの設定結果

これは、googleの設定結果

facebook debugページで設定が反映されたかををチェックします。

 

イメージは、何回か登録をスルーされ、設定したメタタグの認識エラーも出ない
ため、少し迷いました。

正方形画像であることを意識して
中央の横長を綺麗に出すよう意識して画像を配置すると綺麗に出ます^ – ^
(たとえば、600*600の画像の、600*真ん中300を意識する。)
コレで、googleの設定結果と同様、綺麗に出揃いました。

該当サイトのリリース詳細は、もう少ししたら発表できそうです^ – ^

では。

The following two tabs change content below.
林田牧子

林田牧子

名前   林田 牧子 | Makiko Hayashida 活動拠点  京都・大阪 ↔ 丹波 担当  WEBプログラマ メッセージ  1985年京都府京都市出身。  都会の子供としてスクスク成長し、英語  専攻後、IT企業へ就職。  田舎への接点がないまま就職したが、  憧れに気づき、丹波へ。  ブログでは、人柄の伝わるWEBマーケティ  ングの知識について綴っていきます。 好きな食べ物  野菜全般・味噌汁・糀