fix: update SEO meta tags

xlayers · Mar 7, 2019 · 1191eb0 · 1191eb0
1 parent f46e8c4
commit 1191eb0
Showing 1 changed file with 28 additions and 9 deletions.
diff --git a/packages/xlayers/src/index.html b/packages/xlayers/src/index.html
@@ -5,11 +5,13 @@
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="xLayers - Preview and Convert SketchApp files into Angular–React–Vue-Web Components">
-  <meta name="keywords" content="sketch, sketchapp, design, angular, react, vue, web component">
+  <meta name="description" content="xLayers - Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta name="keywords" content="sketch, sketchapp, design, angular, react, vue, web component, code">
   <meta name="author" content="Wassim Chegham">
+  <link rel="manifest" href="manifest.json">
+  <meta name="theme-color" content="#212121">
 
-  <title>xLayers: SketchApp Viewer and Codegen</title>
+  <title>xLayers: Design – Code – Repeat</title>
   <base href="/">
 
   <link rel="icon" type="image/x-icon" href="favicon.ico">
@@ -18,13 +20,30 @@
   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
-  <meta name="twitter:card" content="summary">
-  <meta name="twitter:site" content="@manekinekko">
-  <meta name="twitter:title" content="xLayers (by Wassim Chegham)">
-  <meta name="twitter:description" content="Preview and Convert SketchApp files into Angular, React, Vue and Web Components or any framework and library.">
+  <!-- facebook meta -->
+  <meta property="og:title" content="xLayers (by Wassim Chegham)">
+  <meta property="og:description" content="Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta property="og:url" content="https://xlayers.dev/">
+  <meta property="og:image" content="/assets/icons/icon-512x512.png">
+  <meta property="og:image:alt" content="Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta property="og:image:height" content="512">
+  <meta property="og:image:width" content="512">
+
+  <!-- linkedin meta -->
+  <meta property="og:title" content="xLayers (by Wassim Chegham)">
+  <meta property="og:type" content="https://xlayers.dev">
+  <meta property="og:image" content="/assets/icons/icon-512x512.png">
+  <meta property="og:description" content="Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta name="author" content="Wassim Chegham">
 
-  <link rel="manifest" href="manifest.json">
-  <meta name="theme-color" content="#212121">
+  <!-- twitter meta -->
+  <meta name="twitter:title" content="xLayers (by Wassim Chegham)">
+  <meta name="twitter:card" content="Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta name="twitter:description" content="Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta name="twitter:image" content="/assets/icons/icon-512x512.png">
+  <meta name="twitter:image:alt" content="Preview and Convert UI designs into ANY code, for ANY platform.">
+  <meta name="twitter:site" content="https://xlayers.dev">
+  <meta name="twitter:creator" content="@manekinekko">
 </head>
 
 <body class="bg-pattern">