カテゴリー
サイト制作

Facebookのシェアされる画像と内容を定義・変更する方法とサンプルコード

ウェブサイトにおいて、Facebookのシェアされる画像(写真)を定義したいとか、現在の内容を変更したいときのサンプルコードです。
なお、事前に「ウェブサイト」として、FacebookのアプリケーションIDを取得する必要があります。
コードは以下の通りで、headタグに記載を加え、metaタグをいくつか追加します。
<head prefix=”og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#“>
<meta property=”og:title” content=”ページのタイトル” />
<meta property=”og:description” content=”ページの説明文” />
<meta property=”og:type” content=”website” />
<meta property=”og:image” content=”http://○○○○/○○○.jpg” />
<meta property=”og:url” content=” サイトURL” />
<meta property=”og:site_name” content=”サイトの名称” />
<meta property=”fb:app_id” content=”アプリケーションID” />
以上、役に立てば幸いです。