facebookのogタグについて

  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

20130107_1220787
いまさらですがfacebookのogタグの設置について。
ogタグはそのページに「いいね」されると、facebook上で表示される内容を設定できる項目のこと。

また、いいねされた後でも変更すると、facebook上でも反映されるので管理しやすいです。

変更後はogタグのチェックができるツール・デバッガーをfacebookで提供しているので、

チェックするとキャッシュが消え、更新されるという仕組み。

 

基本的に下記のように書くと大丈夫かと。

<br />
&lt;meta property="og:title" content="タイトル" /&gt;<br />
&lt;meta property="og:type" content="タイプ" /&gt;<br />
&lt;meta property="og:url" content="URL" /&gt;<br />
&lt;meta property="og:image" content="画像のURL" /&gt;<br />

og:title : ページのタイトル(記述しない場合、<title>タグを使用)

og:description: : ページの説明文(記述しない場合、<meta name=”description”>タグを使用)

og:url:ページのURL(特に指定しなくてよい)

og:image:表示画像。(指定なしならランダムでページの画像が引っ張られるので、これは指定したほうがいい)

og:type:必ず指定する。(TOPページの場合「website」内部ページは「article」を指定)

 

他にもタグはありますが、 その他、細かいところはOpen Graph protocol : Facebook開発者向けドキュメントの日本語訳とTips などを参考にすればいけるかと思います。

You may also like...

コメントを残す

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