diff --git a/app.vue b/app.vue
index b700a7e..bd40289 100644
--- a/app.vue
+++ b/app.vue
@@ -1,7 +1,21 @@
 <script setup lang="ts">
+const TITLE = "Simple QRCode Generator";
+const DESCRIPTION =
+  "Simple, bullshit-free QR code generator with straightforward API.";
+const IMAGE = "/thumbnail.png";
+
 useSeoMeta({
-  title: "Simple QRCode Generator",
-  description: "Simple, bullshit-free QR code generator.",
+  title: TITLE,
+  description: DESCRIPTION,
+  ogType: "website",
+  ogTitle: TITLE,
+  ogDescription: DESCRIPTION,
+  ogImage: IMAGE,
+  themeColor: "#4ade80",
+  twitterCard: "summary",
+  twitterTitle: TITLE,
+  twitterDescription: DESCRIPTION,
+  twitterImage: IMAGE,
 });
 </script>
 
diff --git a/public/thumbnail.png b/public/thumbnail.png
new file mode 100644
index 0000000..7b465e9
Binary files /dev/null and b/public/thumbnail.png differ