SEO: sitemap with publications, JSON-LD on books page, canonical/OG on viewer

Author: molty3000

books/index.html

@@ -6,19 +6,22 @@
 
     <!-- SEO Meta Tags -->
     <title>21no.de — Publications</title>
-    <meta name="description" content="Publications and long-form research from 21no.de." />
+    <meta name="description" content="Long-form research from 21no.de — AI-native infrastructure, autonomous agents, verification economics, and systems engineering. Read The Next Frontier, The Agent Event Loop, and The Verification Trap." />
     <meta name="theme-color" content="#0a0a0b" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://21no.de/books/" />
     <meta property="og:title" content="21no.de — Publications" />
-    <meta property="og:description" content="Publications and long-form research from 21no.de." />
+    <meta property="og:description" content="Long-form research: AI-native infrastructure, autonomous agents, verification economics, and systems engineering." />
     <meta property="og:image" content="https://21no.de/logo-v2.png" />
+    <meta property="og:site_name" content="21no.de" />
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="21no.de — Publications" />
+    <meta name="twitter:description" content="Long-form research: AI-native infrastructure, autonomous agents, verification economics, and systems engineering." />
+    <link rel="canonical" href="https://21no.de/books/" />
 
     <!-- Favicon -->
     <link rel="icon" type="image/x-icon" href="/logo-v2.png" />
@@ -343,11 +346,38 @@
       "@type": "CollectionPage",
       "name": "21no.de Publications",
       "url": "https://21no.de/books/",
+      "description": "Long-form research on AI-native infrastructure, autonomous agents, verification economics, and systems engineering.",
       "publisher": {
         "@type": "Organization",
         "name": "21no.de",
         "url": "https://21no.de"
-      }
+      },
+      "itemListElement": [
+        {
+          "@type": "Article",
+          "name": "The Verification Trap",
+          "description": "AI writes code 16,000x cheaper than we can review it. The verification gap is the industry's biggest blind spot.",
+          "url": "https://21no.de/viewer.html?file=the-verification-trap.md&label=Whitepaper",
+          "datePublished": "2026-05-09",
+          "author": { "@type": "Organization", "name": "21no.de" }
+        },
+        {
+          "@type": "Article",
+          "name": "The Agent Event Loop",
+          "description": "The Simple Mechanics Behind AI Reasoning.",
+          "url": "https://21no.de/viewer.html?file=agent-event-loop.md&label=Technical+Essay",
+          "datePublished": "2026-05-08",
+          "author": { "@type": "Organization", "name": "21no.de" }
+        },
+        {
+          "@type": "Book",
+          "name": "The Next Frontier",
+          "description": "5 Technologies That Will Disrupt AI and Software Engineering by 2046.",
+          "url": "https://21no.de/viewer.html?file=the-next-frontier.md&label=Book",
+          "datePublished": "2026-05-08",
+          "author": { "@type": "Organization", "name": "21no.de" }
+        }
+      ]
     }
     </script>
   </head>

sitemap.xml

@@ -2,10 +2,34 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://21no.de/</loc>
-    <lastmod>2026-05-05</lastmod>
+    <lastmod>2026-05-09</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
+  <url>
+    <loc>https://21no.de/books/</loc>
+    <lastmod>2026-05-09</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://21no.de/viewer.html?file=the-next-frontier.md&label=Book</loc>
+    <lastmod>2026-05-08</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://21no.de/viewer.html?file=agent-event-loop.md&label=Technical+Essay</loc>
+    <lastmod>2026-05-08</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://21no.de/viewer.html?file=the-verification-trap.md&label=Whitepaper</loc>
+    <lastmod>2026-05-09</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
   <url>
     <loc>https://kai.21no.de/</loc>
     <lastmod>2026-05-05</lastmod>

viewer.html

@@ -4,8 +4,19 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>21no.de — Reader</title>
+  <meta name="description" content="Read long-form research, essays, and technical deep-dives from 21no.de — AI-native infrastructure and systems engineering." />
   <meta name="theme-color" content="#0a0a0b" />
 
+  <!-- Open Graph / Social -->
+  <meta property="og:type" content="article" />
+  <meta property="og:url" content="https://21no.de/viewer.html" />
+  <meta property="og:title" content="21no.de — Reader" />
+  <meta property="og:description" content="Read long-form research, essays, and technical deep-dives from 21no.de." />
+  <meta property="og:image" content="https://21no.de/logo-v2.png" />
+  <meta property="og:site_name" content="21no.de" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <link rel="canonical" href="https://21no.de/viewer.html" />
+
   <!-- Self-hosted fonts (Outfit + JetBrains Mono) -->
   <link rel="stylesheet" href="/static/fonts/fonts.css" />
 
@@ -571,6 +582,17 @@ <h2>Could not load book</h2>
           // Set page title
           document.title = `${title} — 21no.de`;
 
+          // Update OG meta for social sharing
+          const ogTitle = document.querySelector('meta[property="og:title"]');
+          const ogDesc = document.querySelector('meta[property="og:description"]');
+          const twTitle = document.querySelector('meta[name="twitter:title"]');
+          if (ogTitle) ogTitle.content = `${title} — 21no.de`;
+          if (ogDesc) ogDesc.content = subtitle || `Read "${title}" from 21no.de.`;
+          if (twTitle) twTitle.content = `${title} — 21no.de`;
+          // Update canonical to include the specific file
+          const canonical = document.querySelector('link[rel="canonical"]');
+          if (canonical) canonical.href = `https://21no.de${location.pathname}${location.search}`;
+
           // Build header
           bookHeader.style.display = 'block';
           bookHeader.innerHTML = `