OGP

OGP Open Graph protocol
SNSに対してのこのサイトの内容を教えるメタタグ
Facebook、Google+、mixi、GREEとか

facebookのOGP設定をすることで、facebook以外のページに設置した「いいね!」ボタンやコメントのアクションが、facebookのタイムライン上で友達にも表示されるので、より記事を見てもらいやすくなる。特に、「いいね!」ボタンやコメント欄を設置した場合は必須の設定となる。また、そのページのインサイトも複数ユーザで確認ができる。(株式会社ISSUN(イッスン) facebookのOGP設定について)

og:type
 ウェブページが何のページであるか(必須)
 例:blog,article,website

og:title
 ウェブページの名前(必須)

og:image
 ウェブページのサムネイル(必須)

og:url
 ウェブページの URL(必須)

og:description
 ウェブページの説明

og:site_name
 サイト名

og:emailまたはog:phone_number
 連絡先

表記方法

<meta property="og:title" content="タイトル" /> 
<meta property="og:type" content="オブジェクトのタイプ" />
<meta property="og:url" content="このページのURL" /> 
<meta property="og:image" content="表示される画像のパス" /> 
<meta property="og:description" content="概要を説明する文章" /> 
<meta property="og:site_name" content="サイトの名前" />
<meta property="og:email" content="メールアドレス" /> 
<meta property="fb:admins" content="ユーザーID" />
<meta property="fb:app_id" content="アプリID" />

Yahoo!だとこんな感じ

<meta property="og:title" content="Yahoo! JAPAN">
<meta property="og:type" content="article">
<meta property="og:url" content="http://www.yahoo.co.jp/">
<meta property="og:image" content="http://k.yimg.jp/images/top/ogp/fb_y_1500px.png">
<meta property="og:description" content="日本最大級のポータルサイト。検索、オークション、ニュース、天気、スポーツ、メール、ショッピングなど多数のサービスを展開。あなたの生活をより豊かにする「課題解決エンジン」を目指していきます。">
<meta property="og:site_name" content="Yahoo! JAPAN">
<meta property="fb:app_id" content="472870002762883">

勉強させてもらったサイト

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です