フェイスブックのリンクに表示させたい画像を指定する方法

フェイスブックのリンクに表示させたい画像を指定する方法

PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。

★このサイトもこれで作ってます次世代サイト作成システムSIRIUS

フェイスブックのリンクに表示させたい画像を指定する方法

フェイスブック(Facebook)でサイトを紹介する時
サイトに付いている「いいね!」ボタンを押したり、
フェイスブック側でURLを打ち込むと、
紹介したいサイトの情報が
フェイスブックに表示される。

 

ただしその場合、どういう情報が載るかは、
フェイスブック側のアプリケーションで
勝手に判断される。

 

だからサイトの画像をリンク先のアイコンとして表示させたいのに
なんか全然違った画像がリンクに載ってしまったりする。

 

これではサイトのアピールにならないから、
「いいね!」ボタンがクリックされたときに
フェイスブックにアイコン画像を載せたい。

 

そう言う場合はhtmlファイルのmetaタグで
表示させたい画像のURLを指定しておく必要がある。

 

この指定方法として定められているのが
OGP(The Open Graph protocol)というものだ。

 

OGPはソーシャル・ネットワークで、
人とのつながり方を指定するタグだと言うことで、
様々なモノがあるが、詳しくはこちらに載っている。

 

The Open Graph protocol(英語の解説)

 

ただし今回は紹介リンクで
一緒に表示される画像を指定するだけなので
必要最小限のタグだけ記入する例を挙げておくことにする。

 

因みに画像指定も必要最小限の情報になっている。

 

フェイスブックに表示させたい画像を指定する方法

まず<html>タグに、OGPを利用するという情報を書き込む。

具体的には、prefix="og: http://ogp.me/ns#"

xmlns:og="http://ogp.me/ns#"と書いてあるサイトもあるが、上の方が新しいらしい。
よく分からなければ次のタグをコピペしておけばよい。

<html>タグの属性情報の記述例

 

 

フェイスブック用の情報の最小限のメタタグ記入例

フェイスブック用の情報としては、次の5つは必須(Basic Metadata)のようだ。

サイトのタイプは、website(ホームページ)かblog(日記)になる。

以下は私の作っている価格比較サイトの場合だが、

サイトのタイプを何も書かなかったらwebsiteと判断されていた。

  • {$site_title}:サイトタイトル
  • {$domain}:トップページのURL
  • {$site_description}:サイトの説明
  • {$domain}img/onepoint.jpg:表示させたいアイコン画像のURL

 

なおちゃんと指定されているかどうかは、フェイスブックのデバッガ・ページがあるので、そこにサイトのURLを記入して調べると分かる。

OPG情報のデバッガ(フェイスブック)

※アイコン画像の名称は何でも良い。

私のサイトの場合、onepoint.jpgで統一した。

 

 

NEXT:


スポンサードリンク

ネットで稼ぐ 教材人気ランキング

★第1位★儲かるセールスレター、チラシの書き方はこれ!キャッチ・ザ・ライティング

★第2位★集客できるホームページはこれ!SEOに強い戦略的テンプレート「賢威7」

★第3位★情報企業で稼げ!和佐大輔と木坂健宣のネットビジネス大百科

★第4位★ツイッターで稼ぐ方法 集客&自動化ツールフォローマティックXY

★第5位★月収1,000万円以上!ネットで大金を稼ぐ小玉歩のノウハウザ・メールマガジン

このエントリーをはてなブックマークに追加

フェイスブックのリンクに表示させたい画像を指定する方法関連エントリー

リンク切れの起こらないアフィリエイトのやり方
PHPプログラムの開発環境を整える
WEBサービスのアクセスキーを取得する
ヤフーAPIのアプリケーションIDを登録
ヤフーAPIで商品を検索してみる。
ヤフーAPIのレスポンスを読んでみる
ヤフーAPIのRESTリクエストの作り方
商品検索ページのサンプルコード
商品検索ページを動かしてみる
商品検索ページをサーバにアップしてみる
サンプルコードの解説(1)入力ページ
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(2)設定事項を上部に記述する
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(3)Smartyを使う準備をする
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(4)RESTリクエストのレスポンス処理
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(5)商品情報をXMLから取り出す
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(6)スマーティでページを表示
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(7)Smartyテンプレートの作り方
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(8)テンプレートに商品情報を組込む
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
アクセスが集まるサイトを作るには
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
マッシュアップサイトをプランする
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
楽天の商品検索API用コード例
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
楽天検索API用PHP解説(1)
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
楽天検索API用PHP解説(2)
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
グーグルニュース取得PHPの例
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ニュース取得PHPの解説
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ユーチューブ動画リンク取得PHP
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ユーチューブ取得PHPの解説
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ツイートボタン、「いいね!」ボタンの付け方
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。