From 08981f365d0f14fe05b806a3add63193b09f6bf4 Mon Sep 17 00:00:00 2001
From: Jarl Lyng <jarllyng@gmail.com>
Date: Wed, 6 May 2026 22:33:00 +0200
Subject: [PATCH] SEO + shareability polish: canonical, JSON-LD, Twitter, PWA
 manifest
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Five additions to make the site as well-presented to search engines and
social platforms as it is to players.

- Meta description rewritten from a one-liner to a real elevator pitch
  ("No score, no fail state — just stars, planets, and the slow
  procession of distance"). Same tone as the in-game story; reads better
  in search snippets.
- Title bumped from "Little Rocket" to
  "Little Rocket — A meditative browser space game" so search results
  carry context without keyword stuffing.
- <link rel="canonical"> declares the official URL — protects against
  duplicate-content scoring if anyone proxies or scrapes the site.
- Twitter card gains explicit twitter:title, twitter:description, and
  twitter:image. They fall back to og:* but explicit beats implicit when
  Twitter's parser is finicky.
- og:image:alt, og:site_name, and og:locale fill out the Open Graph
  picture so LinkedIn / Slack / Discord previews look polished.
- JSON-LD structured data (schema.org/VideoGame) tells Google this is a
  game with a category, genre, author, and price — eligible for richer
  search results.
- manifest.json + apple-touch-icon enable "Add to Home Screen" on iOS
  and Android. Standalone display, black theme color, single 1024px icon
  reused across sizes.
- Quality workflow's asset-existence list now includes manifest.json.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .github/workflows/quality.yml |  1 +
 index.html                    | 47 ++++++++++++++++++++++++++++++++---
 manifest.json                 | 21 ++++++++++++++++
 3 files changed, 66 insertions(+), 3 deletions(-)
 create mode 100644 manifest.json

diff --git a/.github/workflows/quality.yml b/.github/workflows/quality.yml
index 3b4d85b..f29e407 100644
--- a/.github/workflows/quality.yml
+++ b/.github/workflows/quality.yml
@@ -32,6 +32,7 @@ jobs:
             favicon.png
             og-image.png
             index.html
+            manifest.json
             styles/main.css
             vendor/iamjarl-tokens.css
             vercel.json
diff --git a/index.html b/index.html
index a4779e2..cb655de 100644
--- a/index.html
+++ b/index.html
@@ -4,23 +4,64 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <meta name="theme-color" content="#000000">
-  <meta name="description" content="Little Rocket — fly through space in a tiny rocket.">
+  <meta name="description" content="A tiny browser game about flying a small ship through the long dark. No score, no fail state — just stars, planets, and the slow procession of distance.">
+
+  <link rel="canonical" href="https://littlerocket.iamjarl.com/">
 
   <meta property="og:title" content="Little Rocket">
-  <meta property="og:description" content="Fly through space in a tiny rocket.">
+  <meta property="og:description" content="A tiny browser game about flying a small ship through the long dark. No score, no fail state — just stars, planets, and the slow procession of distance.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://littlerocket.iamjarl.com/">
   <meta property="og:image" content="https://littlerocket.iamjarl.com/og-image.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="Little Rocket — a small ship in the long dark">
+  <meta property="og:site_name" content="Little Rocket">
+  <meta property="og:locale" content="en_US">
+
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Little Rocket">
+  <meta name="twitter:description" content="A tiny browser game about flying a small ship through the long dark.">
+  <meta name="twitter:image" content="https://littlerocket.iamjarl.com/og-image.png">
 
-  <title>Little Rocket</title>
+  <title>Little Rocket — A meditative browser space game</title>
 
   <link rel="icon" type="image/png" href="favicon.png">
+  <link rel="apple-touch-icon" href="favicon.png">
+  <link rel="manifest" href="manifest.json">
   <link rel="stylesheet" href="vendor/iamjarl-tokens.css">
   <link rel="stylesheet" href="styles/main.css">
 
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "VideoGame",
+    "name": "Little Rocket",
+    "description": "A tiny browser game about flying a small ship through the long dark. No score, no fail state — just stars, planets, and the slow procession of distance.",
+    "url": "https://littlerocket.iamjarl.com/",
+    "image": "https://littlerocket.iamjarl.com/og-image.png",
+    "applicationCategory": "GameApplication",
+    "operatingSystem": "Web Browser",
+    "genre": ["Casual", "Atmospheric", "Space"],
+    "inLanguage": "en",
+    "author": {
+      "@type": "Person",
+      "name": "Jarl Lyng",
+      "url": "https://iamjarl.com/"
+    },
+    "publisher": {
+      "@type": "Person",
+      "name": "Jarl Lyng",
+      "url": "https://iamjarl.com/"
+    },
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    }
+  }
+  </script>
+
   <script type="importmap">
     { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js" } }
   </script>
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..ee7334e
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "Little Rocket",
+  "short_name": "Rocket",
+  "description": "A tiny browser game about flying a small ship through the long dark.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "any",
+  "background_color": "#000000",
+  "theme_color": "#000000",
+  "categories": ["games", "entertainment"],
+  "lang": "en",
+  "icons": [
+    {
+      "src": "/favicon.png",
+      "sizes": "192x192 512x512 1024x1024",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ]
+}