spanelweb
diff --git a/‎index.html‎
Lines changed: 20 additions & 4 deletions b/‎index.html‎
Lines changed: 20 additions & 4 deletions
@@ -1,28 +1,44 @@
 <!DOCTYPE html>
-<html lang="id">
+<html lang="id-ID">
 <head>
+    <meta charset="UTF-8">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <!-- SEO Meta Tags -->
     <title>sPanel - Platform Pembelajaran Web Statik Serverless</title>
     <meta name="description" content="sPanel merupakan sebuah platform web statik yang dirancang khusus untuk lingkungan pembelajaran pembuatan dan publikasi website dengan workflow menyerupai cPanel versi klone murni bertenaga Firebase.">
     <meta name="keywords" content="sPanel, cPanel clone, web statik, pembelajaran website, firebase serverless, belajar coding, hosting gratis, github pages, sPanel official">
     <meta name="author" content="sPanel Team">
     <meta name="robots" content="index, follow">
 
+    <!-- Open Graph / Facebook / WhatsApp / Telegram -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://spanel-web.github.io/">
     <meta property="og:title" content="sPanel - Platform Pembelajaran Web Statik Serverless">
     <meta property="og:description" content="Workflow menyerupai cPanel bertenaga penuh secara serverless di atas arsitektur Firebase.">
-    <meta property="og:image" content="https://spanel-web.github.io/favicon.ico">
-
+    <!-- SOLUSI: Menggunakan URL absolut dari repositori GitHub Pages milikmu -->
+    <meta property="og:image" content="https://spanel-web.github.io/profile.jpg">
+    <meta property="og:image:type" content="image/jpeg">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+
+    <!-- Twitter / X Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://spanel-web.github.io/">
+    <meta name="twitter:title" content="sPanel - Platform Pembelajaran Web Statik Serverless">
+    <meta name="twitter:description" content="Workflow menyerupai cPanel bertenaga penuh secara serverless di atas arsitektur Firebase.">
+    <meta name="twitter:image" content="https://spanel-web.github.io/profile.jpg">
+
+    <!-- Favicon -->
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 
+    <!-- Google Fonts & Font Awesome -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
-
+    
     <style>
         :root {
             --bg-color: #0f172a;