タグ

ogpに関するwakuworksのブックマーク (5)

  • 【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ

    ソーシャルメディア(SNS)で画像を投稿することになります。問題なのは、それぞれのソーシャルメディアによって、カバー画像やプロフィール画像、投稿する画像などで推奨されている画像サイズが異なるということです。 FacebookならFacebookの推奨サイズ、TwitterならTwitterの推奨サイズに画像を加工しないと、画像の上下や端が表示されなくて、あまり効果的ではない画像表示になってしまいます。 今回は、それぞれのソーシャルメディア(Facebook,Twitter,YouTube,Instagram、Pinterest)で推奨されいる画像サイズをまとめてみました。

    【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ
  • 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月)、もう正方形は不要
  • OGP属性のog:imageは複数指定することができる

    Facebookで利用され初めてから、最近ではmixiやgreeなど日の大手ソーシャルメディアも対応し、利用者の増え続けているOGPですが、その属性の1つであるog:imageには、複数の画像が利用できることはご存知でしょうか? OGPっていったい何?という方や、Facebookやmixiのいいね!ボタンは設置してみたけどOGPなんて知らないという方は、下記の記事をご覧ください。 Facebookのいいね!ボタンを設置しても、OGPの設定がされていなければ意味が無い « INSPIRE TECH OGP属性のog:imageは、Webページのサムネイルを示すもので、正しく指定しておくと、例えばFacebookのいいね!ボタンが押された時などに、リンクやその他情報と共に、そのサムネイルがボタンを押した方のウォールに投稿されます。 実はこのog:imageですが、他のOGPタグと違って、以下

    OGP属性のog:imageは複数指定することができる
  • 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
  • FacebookのOGPに fb:admins と fb:app_id の設定は必要?htmlタグのxmlnsは? | Cappee Design

    OGPとは Open Graph protocolの略で、facebook、mixiなどのソーシャルにシェアした場合にOGPを設定しておけば意図した内容を表示させる事ができる、というものです。 詳しくは下記をご覧ください。 OGPで指定する fb:admins と fb:app_id ですが、受託なんかの場合は予め管理者にするFacebookユーザーを確認する必要があるため少々面倒だったりもします。 fb:admins と fb:app_id は記述しないと表示されないのかしら?と思って、記述なしにしてOGPを確認できるFacebookのデバッガーでみてみたところ、下記のような警告が表示されました。 Admins And App ID Missing:fb:admins and fb:app_id tags are missing. These tags are necessary fo

  • 1