All Search and Social Media Meta Tags Starter Template

gistfile1.txt

// code via http://scotch.io/quick-tips/all-search-and-social-media-meta-tags-starter-template

#Search Engines / Google
<!-- SEO -->
<meta name="author" content="Author name here....">
<meta name="description" content="Description text here.....">
<link rel="canonical" href="URL here..."> <!-- info: http://goo.gl/0ta7jy -->

#Twitter Cards (Large Image)
<!-- Social: Twitter -->
<!-- After inserting META need to validate at https://dev.twitter.com/docs/cards/validation/validator -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@scotch_io">
<meta name="twitter:creator" content="ncerminara">
<meta name="twitter:title" content="Bootstrap 3 Tips and Tricks You Might Not Know">
<meta name="twitter:description" content="Bootstrap 3 has a ton of features and helpers to speed up front-end development. Sometimes you need something and you end up writing your own custom CSS and JavaScript without even realizing that Bootstrap could have done it for you....">
<meta name="twitter:image:src" content="http://scotch.io/wp-content/uploads/2014/05/bs31.jpg">

#Facebook Open Graph
<!-- Social: Facebook / Open Graph -->
<meta property="fb:admins" content="579622216,709634581">
<meta property="fb:app_id" content="1389892087910588">
<meta property="og:url" content="http://scotch.io/bar-talk/bootstrap-3-tips-and-tricks-you-might-not-know">
<meta property="og:type" content="article">
<meta property="og:title" content="Bootstrap 3 Tips and Tricks You Might Not Know">
<meta property="og:image" content="http://scotch.io/wp-content/uploads/2014/05/bs31.jpg"/>
<meta property="og:description" content="Bootstrap 3 has a ton of features and helpers to speed up front-end development. Sometimes you need something and you end up writing your own custom CSS and JavaScript without even realizing that Bootstrap could have done it for you....">
<meta property="og:site_name" content="Scotch">
<meta property="article:author" content="https://www.facebook.com/NCerminara">
<meta property="article:publisher" content="https://www.facebook.com/scotchdevelopment">

#Google+ and Schema.org / Itemscope
<!-- Social: Google+ / Schema.org  -->
<meta itemprop="name" content="Bootstrap 3 Tips and Tricks You Might Not Know">
<meta itemprop="description" content="Bootstrap 3 has a ton of features and helpers to speed up front-end development. Sometimes you need something and you end up writing your own custom CSS and JavaScript without even realizing that Bootstrap could have done it for you....">
<meta itemprop="image" content="http://scotch.io/wp-content/uploads/2014/05/bs31.jpg">