OGP属性のog:imageは複数指定することができる

Facebookで利用され初めてから、最近ではmixiやgreeなど日本の大手ソーシャルメディアも対応し、利用者の増え続けているOGPですが、その属性の1つであるog:imageには、複数の画像が利用できることはご存知でしょうか?

OGPっていったい何?という方や、Facebookやmixiのいいね!ボタンは設置してみたけどOGPなんて知らないという方は、下記の記事をご覧ください。

OGP属性のog:imageは、Webページのサムネイルを示すもので、正しく指定しておくと、例えばFacebookのいいね!ボタンが押された時などに、リンクやその他情報と共に、そのサムネイルがボタンを押した方のウォールに投稿されます。

実はこのog:imageですが、他のOGPタグと違って、以下のように複数指定しておくことができます。

<meta property="og:image" content="http://inspire-tech.jp/wp-content/uploads/2011/07/facebook-wall-300x134.png" />
<meta property="og:image" content="http://inspire-tech.jp/wp-content/uploads/2011/07/facebook-share-300x258.jpg" />

複数指定する事でどんな意味があるかというと、Facebookのシェアボタンをサイトに埋め込んでいる場合に、クリックした人がシェアする際のサムネイルを、自由に選んでもらうことができるようになります。

Facebookのいいね!ボタンではあまり意味なし

ただ、Facebookのいいね!ボタンに限ってみた場合、og:imageを2つ以上記述する意味はあまりありません。

いいね!ボタンはシェアボタンとは違い、og:image属性が複数指定されていても、シェアボタンが押された場合の画面のような、画像の選択は表示されません。

選択が表示されないばかりか、設定してあるog:image属性の中から1つが、Facebookによって自動的に利用されます。

しかしながら、この自動的に選択する部分の仕様が不透明で、どういった条件で1枚の画像を選ぶのか、その条件が全くわかりません。

画像サイズやファイル名、アスペクト比などでソートされているのかと思っていろいろと実験してみましたが、特に関係が無いようでした。

今後のソーシャルメディア側の対応に期待

今後、各ソーシャルメディアやそのほかのサービスで、さらにOGPを使った機能が増えてくると思いますが、いつ如何なるサービスで、この複数指定が生きてくるかわかりません。

現状ではあまり使い道はないですが、覚えておいても損はないでしょう。

Facebookのいいね!ボタンがとても流行していますが、いいね!ボタンの真の力を発揮させるためには、Open Graph Protocol(OGP)の設定が不可欠なのはご存じでしょうか?

今回はOGPとは何なのか、どのように設定すれば良いのかを調べてみました。

CONTINUE READING

ブログを読んで下さった方からのフィードバックを単純に得る方法として、一番手っ取り早いのが、最近流行のソーシャル系のボタンを配置することです。

自分もブログリニューアルに伴って、最近ではアクセスアップに欠かせないと言われるFacebookのいいね!ボタン、6月に正式サービスがスタートし、流行の兆しを見せているGoogle+1(PlusOne)ボタンの設定を行ったので、その設定方法について簡単にまとめてみました。

CONTINUE READING

つい最近、iTunesのバージョンを上げたところ、iTunes内で画面切り替えが発生する場合や、何かしらの操作をした場合に「ギュンッ」とか「ビュンッ」と言ったような、おかしな音が鳴るようになってしまいました。

この対処方法を調べたのでまとめておきます。

コマンドプロンプトからコマンドを打つだけ

これはどうやら公式に認められている問題のようで、Appleのサイトにも対処方法が記載されています。

それによると、コマンドプロンプトから特定のコマンドを実行するだけで解決するようです。

コマンドの実行方法

iTunesが起動している場合は終了して下さい。
その後、おもむろにWindowsのコマンドプロンプトを立ち上げます。

立ち上がったプロンプトから、下記のコマンドを打ち込んで、Enterを押します。
インストール場所、32ビット版と64ビット版のWindowsでパスが違うので気をつけて下さい。

コマンドは、コピーしてプロンプト上で【右クリック】 → 【貼り付け】が間違えなくて良いでしょう。

推奨パスにインストール済みの場合

iTunesをインストールする場合に、インストールフォルダを変更していない場合です。

32ビット版のWindowsを利用して居る場合
"C:\Program Files\iTunes\iTunes.exe" \setPrefInt "force-accessibility-off" 1
64ビット版のwindowsを利用して居る場合
"C:\Program Files (x86)\iTunes\iTunes.exe" \setPrefInt "force-accessibility-off"

その他のパスにインストールしている場合

iTunesをインストールする場合に、インストールフォルダを独自に指定した場合です。

"【iTunesをインストールしたフォルダ】\iTunes.exe" \setPrefInt "force-accessibility-off"

これで解決

特に「完了しました」などのフィードバックもありませんが、iTunesを立ち上げると異音は無くなっているはずです。

Facebookのいいねボタンを設置して数日たったのですが、GoogleAnalyticsのアクセスログに異常な数の ?fb_xd_fragment=というクエリのついたアクセスが発生したため、その原因と解決策を調査したのでメモしておきます。

IE7以下 + Facebookいいねボタンのバグ

どうやらこれは、IE7以下でFacebookのいいねボタンが設置してあるページを閲覧した場合のバグのようで、IE8以上や他のモダンブラウザで閲覧した場合には、このアクセスログは残りません。

解決方法

根本的な解決方法はFacebook側のスクリプトを修正してもらう他なさそうですが、今更IE6や7のために修正されるとも思えません。

とりあえず実害としてはログが汚れるということだけなので、GoogleAnalyticsのフィルタ機能を使って、当該クエリをカウントしないように設定すれば問題なさそうです。

Analyticsでの設定方法は下記サイトが非常に詳しいので参考のこと。