OGPに関するsanata0130のブックマーク (7)

  • 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月

    OGP画像シミュレータ | og:image Simulator
    sanata0130
    sanata0130 2014/01/14
    便利
  • [facebook] OGPで使用できるタイトル長の限界: 技術系備忘録ブログ

    facebookのシェアボタン等で、記事のタイトルを任意に指定する場合 該当ページに <meta property="og:title" content="…"> というタグを埋め込むが、タイトルの文章があまりに長いと、 「このウォールにはメッセージを投稿することはできません。」 というメッセージが出て投稿できない場合がある。 参考リンク:Facebookでリンクをシェアしようとして「ウォールに投稿できませんでした」と怒られる では具体的に何文字までなら許されるのか。 ■半角の場合 タイトルは100文字で切られる。 これはこのまま投稿できる。 ちなみに確認画面では「...」が付加されているが、投稿された後の表示ではばっさり切られる。 ■全角の場合 やはり100文字で切られる。 が、これを投稿しようとすると件のエラーが出る。 この後、1文字ずつ減らしていって、投稿できる最大の文字数を調べたと

  • OGPの「fb:app_id」とか「fb:admins」って何のために必要なの?

    さて。OGPについてのエントリーを書いたばかりですが。 色々頑張って、このブログのOGPは↓こんな感じになりました。 <meta property="fb:app_id" content="1234567890" /> <meta property="og:type" content="blog"> <meta property="og:description" content="***記事抜粋***"> <meta property="og:title" content="***記事タイトル***"> <meta property="og:url" content="***記事URL***"> <meta property="og:site_name" content="Sunday In The Park"> <meta property="og:image" content="htt

    OGPの「fb:app_id」とか「fb:admins」って何のために必要なの?
  • Facebookインサイト設定の落とし穴、app_id, admins の違いとは-Six Apart ブログ|オウンドメディア運営者のための実践的情報とコミュニティ

    皆さま、お久しぶり!ヒカルよ。今日はFacebookインサイト(公式のアクセス解析ツール)を使うための最初の難関、OGP設定の謎を私が解明するわ!私と一緒に、めくるめくソーシャルマーケティングへの扉を開きましょ。 ......って、え?私のことを知らない?......そうか、そうよね。最近 Facebookの六離庵ページ に閉じこもっていたものね。 改めて、自己紹介するわ。 わたしと六離庵について わたしは、ソーシャルメディア課長のヒカル。 和菓子屋六離庵ソーシャルメディア繁盛記 というサイトをご存知かしら? このサイトは吉祥寺にある架空の和菓子屋さん「六離庵」のソーシャルメディア活用のストーリーを連載しているサイトなの。中小規模の法人がどんなふうにソーシャルメディアをどう活用していけばいいかの一例として、企画から運用、効果測定までの流れを小説形式でひと通りご紹介しているわ。全八話で公開さ

    Facebookインサイト設定の落とし穴、app_id, admins の違いとは-Six Apart ブログ|オウンドメディア運営者のための実践的情報とコミュニティ
  • OGP設定不要!Facebookのshareが便利

    twitter facebook hatena google pocket Facebookからshareボタンがなくなって、share自体もできなくなったかと勘違いしていましたが、下記のような設定で対応可のなようでした。 備忘録がてらエントリーにしておきます。 sponsors #1 リンクでShare 気軽にできるタイプのShareで、下記のような表示となるものです。 いたって簡単です。 <a href="https://www.facebook.com/sharer/sharer.php?u=http://www.skuare.net/" target="_blank">シャア</a> ということでu=のあとに対象のURLを記載すればOKです。 この場合は開くウィンドウのサイズなどを指定してあげたほうが良いかもしれません。 Facebook上では以下のように見えます。 ※この手法はO

    OGP設定不要!Facebookのshareが便利
  • Facebook以外のSNSでのOGPに関する話 : 初心者によるブログの勉強のためのブログ

    OGPについての説明」、「FacebookのOGPについて」の2回に渡りOGPについて説明しましたが、今回もOGPに関する話です。 Facebook以外でもOGPに対応したSNSは増えている事は説明しましたが、ここでは記事執筆時点でOGPに対応している事が確認できた、mixi、GreeGoogle+、LinkedIn のOGPの設定について触れていきたいと思います。 なお、今回の話はこれまでのOGPの話を既に理解していることを前提に話しますので、OGPについて分からない方は先にそれらから読んで下さい。 mixiのOGPについて ・GREEOGPについて ・Google+のOGPについて ・LinkedInのOGPについて mixiのmixiチェックボタンもFacebookのいいね!ボタンと同じようにOGPに対応しています。 なお、ここではmixiチェックボタンの設置方法については触れ

    Facebook以外のSNSでのOGPに関する話 : 初心者によるブログの勉強のためのブログ
  • FacebookのOGP仕様がまたもや変更! og:imageの推奨サイズが1500×1500に!

    マジですかまた変更ですかそうですか。 久々にトップページをDebuggerで叩いたら、OGPにエラーがが。 Facebook Open Graphの仕様を、これまた久々に調べなおしたら、またもや変更されていました。 とりあえず仕様変更よりバグをどうにかしてほしいんですけどね。 og:imageが推奨1500×1500に拡大 昨年の6月に記事にしましたが、前回の仕様変更でog:imageのサイズが最低200×200になりました。この話題は、最近になってまたぶり返してたっぽいですね。 それがいつの間にやら、仕様上、1500×1500を推奨・優先するということになったみたいです。1500pxってあんた・・・。。 The URL of an image which is used in stories published about this object. We suggest that you

    FacebookのOGP仕様がまたもや変更! og:imageの推奨サイズが1500×1500に!
  • 1