perf (SEO): social meta tags

Author: JadsonLucena

index.html

@@ -12,6 +12,20 @@
     <meta name="author" content="JadsonLucena <jadsonlucena@gmail.com>">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#FFFFFF" />
+    <meta name="image" content="./images/favicon.svg">
+    <meta name="application-name" content="Semantic Commit Generator">
+
+    <!-- Schema.org for Google -->
+    <meta itemprop="name" content="Semantic Commit Generator">
+    <meta itemprop="description" content="A practical generator for creating standardized semantic commits. This convention adds human and machine readable meanings.">
+    <meta itemprop="image" content="./images/favicon.svg">
+    <!-- Open Graph general (Facebook, Pinterest & Google+) -->
+    <meta name="og:title" content="Semantic Commit Generator">
+    <meta name="og:description" content="A practical generator for creating standardized semantic commits. This convention adds human and machine readable meanings.">
+    <meta name="og:image" content="./images/favicon.svg">
+    <meta name="og:site_name" content="Semantic Commit Generator">
+    <meta name="og:type" content="website">
 
     <link rel="shortcut icon" type="image/x-icon" sizes="16x16" href="./images/favicon.ico">
     <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
@@ -20,8 +34,6 @@
     <link rel="icon" type="image/png" sizes="144x144" href="./images/favicon-144x144.png">
     <link rel="icon" type="image/png" sizes="512x512" href="./images/favicon-512x512.png">
     <link rel="apple-touch-icon" href="./images/apple-touch-icon-192x192.webp">
-    
-    <meta name="theme-color" content="#FFFFFF" />
 
     <link rel="stylesheet" href="./styles/index.css">