diff --git a/index.html b/index.html
index 119ab6c..4beb762 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,21 @@
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="mask-icon" href="/nonograms.svg" color="#00f2fe" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
-    <title>Nonograms Pro - Vue 3 SOLID</title>
+    
+    <title>Nonograms Pro - Logic Puzzle Game</title>
+    <meta name="description" content="Interactive Nonogram logic puzzles with a modern interface. Solve puzzles, use the built-in solver, and create your own custom games.">
+    
+    <!-- Open Graph (for social media sharing like Facebook/Discord) -->
+    <meta property="og:title" content="Nonograms Pro - Logic Puzzle Game">
+    <meta property="og:description" content="Interactive Nonogram logic puzzles with a modern interface. Solve puzzles, use the built-in solver, and create your own custom games.">
+    <meta property="og:image" content="/screenshot.png">
+    <meta property="og:type" content="website">
+    
+    <!-- Twitter Cards -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Nonograms Pro - Logic Puzzle Game">
+    <meta name="twitter:description" content="Interactive Nonogram logic puzzles with a modern interface. Solve puzzles, use the built-in solver, and create your own custom games.">
+    <meta name="twitter:image" content="/screenshot.png">
   </head>
   <body>
     <div id="app"></div>
