Add twitter meta tags and additional meta tags for the open graph

Rafael J. Staib · Rafael J. Staib · commit 25431f5e651f · 2013-06-20T13:07:38.000+02:00
diff --git a/add-remove.html b/add-remove.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/advanced-form.html b/advanced-form.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/async.html b/async.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/basic-form.html b/basic-form.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/basic.html b/basic.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/iframe.html b/iframe.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/images/social.png b/images/social.png
diff --git a/index.html b/index.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/tabs.html b/tabs.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Architects+Daughter">
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
diff --git a/test.html b/test.html
@@ -11,10 +11,18 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <!-- Required for Open Graph -->
-        <meta property="og:title" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
-        <meta property="og:site_name" content="jQuery Steps, a powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta property="og:title" content="jQuery Steps">
+        <meta property="og:description" content="jQuery Steps - A powerful jQuery wizard plugin that supports accessibility and HTML5.">
         <meta property="og:type" content="website">
         <meta property="og:url" content="http://rstaib.github.io/jquery-steps">
+        <meta property="og:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
+
+        <!-- Required for Twitter -->
+        <meta property="twitter:card" content="summary">
+        <meta name="twitter:creator" content="@RafaelStaib">
+        <meta property="twitter:title" content="jQuery Steps">
+        <meta name="twitter:description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
+        <meta name="twitter:image" content="http://rstaib.github.io/jquery-steps/images/social.png">
 
         <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet2.css" media="screen">
         <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
