タグ

Webデザインとogpに関するbaboocon19820419のブックマーク (2)

  • これだけは知っておきたいOGP (Open Graph Protocol) | NEX.FM

    Life is too short to worry about laundryOGP (Open Graph Protocol)。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね!ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね!された時に、 「○○さんがリンクについていいね!と言っています」 とウォール上に投稿されることになるが、これはOG

  • 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設置方法とどこまで設定するかを考える
  • 1