Update metadata

web/src/index.html

@@ -4,7 +4,47 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>KoboPatch Web UI</title>
-    <meta name="description" content="A website that lets you customize your Kobo e-reader with NickelMenu or custom patches, directly via your browser.">
+    <meta name="description" content="A free, client-side web tool to customize your Kobo e-reader. Install NickelMenu for custom menus, fonts, screensavers and UI tweaks, or apply community kobopatch patches — all directly in your browser.">
+    <meta name="keywords" content="Kobo, KoboPatch, NickelMenu, kobopatch, Kobo customization, Kobo patches, Kobo e-reader, Kobo tweaks, Kobo Libra Color, Kobo Clara Color, Kobo Clara BW, KOReader, Kobo firmware, Kobo mod, e-reader customization">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://kp.nicoverbruggen.be">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://kp.nicoverbruggen.be">
+    <meta property="og:title" content="KoboPatch Web UI — Customize Your Kobo E-Reader">
+    <meta property="og:description" content="Free client-side tool to install NickelMenu or apply custom patches to your Kobo e-reader. Works in-browser, no backend required.">
+    <meta property="og:site_name" content="KoboPatch Web UI">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:url" content="https://kp.nicoverbruggen.be">
+    <meta name="twitter:title" content="KoboPatch Web UI — Customize Your Kobo E-Reader">
+    <meta name="twitter:description" content="Free client-side tool to install NickelMenu or apply custom patches to your Kobo e-reader. Works in-browser, no backend required.">
+
+    <!-- Structured Data -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebApplication",
+        "name": "KoboPatch Web UI",
+        "url": "https://kp.nicoverbruggen.be",
+        "description": "A free, client-side web tool to customize your Kobo e-reader with NickelMenu or custom kobopatch patches.",
+        "applicationCategory": "UtilitiesApplication",
+        "operatingSystem": "Any (browser-based)",
+        "offers": {
+            "@type": "Offer",
+            "price": "0",
+            "priceCurrency": "USD"
+        },
+        "author": {
+            "@type": "Person",
+            "name": "Nico Verbruggen",
+            "url": "https://nicoverbruggen.be"
+        }
+    }
+    </script>
+
     <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg">
     <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
     <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
@@ -37,7 +77,7 @@
         <main>
         <header class="hero">
             <h1>KoboPatch <span class="hero-accent">Web UI</span> <span class="beta-pill" hidden>beta</span></h1>
-            <p class="subtitle">Customise your Kobo e-reader with NickelMenu or custom patches.</p>
+            <p class="subtitle">A browser-based tool for installing NickelMenu or applying custom patches on your Kobo e-reader.</p>
         </header>
 
         <!-- Shown until JS initialises -->