Merge pull request steam-bell-92#475 from HARSHP-16/SEO-optimizations

steam-bell-92 · web-flow · commit 8b1f274012cb · 2026-05-20T12:30:18.000+05:30
SEO optimizations
diff --git a/web-app/games.html b/web-app/games.html
@@ -4,14 +4,50 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Play beginner-friendly Python game projects in your browser—arcade games, puzzles, and more.">
+    <meta name="description" content="Play beginner-friendly Python games in your browser. Arcade games, puzzles, strategy, and memory challenges with sleek dark/light mode UI. Zero installation required.">
     <meta name="color-scheme" content="dark light">
     <meta id="themeColorMeta" name="theme-color" content="#0f172a">
-    <meta property="og:title" content="Games — Python Mini Projects">
-    <meta property="og:description" content="Interactive games—no install required.">
+    
+    <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
-    <title>Games - Python Mini Projects</title>
+    <meta property="og:url" content="https://steam-bell-92.github.io/python-mini-project/games.html">
+    <meta property="og:title" content="Python Mini Games - Interactive Web Edition">
+    <meta property="og:description" content="Play beginner-friendly Python games in your browser. Arcade games, puzzles, strategy, and memory challenges with sleek dark/light mode UI. Zero installation required.">
+    <meta property="og:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+    <meta property="og:site_name" content="py.mini() lab">
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://steam-bell-92.github.io/python-mini-project/games.html">
+    <meta name="twitter:title" content="Python Mini Games - Interactive Web Edition">
+    <meta name="twitter:description" content="Play beginner-friendly Python games in your browser. Arcade games, puzzles, strategy, and memory challenges with sleek dark/light mode UI. Zero installation required.">
+    <meta name="twitter:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+
+    <!-- Canonical Link -->
+    <link rel="canonical" href="https://steam-bell-92.github.io/python-mini-project/games.html">
+
+    <title>Python Mini Games - Interactive Web Edition</title>
     <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
+    
+    <!-- Structured Data (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "ItemPage",
+      "name": "Interactive Python Games",
+      "description": "Play beginner-friendly Python arcade games, puzzles, and memory challenges in the browser.",
+      "url": "https://steam-bell-92.github.io/python-mini-project/games.html",
+      "publisher": {
+        "@type": "Organization",
+        "name": "py.mini() lab",
+        "logo": {
+          "@type": "ImageObject",
+          "url": "https://steam-bell-92.github.io/python-mini-project/assets/logo.png"
+        }
+      }
+    }
+    </script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -61,7 +97,9 @@
     <nav class="navbar" aria-label="Primary">
         <div class="container">
             <div class="logo">
-                <h1>🎮 Python Mini Projects</h1>
+                <a href="index.html" style="text-decoration: none; color: inherit; display: flex; align-items: center; gap: 8px;">
+                    <span style="font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px;">🎮 Python Mini Projects</span>
+                </a>
             </div>
             <div class="nav-controls">
                 <button type="button" class="sound-toggle" id="soundToggle" aria-label="Mute sounds">
@@ -90,6 +128,14 @@ <h1>🎮 Python Mini Projects</h1>
             </div>
         </section>
 
+        <!-- Page Title Section -->
+        <section class="page-title-section" style="text-align: center; padding: 2rem 0 1rem 0;">
+            <div class="container">
+                <h1 style="font-size: 2.5rem; font-family: 'Space Grotesk', sans-serif; background: linear-gradient(135deg, #10b981, #6366f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0;">Interactive Python Games</h1>
+                <p style="color: var(--text-secondary); margin-top: 0.5rem; font-size: 1.1rem; opacity: 0.85;">Play beginner-friendly Python game projects in your browser—arcade games, puzzles, and more.</p>
+            </div>
+        </section>
+
         <!-- Projects Grid — Games only -->
         <section class="projects-section" aria-label="Game Projects">
             <div class="container">
diff --git a/web-app/index.html b/web-app/index.html
@@ -5,19 +5,51 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description"
-        content="Play 18+ beginner-friendly Python mini projects in your browser—games, math tools, and utilities with a modern dark/light UI.">
+        content="Play and run 25+ interactive Python mini projects directly in your browser. Features browser games, mathematical visualizations, and utilities with a modern dark/light editor.">
     <meta name="color-scheme" content="dark light">
     <meta id="themeColorMeta" name="theme-color" content="#0f172a">
-    <meta property="og:title" content="Python Mini Projects — Web Edition">
-    <meta property="og:description"
-        content="Interactive games, math visualizations, and utilities—no install required.">
+    
+    <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
-    <meta property="og:url" content="https://github.com/steam-bell-92/python-mini-project">
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:title" content="Python Mini Projects — Web Edition">
-    <meta name="twitter:description" content="Interactive games, math visualizations, and utilities in the browser.">
-    <title>Python Mini Projects - Interactive Web Edition</title>
+    <meta property="og:url" content="https://steam-bell-92.github.io/python-mini-project/">
+    <meta property="og:title" content="Python Mini Projects - Interactive Web Lab">
+    <meta property="og:description" content="Play and run 25+ interactive Python mini projects directly in your browser. Features browser games, mathematical visualizations, and utilities with a modern dark/light editor.">
+    <meta property="og:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+    <meta property="og:site_name" content="py.mini() lab">
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://steam-bell-92.github.io/python-mini-project/">
+    <meta name="twitter:title" content="Python Mini Projects - Interactive Web Lab">
+    <meta name="twitter:description" content="Play and run 25+ interactive Python mini projects directly in your browser. Features browser games, mathematical visualizations, and utilities with a modern dark/light editor.">
+    <meta name="twitter:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+
+    <!-- Canonical Link -->
+    <link rel="canonical" href="https://steam-bell-92.github.io/python-mini-project/">
+
+    <title>Python Mini Projects - Interactive Web Lab</title>
     <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
+    
+    <!-- Structured Data (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebSite",
+      "name": "py.mini() lab",
+      "alternateName": "Python Mini Projects Web Edition",
+      "url": "https://steam-bell-92.github.io/python-mini-project/",
+      "description": "Play and run 25+ interactive Python mini projects directly in your browser. Features browser games, mathematical visualizations, and utilities with a modern dark/light editor.",
+      "publisher": {
+        "@type": "Organization",
+        "name": "py.mini() lab",
+        "logo": {
+          "@type": "ImageObject",
+          "url": "https://steam-bell-92.github.io/python-mini-project/assets/logo.png"
+        }
+      }
+    }
+    </script>
+
     <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=IBM+Plex+Mono:wght@400;600&family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet">
@@ -732,7 +764,7 @@
         <div class="nav-island">
 
             <div class="navbar-brand">
-                <a href="#" class="logo-wrap">
+                <a href="./index.html" class="logo-wrap">
                     <span class="logo-prompt">~</span>
                     <div class="logo-text">
                         <span class="logo-py">py</span>
@@ -803,7 +835,7 @@
             <div class="container">
                 <div class="hero-content">
                     <p class="hero-kicker">interactive python lab</p>
-                    <h2 class="hero-title">Learn Python the Fun Way!</h2>
+                    <h1 class="hero-title">Learn Python the Fun Way!</h1>
                     <p class="hero-subtitle">Small browser experiments for games, math, utilities, and terminal-style practice.</p>
                     <div class="hero-meta" aria-label="Project summary">
                         <span id="projectCountBadge">25+ projects</span>
@@ -1033,9 +1065,9 @@ <h2>🎮 Python Mini Projects</h2>
                 <div class="footer-links">
                     <h3>Quick Links</h3>
                     <ul>
-                        <li><a href="#main-content" onclick="document.querySelector('[data-category=\'games\']').click()">Games</a></li>
-                        <li><a href="#main-content" onclick="document.querySelector('[data-category=\'math\']').click()">Math</a></li>
-                        <li><a href="#main-content" onclick="document.querySelector('[data-category=\'utilities\']').click()">Utilities</a></li>
+                        <li><a href="./games.html">Games</a></li>
+                        <li><a href="./math.html">Math</a></li>
+                        <li><a href="./utilities.html">Utilities</a></li>
                         <li><a href="#main-content" onclick="document.querySelector('[data-category=\'favorites\']').click()">Favorites</a></li>
                         <li><a href="#main-content" onclick="document.querySelector('[data-category=\'playground\']').click()">Playground</a></li>
                     </ul>
diff --git a/web-app/math.html b/web-app/math.html
@@ -4,14 +4,50 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Explore beginner-friendly Python math projects in your browser—visualizations, calculators, and more.">
+    <meta name="description" content="Explore interactive Python math projects: Pascal's triangle, Fibonacci spirals, projectile motion, calculus derivative solver, and number theory analyzers in the browser.">
     <meta name="color-scheme" content="dark light">
     <meta id="themeColorMeta" name="theme-color" content="#0f172a">
-    <meta property="og:title" content="Math — Python Mini Projects">
-    <meta property="og:description" content="Interactive math visualizations—no install required.">
+    
+    <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
-    <title>Math - Python Mini Projects</title>
+    <meta property="og:url" content="https://steam-bell-92.github.io/python-mini-project/math.html">
+    <meta property="og:title" content="Python Math Visualizations & Calculators - Interactive Web Edition">
+    <meta property="og:description" content="Explore interactive Python math projects: Pascal's triangle, Fibonacci spirals, projectile motion, calculus derivative solver, and number theory analyzers in the browser.">
+    <meta property="og:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+    <meta property="og:site_name" content="py.mini() lab">
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://steam-bell-92.github.io/python-mini-project/math.html">
+    <meta name="twitter:title" content="Python Math Visualizations & Calculators - Interactive Web Edition">
+    <meta name="twitter:description" content="Explore interactive Python math projects: Pascal's triangle, Fibonacci spirals, projectile motion, calculus derivative solver, and number theory analyzers in the browser.">
+    <meta name="twitter:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+
+    <!-- Canonical Link -->
+    <link rel="canonical" href="https://steam-bell-92.github.io/python-mini-project/math.html">
+
+    <title>Python Math Visualizations & Calculators - Interactive Web Edition</title>
     <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
+    
+    <!-- Structured Data (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "ItemPage",
+      "name": "Interactive Python Math Visualizations & Calculators",
+      "description": "Explore interactive Python math projects: Pascal's triangle, Fibonacci spirals, projectile motion, calculus derivative solver, and number theory analyzers in the browser.",
+      "url": "https://steam-bell-92.github.io/python-mini-project/math.html",
+      "publisher": {
+        "@type": "Organization",
+        "name": "py.mini() lab",
+        "logo": {
+          "@type": "ImageObject",
+          "url": "https://steam-bell-92.github.io/python-mini-project/assets/logo.png"
+        }
+      }
+    }
+    </script>
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -62,7 +98,9 @@
     <nav class="navbar" aria-label="Primary">
         <div class="container">
             <div class="logo">
-                <h1>🎮 Python Mini Projects</h1>
+                <a href="index.html" style="text-decoration: none; color: inherit; display: flex; align-items: center; gap: 8px;">
+                    <span style="font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; display: flex; align-items: center; gap: 10px;">🎮 Python Mini Projects</span>
+                </a>
             </div>
             <div class="nav-controls">
                 <button type="button" class="sound-toggle" id="soundToggle" aria-label="Mute sounds">
@@ -91,6 +129,14 @@ <h1>🎮 Python Mini Projects</h1>
             </div>
         </section>
 
+        <!-- Page Title Section -->
+        <section class="page-title-section" style="text-align: center; padding: 2rem 0 1rem 0;">
+            <div class="container">
+                <h1 style="font-size: 2.5rem; font-family: 'Space Grotesk', sans-serif; background: linear-gradient(135deg, #10b981, #6366f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0;">Interactive Python Math Visualizations</h1>
+                <p style="color: var(--text-secondary); margin-top: 0.5rem; font-size: 1.1rem; opacity: 0.85;">Explore beginner-friendly Python math projects in your browser—visualizations, calculators, and more.</p>
+            </div>
+        </section>
+
         <!-- Projects Grid — Math only -->
         <section class="projects-section" aria-label="Math Projects">
             <div class="container">
diff --git a/web-app/privacy-policy.html b/web-app/privacy-policy.html
@@ -3,8 +3,48 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Privacy Policy - py.mini()</title>
+    <meta name="description" content="Read the Privacy Policy of py.mini(). Learn how we protect user privacy, minimize data tracking, and store state natively in local storage.">
     
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://steam-bell-92.github.io/python-mini-project/privacy-policy.html">
+    <meta property="og:title" content="Privacy Policy - py.mini() Lab">
+    <meta property="og:description" content="Read the Privacy Policy of py.mini(). Learn how we protect user privacy, minimize data tracking, and store state natively in local storage.">
+    <meta property="og:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+    <meta property="og:site_name" content="py.mini() lab">
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://steam-bell-92.github.io/python-mini-project/privacy-policy.html">
+    <meta name="twitter:title" content="Privacy Policy - py.mini() Lab">
+    <meta name="twitter:description" content="Read the Privacy Policy of py.mini(). Learn how we protect user privacy, minimize data tracking, and store state natively in local storage.">
+    <meta name="twitter:image" content="https://steam-bell-92.github.io/python-mini-project/assets/logo.png">
+
+    <!-- Canonical Link -->
+    <link rel="canonical" href="https://steam-bell-92.github.io/python-mini-project/privacy-policy.html">
+
+    <title>Privacy Policy - py.mini() Lab</title>
+    <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
+    
+    <!-- Structured Data (JSON-LD) -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "WebPage",
+      "name": "Privacy Policy - py.mini() Lab",
+      "description": "Read the Privacy Policy of py.mini(). Learn how we protect user privacy, minimize data tracking, and store state natively in local storage.",
+      "url": "https://steam-bell-92.github.io/python-mini-project/privacy-policy.html",
+      "publisher": {
+        "@type": "Organization",
+        "name": "py.mini() lab",
+        "logo": {
+          "@type": "ImageObject",
+          "url": "https://steam-bell-92.github.io/python-mini-project/assets/logo.png"
+        }
+      }
+    }
+    </script>
+
     <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=IBM+Plex+Mono:wght@400;600&family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet">
@@ -215,9 +255,9 @@
 
     <header class="privacy-header">
         <div class="header-container">
-            <div class="logo-wrap">
+            <a href="index.html" class="logo-wrap" style="text-decoration: none; color: inherit;">
                 <span class="logo-py">py</span><span class="logo-mini">.mini</span><span class="logo-parens">()</span>
-            </div>
+            </a>
             <div class="controls-row">
                 <a href="index.html" class="back-btn"><i class="fas fa-arrow-left"></i> Home</a>
                 <button type="button" class="theme-toggle-btn" id="privacyThemeToggle" aria-label="Toggle visual theme">
diff --git a/web-app/robots.txt b/web-app/robots.txt
@@ -0,0 +1,8 @@
+User-agent: *
+Allow: /
+
+# Prevent crawl of error page and dynamic query variations
+Disallow: /404.html
+Disallow: /*?
+
+Sitemap: https://steam-bell-92.github.io/python-mini-project/sitemap.xml
diff --git a/web-app/sitemap.xml b/web-app/sitemap.xml
diff --git a/web-app/utilities.html b/web-app/utilities.html
