seesaaƒuƒƒO‚ÅOpen Graph Protocol

2011 11/16 16:25
Open Graph Protocol‚ÉŠÖ‚µ‚Ă͈ȉº‚̃y[ƒW‚ðŽQÆ‚µ‚Ä‚­‚¾‚³‚�ｿｽ�ｿｽB
‚�ｿｽ}‚ꂾ‚¯‚Í’m‚Á‚Ä‚�ｿｽN‚«‚½‚�ｿｽ�ｿｽOGP iOpen Graph Protocolj | FacebookApps JAPANbFacebookƒvƒƒ‚[ƒVƒ‡ƒ“‚ÌŒ»ê‚©‚ç
Open Graph Protocol - FacebookŠJ”­ŽÒ
‹ZpŽd—l << mixi Developer Center (ƒ~ƒNƒVƒB ƒfƒxƒƒbƒp[ƒZƒ“ƒ^[)
ƒtƒFƒCƒXƒuƒbƒNAƒ~ƒNƒVƒBAƒOƒŠ[‚ÅŽg‚í‚ê‚Ä‚�ｿｽ�ｿｽ‚é OGP (Open Graph Protocol) ‚Ƃ͉½‚© - ITí‹L

ŠÈ’P‚ÉŒ¾‚¤‚Æmetaƒ^ƒO‚É‚�ｿｽ�ｿｽ‚ë‚ñ‚ȏî•ñ‚ð•t‰Á‚·‚é‚Æfacebook,mixi,GREE‚â‚炪‚»‚�ｿｽ}‚©‚çî•ñ‚ð‹z‚�ｿｽ�ｿｽŽæ‚Á‚Ä‚­‚ê‚é‚æ‚Æ‚�ｿｽ�ｿｽ‚¤˜b‚Å‚·B

‚�ｿｽ}‚�ｿｽ}‚Å‚Íseesaa‚ł̓fƒUƒCƒ“‚©‚ç’¼ÚHTML‚ð•ÒW‚·‚é‚�ｿｽ}‚Æ‚ª‚Å‚«‚é‚̂ŁA‚Ü‚ŸAŠæ’�ｿｽ�ｿｽ‚Á‚½‚ç‚È‚ñ‚Æ‚©‚È‚Á‚½‚Á‚Ä‚�ｿｽ�ｿｽ‚¤‚Ì‚ð‘‚�ｿｽ�ｿｽ‚Ä‚�ｿｽ�ｿｽ‚«‚Ü‚·B‚Å‚àA‚È‚ñ‚Æ‚�ｿｽ�ｿｽ‚¤‚©A•ÒW‘O‚ÌHTML‚ªƒJƒXƒ^ƒ}ƒCƒY‚³‚ê‚Ü‚­‚Á‚Ä‚�ｿｽ�ｿｽ‚½‚Ì‚ÅŽQl‚É‚È‚ç‚È‚�ｿｽ�ｿｽ‚©‚à‚µ‚ê‚Ü‚¹‚ñ‚ˁB


Å‰Ahead‚Émetaƒ^ƒO‚ð‘}“ü‚·‚邾‚¯‚ōì‹ÆI—¹‚©‚È‚ÆŽv‚Á‚Ä‚�ｿｽ}‚ñ‚ÈŠ�ｿｽL‚�ｿｽ�ｿｽ‚Ì‚à‚Ì‚ð‚­‚Á‚‚¯‚悤‚Æ‚µ‚Ü‚µ‚½B‚Å‚àƒ_ƒ‚Å‚µ‚½B‚È‚ñ‚Å‚Å‚µ‚傤‚ˁBŒÂl“I‚È—\‘z‚ł́A‰½‚©‚µ‚ç‚̃eƒ“ƒvƒŒ[ƒgƒGƒ“ƒWƒ“‚ðŽg‚Á‚Ä‚�ｿｽ�ｿｽ‚Äpage_name‚ªarticle‚È‚Æ‚«‚̓Rƒ“ƒeƒLƒXƒg‚Éarticle‚Í“n‚³‚ê‚È‚�ｿｽ�ｿｽ(list_article‚à‚¾‚ß‚¾‚Á‚½)‚炵‚�ｿｽ�ｿｽ‚ȂƁB
<head>
  ...’†—ª...
  <% if:page_name eq 'article' -%>
    <meta property="og:title" content="<% article.subject %>"/>
    <meta property="og:type" content="blog"/>
    <meta property="og:url" content="<% article.page_url %>"/>
    <meta property="og:image" content=""/>
    <meta property="og:site_name" content="‰E‹žweb"/>
    <meta property="og:description" content="<% article.entire_body | bodyfilter(article_info,blog) | tag_strip | xml | text_summary(240) %>"/>
  <% /if -%>
</head>

‚¿‚á‚ñ‚ƃRƒ“ƒeƒLƒXƒg‚ª“n‚é‚Ì‚ªŠm”F‚µ‚½’iŠK‚Å‚Í‹LŽ–ƒRƒ“ƒeƒ“ƒc‚¾‚¯‚¾‚Á‚½‚̂ŁAˆÈ‰º‚̂悤‚ɏW–ñ‚µ‚Ü‚·B

W–ñ‘O
CropperCapture[43].png
W–ñŒã
CropperCapture[44].png

‚»‚µ‚āAW–ñŒã‚Ì‹LŽ–ƒRƒ“ƒeƒ“ƒc‚Émetaƒ^ƒO‚Æheadƒ^ƒO‚̏I—¹Abodyƒ^ƒO‚ÌŠJŽn‚Ì‘}“ü‚ðs‚�ｿｽ�ｿｽ‚Ü‚·B‹ï‘Ì“I‚É‚Í‚�ｿｽ}‚ñ‚ÈŠ�ｿｽL‚�ｿｽ�ｿｽ‚Å‚·B

ƒfƒUƒCƒ“„HTML‚ÌŒ³ƒR[ƒh
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml"
      xml:lang="ja" lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
  <title><% if:extra_title %><% extra_title %> :<% /if %><% blog.title %></title>
  ...’†—ª...
</head>
<body>
  <div id="banner"><div class="container"><% content_header %></div></div>
  <div id="content"><div class="container"><% content_main %></div></div>
  <div id="footer"><div class="container"><% content_footer -%></div></div>
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  <script type="text/javascript">_uacct = "UA-2083748-1";urchinTracker();</script>
</body>
</html>

ƒfƒUƒCƒ“„HTML‚̕ҏWŒã‚̃R[ƒh
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml"
      xml:lang="ja" lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
  <title><% if:extra_title %><% extra_title %> :<% /if %><% blog.title %></title>
  ...’†—ª...
  <% content_main %>
  <div id="footer"><div class="container"><% content_footer -%></div></div>
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  <script type="text/javascript">_uacct = "UA-2083748-1";urchinTracker();</script>
</body>
</html>

‹LŽ–ƒRƒ“ƒeƒ“ƒc
<% content.header -%><!-- Content -->
<% if:page_name eq 'article' -%>
  <% loop:list_article -%>
    <meta property="og:title" content="<% article.subject %>"/>
    <meta property="og:type" content="blog"/>
    <meta property="og:url" content="<% article.page_url %>"/>
    <meta property="og:image" content=""/>
    <meta property="og:site_name" content="<% blog.title %>"/>
    <meta property="og:description" content="<% article.entire_body | bodyfilter(article_info,blog) | tag_strip | xml | text_summary(240) %>"/>
  <% /loop -%>
<% /if -%>
</head>
<body>
<div id="banner">
  <div class="container">
    ...Œ³X‚̃uƒƒOƒ^ƒCƒgƒ‹‚Ì’†g...
  </div>
</div>
<div id="content">
  <div class="container">
    ...Œ³X‚Ì‹LŽ–ƒRƒ“ƒeƒ“ƒc‚Ì’†g...
  </div>
</div>
<!-- /Content -->
<% content.footer -%>

‚�ｿｽ}‚ê‚Åhead“à‚Émetaƒ^ƒO‚ª“f‚«o‚³‚ê‚Ü‚·Bƒ^ƒO‚Ì‹Lq‚Ȃǂ͊‹«‚ɍ‡‚킹‚ď‘‚«Š·‚¦‚Ä‚­‚¾‚³‚�ｿｽ�ｿｽB



posted by ‰E‹ž | ŽG‹L
blog comments powered by Disqus