「Facebook」の「OGP」設定について

色々情報がある「OGP」設定ですが、
ひとまず下記の方法で設定することで落ち着きました。

とりあえずこんな感じで「OGP」を設定しました!

例えば「website」の場合ですが、
まずはトップページの場合だとこんな感じで記述しました。
(今では「blog」は使わないみたいですね)

■<head>部の記載(トップページ)

[html]
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php print((empty($_SERVER["HTTPS"]) ? "http://" : "https://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>" />
<meta property="og:image" content="イメージ画像(絶対パスで指定)" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:description" content="サイトディスクリプション" />
<meta property="fb:app_id" content="アプリID" />
[/html]

個別ページに「いいね」を押した時に
その個別ページのURLを表示させたい、、じゃあどうするのか?
という方法を探しまくった結果、いきついた答えがコレ。

■<head>部の記載(下層ページ)

[html]
<meta property="og:type" content="<?php if($_SERVER["REQUEST_URI"] == "/"){ ?>website<?php } else { ?>article<?php }?>" />
<meta property="og:url" content="<?php print((empty($_SERVER["HTTPS"]) ? "http://" : "https://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"]); ?>" />
<meta property="og:image" content="イメージ画像(絶対パスで指定)" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:description" content="サイトディスクリプション" />
<meta property="fb:app_id" content="アプリID" />
[/html]

これなら個別ページのURLを表示することが可能です。

それともう一つのポイントが下層ページは「article」であるということ。
上記のように記述を分ければ表示ができるというわけです。

ちなみに動作は「Open Graph Debugger」で確認済み、
https://developers.facebook.com/tools/debug/
問題なく動作していました^^

他に方法はないの?

でもこれ、結構前に調べたやつなので、
他にもっと良い方法があるんじゃないかなと調べていると、
「website」と「article」で自動振り分けするよ〜という記述も発見しました。

[html]
<meta property="og:type" content="<?php if($_SERVER["REQUEST_URI"] == "/"){echo "website";}else{echo "article";}?>">
[/html]

これはテストしていないのでわかりませんが、
こちらのほうがかなりスマートですよね。

もしこの方法で「間違っているよ!」と「もっとこんな方法があるよ!」
なんてことがありましたら、ぜひご教授お願いいたしますm(_ _)m

■参考サイト
以下サイトを参考にさせていただきました!
ありがとうございます^^

「PHPで現在アクセスされているページのURLを取得する」
http://www.hoge256.net/2010/06/519.html

「OGPのog:typeでwebsiteやblogを設定するときの注意点とPHPでの振り分け方法」
http://cappee.net/coding/og-type-website-blog

「OGPタイプ(og:type)の設定をwebsiteとarticleで自動振り分け」
http://singoro.net/note/ogp-og_type/

割と新しい(2014/8/1)の情報↓
「Facebookなどでサイトが共有された時、リッチ表示するOGPの設定」
http://millkeyweb.com/facebook-ogp/

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です