diff --git a/index.html b/index.html
index fdd3a53ccf5b3c048e81dc6f0a67f3021ffdc0ee..eaad7d644a96f21014681dfa413ca5a63f49799a 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,20 @@
     />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://vue-color-avatar.vercel.app/" />
+    <meta property="og:image" content="https://i.imgur.com/hXjBFVB.png" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="vue-color-avatar.vercel.app" />
+    <meta
+      property="twitter:url"
+      content="https://vue-color-avatar.vercel.app/"
+    />
+    <meta name="twitter:title" content="Vue Color Avatar" />
     <meta
-      property="og:image"
-      content="https://github.com/Codennnn/vue-color-avatar/blob/main/images/social-preview-1.png"
+      name="twitter:description"
+      content="A pure front-end avatar generator"
     />
+    <meta name="twitter:image" content="https://i.imgur.com/hXjBFVB.png" />
 
     <title>Vue Color Avatar</title>