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月
MovableTypeにFacebookのOpen Graph protocol（OGP）を対応させる方法 | Creazy!
【2012/12/02：追記】 記事本文の最初にでてくる画像URLを抜き出すという目的では、元の正規表現では少々問題があったため修正しました。詳細はMTタグの解説部分のコメントをご確認ください。 ども、ブログご無沙汰気味のヤガーです。 久しぶりにちゃんと技術っぽい事書かないとなぁと思いまして、いまさらですがOGP対応の話題など取り上げたいと思います。 といっても、すでに詳しく書かれているページもたくさんあるでしょうから、今回はボクがブログで使用しているMovableTypeでの実装方法にフォーカスしています。 いきなりですが、個別ブログ記事テンプレート用の完成版のソースです！ <meta property="og:title" content="<$MTEntryTitle remove_html="1"$>" /> <meta property="og:type" content="ar
保存の際にfacebookのクローラーを再度お招きするWordPressプラグイン | Firegoby
Facebookではlikeボタンをクリックした時などにクローラーが攻めこんできてコンテンツをキャッシュします。 そのため、タイトルなどを後から修正しても、修正結果が反映されません。 しかし、Facebook謹製のURLリンターというツールでURLを送信するとクローラーがもう一度来てくれて、キャッシュを再生成してくれます。 そこで、WordPressのsave_postでフックして、URLリンターにURLを送信するプラグインを作りました。 単なる手抜きですが、URL送信の成否に関する評価は一切しておりませんので、あしからず。 facebookのドキュメントではURLの末尾にformat=jsonとありますが実際のレスポンスはhtmlです。
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
showjin.me
