your html code


HTML tag code
<html itemscope itemtype="http://schema.org/Product">

title tag code
<!-- Place this data between the <head> tags of your website -->
<title>{{title || 'title'}}</title>

global tag code
<!-- global meta tags -->
<meta name="author" content="{{author || 'author'}}">
<meta name="subject" content="{{subject || ''}}">
<meta name="description" content="{{description || 'description'}}">
<meta name="classification" content="{{classification || 'classification'}}">
<meta name="keywords" content="{{keywords || 'keywords'}}">
<meta name="geography" content="{{geography || 'geography'}}">
<meta name="language" content="{{language || 'language'}}">
<meta name="copyright" content="{{copyright || 'copyright'}}">
<meta name="designer" content="{{designer || 'designer'}}">
<meta name="publisher" content="{{publisher || 'publisher'}}">
<meta name="distribution" content="global">
<meta name="zipcode" content="{{zipcode || 'zipcode'}}">
<meta name="city" content="{{city || 'city'}}">
<meta name="country" content="{{country || 'country'}}">

social tag code
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="{{title || 'title'}}">
<meta itemprop="description" content="{{description || 'description'}}">
<meta itemprop="image" content="{{image}}">

<!-- Twitter Card data -->
<meta name="twitter:card" content="product">
<meta name="twitter:site" content="{{site || '@twitter'}}">
<meta name="twitter:title" content="{{title || 'title'}}">
<meta name="twitter:description" content="{{description || 'description'}}">
<meta name="twitter:creator" content="{{creator || '@twitter'}}">
<meta name="twitter:image" content="{{image}}">
<meta name="twitter:data1" content="{{data1}}">
<meta name="twitter:label1" content="{{label1}}">
<meta name="twitter:data2" content="{{data2}}">
<meta name="twitter:label2" content="{{label2}}">

<!-- Open Graph data -->
<meta property="og:title" content="{{title || 'title'}}" />
<meta property="og:type" content="article" />
<meta property="og:url" content="{{url}}" />
<meta property="og:image" content="{{image}}" />
<meta property="og:description" content="{{description || 'description'}}" />
<meta property="og:site_name" content="{{sitename}}" />
<meta property="og:price:amount" content="{{price}}" />
<meta property="og:price:currency" content="{{currency}}" />

testing the output

once you're happy with the code above and implement it on your web site, try these validation suites to preview your link

twitter facebook google+