masalibの日記

システム開発、運用と猫の写真ブログです

FacebookのOGPの登録、確認、修正について

自社でアプリを作成しました
そのアプリで表示しているリンクがありまして
そのページはgoogleplayやituneにリダイレクトしていました
そのリダイレクト処理がFacebookのogpの事を考慮していませんでした

<?php
//GooglePlay
define(GOOGLE_PLAY_URL, 'https://play.google.com/store/apps/details?id=xxxxxxxxxxxxx');
//AppStore
define(APP_STORE_URL,   'https://itunes.apple.com/us/app/xxxxxxxxxxxxxxxxxx');

//==============================
$url = APP_STORE_URL;

$ua = $_SERVER['HTTP_USER_AGENT'];
if (!empty($ua)) {



}

@header("HTTP/1.1 302 Found");
header("Location:$url");
?>

これだと、FACEBOOKのいいねの所に表示された時に
iTunesStore画像が表示されてしまいましたwwww


このいいねの部分をOGPといいます
“Open Graph Protocol” と言い、ホームページやブログの記事をソーシャルグラフに流すための規格です
OGPは、facebookだけの規格というわけではなく、google+mixiなどでも使われております
詳しくは下記のURLを参照
https://developers.facebook.com/docs/reference/opengraph/


リダイレクト処理を修正して
Facebookようのページを作成して下記のOpen Graph Protocolも追加しました

	<meta property="og:site_name" content="診断アプリ" />	
	<meta property="og:title" content="診断アプリ - 源氏物語診断" />	
	<meta property="og:url" content="http://sinndann.gnrlcon.com/genji/download.php" />	
	<meta property="og:image" content="http://sinndann.gnrlcon.com/genji/img/icon_512.png" />	
	<meta property="og:description" content="千年のベストセラーに恋愛の極意を学ぶ!" />	
		


修正したのですが、Facebook側にキャッシュをもっていたためか
更新されませんでした

更新できない理由をググってみると
http://webdrawer.net/tools/facebooklint.html
のサイトに

facebook developersのページで確認とキャッシュの削除ができること
https://developers.facebook.com/tools/debug

サイトにいってみて、該当のURLをうつと
OGPの内容が確認できます
まちがえているとエラーになるそうです

Facebookのページの近況で再度入力すると、更新されていることが確認できました~♪