diff --git a/README.md b/README.md
index ae088c4..a402297 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-![reduce.png](blob/reduce.png)
+![reduce.png](blob/cover.png)
 
 # Reduce
 
diff --git a/blob/logo.png b/blob/logo.png
new file mode 100644
index 0000000..2d27118
Binary files /dev/null and b/blob/logo.png differ
diff --git a/frontend/index.html b/frontend/index.html
index 29890f1..5d8fe52 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,9 +2,22 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Reduce - URL Shortener</title>
+    <meta name="description" content="Reduce is a simple and fast URL shortener. Shorten your long links instantly." />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Reduce - URL Shortener" />
+    <meta property="og:description" content="Reduce is a simple and fast URL shortener. Shorten your long links instantly." />
+    <meta property="og:image" content="/og-image.png" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:title" content="Reduce - URL Shortener" />
+    <meta property="twitter:description" content="Reduce is a simple and fast URL shortener. Shorten your long links instantly." />
+    <meta property="twitter:image" content="/og-image.png" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000..90c3889
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/og-image.png b/frontend/public/og-image.png
new file mode 100644
index 0000000..83cdef7
Binary files /dev/null and b/frontend/public/og-image.png differ
