diff --git a/vue.config.js b/vue.config.js
index 618dfbd..3e056ea 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -21,12 +21,13 @@ module.exports = {
     config.plugin("html").tap(args => {
       const meta = {
         title: "Sebin Nyshkim - Reference Page",
-        desc: "The official reference Page for Sebin Nyshkim",
+        desc: "The official reference page for Sebin Nyshkim with picture references and in-depth character descriptions",
         type: "website",
         url: "https://ref.sebin-nyshkim.net",
-        image: "favicon.png",
+        favicon: "favicon.png",
+        preview: "preview.jpg",
         twitter: {
-          card: "summary",
+          card: "summary_large_image",
           creator: "@SebinNyshkim"
         }
       };
@@ -34,12 +35,12 @@ module.exports = {
       const links = {
         icon: {
           rel: "icon",
-          href: meta.image,
+          href: meta.favicon,
           type: "image/png"
         },
         favicon: {
           rel: "favicon",
-          href: meta.image,
+          href: meta.favicon,
           type: "image/png"
         }
       };
@@ -51,11 +52,11 @@ module.exports = {
         "twitter:creator": meta.twitter.creator,
         "twitter:description": meta.desc,
         "twitter:text:title": meta.title,
-        "twitter:image": `${meta.url}/${meta.image}`,
+        "twitter:image": `${meta.url}/${meta.preview}`,
         "og:title": meta.title,
         "og:type": meta.type,
         "og:url": meta.url,
-        "og:image": `${meta.url}/${meta.image}`,
+        "og:image": `${meta.url}/${meta.preview}`,
         "og:description": meta.desc
       };