カテゴリー
サイト制作

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” />