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月
Facebook向けに最適なOGP og:imageサムネイル画像サイズが変更された！？ | バシャログ。
こんばんは。昨日スマイルプリキュア食玩フィギュアをコンプリートした、ishida です。 やっぱり好きなのは、キュアピースです。 さてさて今回は、さきほど作業中に気づいたfacebookのOGPサムネイル画像サイズについてです。 コーディング・チェックまで終わって、本番アップ。 そんでもってFacebook開発者ツールのデバッガー https://developers.facebook.com/tools/debugをつかってOGPを確認。 あれっ？以下のような警告エラーが出ました。 警告エラーの内容 原文 All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url
シェアデバッガー - 開発者向けFacebook
シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。
metaタグを追加してFacebookに対応する方法とハマりやすいポイント
Facebook使ってますか？ こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね！」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね！」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ！ 「いいね！」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね！」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね！」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って
Open Graph protocol
2011年04月20日00:13 by oklahomer Open Graph protocol カテゴリドキュメント http://developers.facebook.com/docs/opengraph/ Open Graph Protocolは、あなたのwebページがソーシャルグラフと連携することを可能にします。今のところ、実世界に存在する物（映画、スポーツチーム、セ レブ、レストランなど）を象徴するwepページ用にデザインされています。Open Graphタグをwebページに含めることで、あなたのページはFacebook Pageと 同等の物になります。つまり、ユーザがページ上のLikeボタンを押すと、ページとユーザの間にconnectionが作られます。ページはユーザプロ フィールの"Likes and Interests"セクションに表示され、更新情報をユーザへ通知するこ
フェイスブックのいいね！をサイトに追加するならこれはやるべき - 新ECおもろ
以前、フェイスブックの「いいね！」ボタンをとにかく簡単にサイトに追加する方法のエントリを書いたんですが、 できれば、あともうひと手間、もうちょっとだけやった方がいいことがあります。 実はこれをやるとやらないとではいいね！をクリックした後の結果が全然違います。 ただ、、、実際ここまでやっているサイトは日本ではまだあまりなく、 それほど知られていないようなのでもったいないないなということで簡単にご紹介。 1.どう違うの？ もうひと手間をやるとやらないとでは全然違うわけですが、ではどう違うのか？ それは、、、 いいね！をしたことが、フェイスブック友達（自分）のニュースフィードに流れる ってことです。 逆を言えば、やらないと友達（自分）のニュースフィードには流れません。 自分のウォールに流れるだけです。 いいね！しても自分のウォールにしか流れないんかよ、、、いまいちじゃん！ と思っていた方（もしか
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。（スマホ対応！最新版 ※9.21追記）
水無月ばけら on Twitter: "[メモ] fb: なやつらの名前空間は xmlns="http:// www.facebook.com/2008/fbml" らしい。 https://developers.facebook.com/docs/opengraph/"
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ