title: Facebook like a "Product" og:type, not a link
body: <p>I'm trying to figure out how to add a Facebook "like" button on a product page that when clicked displays a post on the user's Wall saying something like "John Smith liked a <strong>product</strong>" instead of "John Smith liked a link"?</p>
  
  <p>I thought this would be a feature of the Facebook og:type tag. For a product page on my website www.luhsetea.com, I have the following tags:</p>
  
  <pre><code>&lt;html lang="en" class="no-js" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"&gt;
  &lt;head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# luhsetea: http://ogp.me/ns/fb/luhsetea#"&gt;
  
  &lt;meta property="og:title" content="Spice of Your Life" /&gt;
  &lt;meta property="og:type" content="luhsetea:product" /&gt;
  &lt;meta property="og:url" content="http://www.luhsetea.com/products/spice-of-your-life" /&gt;
  &lt;meta property="og:site_name" content="Luhse Tea" /&gt;
  &lt;meta property="fb:app_id" content=" APP_ID " /&gt;
  &lt;meta property="og:description" content="Honey, milk, and tea blend with our spices perfectly!&amp;nbsp; See what you can make, with these spi..." /&gt;
  &lt;meta property="og:image" content="http://cdn.shopify.com/s/files/1/0077/8972/products/spice-of-your-life_medium.jpg?101788" /&gt;
  </code></pre>
  
  <p>I've included the JS SDK and code required for the like button:</p>
  
  <pre><code>&lt;fb:like href="http://www.luhsetea.com/products/spice-of-your-life" send="false" layout="button_count" width="180" show_faces="false"&gt;&lt;/fb:like&gt;
  </code></pre>
  
  <p>I've added an App in my Facebook Developer account, plus an Action called "Like" to an Object called "Product" in the Open Graph settings on the App configuration page. After doing this facebook gave me the code for the <code>&lt;meta property="og:type" content="luhsetea:product" /&gt;</code> tag.</p>
  
  <p>Am I doing something wrong?</p>
  
  <p>Thanks for your help.</p>