タグ

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

  • Facebook OGP画像の最新サイズ(※2014年9月)、もう正方形は不要

    ↑このイラストが、Facebook OGP画像の最新サイズです(2014年9月末現在) といっても、ちょうど昨年の今頃に一度仕様変更があり、その時に最適なサイズに対応していた場合は今回は特別な対応は不要です。 約1年前、FacebookのニュースフィードのUIが変わり、OGPの画像(og:image)のサイズ仕様が変わりました。 軽くおさらいすると、つい最近まで、OGP画像の推奨サイズは下記のような形でした。 なんで正方形で作成しなければいけないかと言うと、今までは「PC版のユーザーのタイムライン」を見た場合のみ、og:imageが正方形で表示されていたからなんですね。 FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。(スマホ対応!最新版 ※9.21追記) https://snowadays.jp/2013/09/2106 Face

    Facebook OGP画像の最新サイズ(※2014年9月)、もう正方形は不要
    natto_tamago
    natto_tamago 2014/12/02
    facebookのog:image推奨は1200x630pxかそれ以上で1.91:1の画像
  • Basic 認証中のページで OGP のテストをする - modifiedの日記

    Basic 認証中のサイトだと Facebook の OGP の確認ができない。 これは、「いいね!」ボタンを押した後に、Facebook のクローラが OGP を改めて読みにくるため。 なので、「Facebook のクローラには Basic 認証を適用しない」設定を追記すれば良い。 Facebook からのアクセスは "GET / HTTP/1.1" 401 480 "-" "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)" こんな感じのログを残すので、 『UserAgent : facebookexternalhit』を許可する # Basic の基設定 AuthUserFile /path/to/.htaccess AuthGroupFile /dev/null AuthName "

    Basic 認証中のページで OGP のテストをする - modifiedの日記
  • html999 » はじめてのOGP設置方法とどこまで設定するかを考える

    いまさら感ありますが、はじめてOGPを設定する機会があったのでまとめます。 (薄い知識でお届けします) そろそろ企業サイト(かため)のようなWebサイトでも、Faviconとセットくらいの感覚で設定するようおすすめした方がよさそうです。 (注意:OGPの仕様がころころかわるので、すぐに間違いになる可能性があります!だいたい2013年の4月頃に調べた内容を元にしています。気づいたところがあれば更新していく予定) ※og:imageの推奨サイズが変更になっていたので修正しました(2014/12/07追記) OGPとは SNS向けの記述で、<head>~</head>内に記述するmeta情報。 facebookなど(他にもmixi、Google+などが対応しているらしい)で、そのページがシェア(facebookの「いいね!」とか)されたときにSNS上で表示される情報を指定するためのもの。 どんな

    html999 » はじめてのOGP設置方法とどこまで設定するかを考える
  • 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

    Open Graph protocol
    natto_tamago
    natto_tamago 2013/04/11
    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に!
    natto_tamago
    natto_tamago 2013/04/11
    og:imageの推奨サイズ1500x1500 !?
  • 貼るだけ簡単!アクセスが倍増するWordPress用OGPコード

    プラグインに頼らず、思い通りに動作するOGP用のコードを書きました 2012年3月現在、日のFacebook利用者数が768万人。Google+は200万人。Twitterは3000万人。mixiのユーザー数は2,623万人。(セレージャテクノロジー&Semiotics調べ) 全てのトラフィックを有効に活用すれば、サイトへのアクセスは何倍にも増えます。 実際にFacebookからの流入が倍増 事実として今回設定するOGPを設置したところ、Facebookからの流入が数倍になったという例が多数報告されています。 せっかく有益な記事を書いたなら、ソーシャルメディアに適切に内容を伝えて、多くの人に見てもらいましょう。 まずは解説 (もう知っているぞという方は読み飛ばしてください。) 「OGPとはなんぞや?」という方のために、簡単に解説します。正式名称はOpen Graph protocol。「

    貼るだけ簡単!アクセスが倍増するWordPress用OGPコード
  • シェアデバッガー - 開発者向けFacebook

    シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。

    シェアデバッガー - 開発者向けFacebook
  • 1