Facebookのウォールでちょっとアピールする方法（OGP） - EC studio デザインブログ

サイトに設置した「いいね！」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか？ OGP（Open Graph protocol）の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。 弊社サービスサイトのOGP対応後 OGPを使うとどうなるの？ OGP（Open Graph protocol）を使うと、 「いいね！」を押してウォールに投稿するときに、 タイトルや概要、表示する画像を指定することができます。 通常はFacebookが自動で表示してくれます。 OGPに対応する前のデフォルトはこのように表示されていました。 OGP対応方法 htmlタグの記述 まず、htmlタグにOGP用の記述を追記します。 「xmlns:og="http://ogp.me/ns#" xm

[nikutaiha]

facebook,いいねボタン,ogp,まとめ

[sase]

つくるときに

[omoniseo]

めっちゃ参考になりました！@tomo_e さんあざっす！

[BURN]

rss

[karatte]

あとでやる