OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
フェイスブックの「シェア」は「いいね！」の約145倍クリックを生み出していた｜まだ仮想通貨持ってないの？
いいねボタンをあえて外してみるテスト フェイスブックのインサイトの新機能はなかなか面白い示唆を与えてくれます。ハマってます。 ざっくり言って、現時点で僕のブログの場合、「シェア」は「いいね！」の30倍程度トラフィックを生むことがデータから判明しています。ちなみにコメントは13倍程度です。（前の記事から「いいね！」のクリック率が上昇したため、数字が変わっています。） 少し乱暴にトラフィックだけで見れば、いいね！が30回押されるのと「シェア」が1回発生するのは、ほぼ同じ効果を持つという意味です。 「いいね！」「コメント」「シェア」の発生数とその割合を出してみました（直近1ヶ月）。「いいね！」の発生数の多さがよく分かるかと思います。コメントは最近導入したばかりなのでまだ数字が小さいです。 こちらはクリック数と、その割合です。 ちょうどシェアといいね！が逆転する形になっており、シェアがもたらすクリ
OGPを採用しているSNSの名前空間とかプロパティとか | trapon : experience
OGPを採用しているSNSの各技術情報 facebookでOGPが採用されていてfacebookの「いいね」に対応するために新たにOGPを設定した人もいると思いますが、mixiもGREEも採用しています。 facebook用のOGPを設定したときに <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> なんて、おまじないを書きましたが、各SNS向けのメタ情報を追加する場合は実はmixiやGREEでも書かないといけないことになっています。 mixi向け <html xmlns:og="http://ogp.me/ns#" xmlns:mixi="http://mixi-platform.com/ns#"> GRE
Open Graph protocol
Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any
Facebookのリンクのサムネイル画像 « Makoto's Blog
Facebook の Graph API で投稿したリンクのサムネイル画像が思った通りにならないので、動作をまとめてみた。 リンク先のページに以下のような image_src を指定しても、指定した画像はサムネイルにならなかった。 <link rel="image_src" href="http://....." /> リンク先のページに以下のような Open Grafh Protocol の画像を指定してもダメ。 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"> : <meta property="og:image" content="http://....."/> /PROFILE_ID/feed に message と link をポストすると、投稿にはアプリアイコンと（アプリ名から）が表
OGPを設定したら、まずFacebookのURL Linterでチェックしよう！
WebサイトにOGPタグを設定したとき、果たして正しく設定できているのか？と疑問になったり、Webサイトを編集してOGPタグを書き換えたのに、Facebookのウォールやニュースフィードに投稿されたWebサイトの情報が更新されなかったことはありませんか？ そんな時便利なのが、FacebookのURL Linterです。 下記のURLからアクセスできます。 URLリンター – Facebook開発者 このツールがいったい何かというと、入力されたURLのWebページに正しくOGPタグが設定されているかをチェックして、正しくなければエラーを、正しければどういった内容で設定されているかをレビューしてくれます。 いわば、OGPのチェックツールですね。 Facebookのキャッシュも削除してくれる またこのツールは、入力されたURLに関するFacebook上の古いキャッシュデータを削除してくれる役割も
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ
http://tkosumi.com/life/2011/02/wordpressfacebook.html