diff --git a/docs/_includes/head.html b/docs/_includes/head.html
index 0895e940f9..f56372bec2 100644
--- a/docs/_includes/head.html
+++ b/docs/_includes/head.html
@@ -1,9 +1,31 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- HTML Meta Tags -->
     <meta name="description" content="Altair GraphQL Client. The only graphQL client editor you will need. Much like Postman for GraphQL with a lot of useful features when working with GraphQL.">
+
+    <!-- Google / Search Engine Tags -->
+    <meta itemprop="name" content="Altair GraphQL Client">
+    <meta itemprop="description" content="Altair GraphQL Client. The only graphQL client editor you will need. Much like Postman for GraphQL with a lot of useful features when working with GraphQL.">
+    <meta itemprop="image" content="https://altair.sirmuel.design/assets/img/app-shot.jpg">
     <meta name="author" content="Samuel Imolorhe">
 
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://altair.sirmuel.design">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Altair GraphQL Client">
+    <meta property="og:description" content="Altair GraphQL Client. The only graphQL client editor you will need. Much like Postman for GraphQL with a lot of useful features when working with GraphQL.">
+    <meta property="og:image" content="https://altair.sirmuel.design/assets/img/app-shot.jpg">
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Altair GraphQL Client">
+    <meta name="twitter:description" content="Altair GraphQL Client. The only graphQL client editor you will need. Much like Postman for GraphQL with a lot of useful features when working with GraphQL.">
+    <meta name="twitter:image" content="https://altair.sirmuel.design/assets/img/app-shot.jpg">
+
+    <!-- Meta Tags Generated via http://heymeta.com -->
+
     <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
 
     <!-- CSS -->
diff --git a/docs/assets/img/app-shot.jpg b/docs/assets/img/app-shot.jpg
index 4c56ffbddf..9bb573486c 100644
Binary files a/docs/assets/img/app-shot.jpg and b/docs/assets/img/app-shot.jpg differ
diff --git a/docs/assets/img/app-shot1.jpg b/docs/assets/img/app-shot1.jpg
new file mode 100644
index 0000000000..4c56ffbddf
Binary files /dev/null and b/docs/assets/img/app-shot1.jpg differ