タグ

ogpに関するshoのブックマーク (6)

  • ブロガー必見!アイキャッチ画像を緊急で差し換える方法 - はてな村定点観測所

    This domain may be for sale!

    ブロガー必見!アイキャッチ画像を緊急で差し換える方法 - はてな村定点観測所
    sho
    sho 2017/11/24
    記事中に「OGP」というキーワードがほぼ使われないけど、筆者はWebエンジニアつってるし、わざとなんだろうなぁ / id:netcraft3 あ、誤解を招く書き方ですみません、「シェア画像」とか言葉を選んでるな、という意図です
  • 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
    sho
    sho 2015/08/27
    便利!!
  • 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
    sho
    sho 2012/07/24
  • Google+1ボタンからGoogle+に直接『共有』される際のタイトルとサムネイル、説明文を指定する方法 | Token Spoken

    日、「Google+1ボタンから直接Google+に『共有』の投稿が可能に」なりましたが、その+1から投稿される内容の一部となるサムネイルと説明文をウェブサイト運営者側で指定する方法を説明します。 なお、Google+ボタンでは4つの方法でそれら情報を指定できますが、情報の取得はここで説明する順に優先されます。 1. Schema.orgのマイクロデータを使用する方法 Googleではこの形式を使うことを推奨しています。 その「+スニペット」を追加するためには、schema.orgが推奨する属性をウェブサイト各ページに追加します。 たとえば、このページ自体の+スニペットをソースに追加するには、 <body itemscope itemtype=”http://schema.org/Article”> <h1 itemprop=”name”>Google+1ボタンからGoogle+に直接『

    Google+1ボタンからGoogle+に直接『共有』される際のタイトルとサムネイル、説明文を指定する方法 | Token Spoken
  • フェイスブックのいいね!をサイトに追加するならこれはやるべき - 新ECおもろ

    以前、フェイスブックの「いいね!」ボタンをとにかく簡単にサイトに追加する方法のエントリを書いたんですが、 できれば、あともうひと手間、もうちょっとだけやった方がいいことがあります。 実はこれをやるとやらないとではいいね!をクリックした後の結果が全然違います。 ただ、、、実際ここまでやっているサイトは日ではまだあまりなく、 それほど知られていないようなのでもったいないないなということで簡単にご紹介。 1.どう違うの? もうひと手間をやるとやらないとでは全然違うわけですが、ではどう違うのか? それは、、、 いいね!をしたことが、フェイスブック友達(自分)のニュースフィードに流れる ってことです。 逆を言えば、やらないと友達(自分)のニュースフィードには流れません。 自分のウォールに流れるだけです。 いいね!しても自分のウォールにしか流れないんかよ、、、いまいちじゃん! と思っていた方(もしか

    フェイスブックのいいね!をサイトに追加するならこれはやるべき - 新ECおもろ
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • 1