add getting started page, rework SEO to target nomad communities and social media

2026-06-08 21:59:53 +09:00
parent 7e6b00b21d
commit a7f8da3ff1
7 changed files with 371 additions and 128 deletions
@@ -5,9 +5,22 @@
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="color-scheme" content="light dark">
        <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' https://static.cloudflareinsights.com; object-src 'none';">
+
+        <!-- Primary SEO Meta Tags -->
+        <title>About Keyboard Vagabond | Digital Nomad Online Community</title>
+        <meta name="description" content="Learn about Keyboard Vagabond, an online community for digital nomads and remote workers. Community-run, ad-free social media built on respect, courtesy, and federated services.">
+        <meta name="robots" content="index, follow">
+        <link rel="canonical" href="https://www.keyboardvagabond.com/about.html">
+
+        <!-- Open Graph -->
+        <meta property="og:type" content="website">
+        <meta property="og:url" content="https://www.keyboardvagabond.com/about.html">
+        <meta property="og:title" content="About Keyboard Vagabond | Digital Nomad Online Community">
+        <meta property="og:description" content="Learn about Keyboard Vagabond, an online community for digital nomads and remote workers. Community-run, ad-free social media built on respect, courtesy, and federated services.">
+        <meta property="og:site_name" content="Keyboard Vagabond">
+
        <link rel="stylesheet" href="css/pico.jade.min.css">
        <link rel="stylesheet" href="site-styles/style.css">
-        <title>Keyboard Vagabond - About</title>
    </head>
  <body>
    <header class="container">
@@ -40,6 +53,7 @@
            </ul>
            <ul>
                <li><a href="index.html">Home</a></li>
+                <li><a href="getting-started.html">Getting Started</a></li>
                <li>
                    <button id="theme-toggle" class="outline secondary" role="switch" aria-label="Toggle theme">
                        <span id="theme-icon">🌙</span>