diff --git a/index.html b/index.html
index 1bd1385..79b23c9 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,30 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Is My Internet Working?</title>
+    
+    <!-- Theme Colors -->
+    <meta name="theme-color" content="#4CAF50">
+    <meta name="msapplication-navbutton-color" content="#4CAF50">
+    <meta name="apple-mobile-web-app-status-bar-style" content="#4CAF50">
+    
+    <!-- Primary Meta Tags -->
+    <meta name="title" content="Is My Internet Working?">
+    <meta name="description" content="A simple tool to check if your internet connection is working. No fancy stuff, just a yes or no.">
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://ismyinternetworking.com/">
+    <meta property="og:title" content="Is My Internet Working?">
+    <meta property="og:description" content="A simple tool to check if your internet connection is working. No fancy stuff, just a yes or no.">
+    <meta property="og:image" content="https://img.icons8.com/ios7/512/40C057/ok.png">
+    
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://ismyinternetworking.com/">
+    <meta property="twitter:title" content="Is My Internet Working?">
+    <meta property="twitter:description" content="A simple tool to check if your internet connection is working. No fancy stuff, just a yes or no.">
+    <meta property="twitter:image" content="https://img.icons8.com/ios7/512/40C057/ok.png">
+    
     <!-- styles -->
     <link rel="stylesheet" href="styles.css">
 </head>