Add sitemap and canonical links to website

mdaines · Aug 28, 2024 · 04b1504 · 04b1504
1 parent 7219eb3
commit 04b1504
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 15 deletions.
diff --git a/packages/website/.parcelrc b/packages/website/.parcelrc
@@ -0,0 +1,6 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "sitemap.txt": ["@parcel/transformer-raw"]
+  }
+}
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -24,7 +24,8 @@
   },
   "source": [
     "src/index.html",
-    "src/api/index.html"
+    "src/api/index.html",
+    "src/sitemap.txt"
   ],
   "scripts": {
     "build": "parcel build --no-cache --no-autoinstall",

diff --git a/packages/website/src/api/index.html b/packages/website/src/api/index.html
@@ -5,6 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Viz.js - API</title>
 <link rel="stylesheet" href="../styles/api.css">
+<link rel="canonical" href="https://viz-js.com/api/">
 </head>
 <body>
 
@@ -14,7 +15,7 @@
 
       <nav>
         <ul>
-          <li><a href="/api">API</a></li>
+          <li><a href="/api/">API</a></li>
           <li><a href="https://github.com/mdaines/viz-js">GitHub</a></li>
         </ul>
       </nav>

diff --git a/packages/website/src/index.html b/packages/website/src/index.html
@@ -5,26 +5,27 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Viz.js</title>
 <link rel="stylesheet" href="./styles/app.css">
+<link rel="canonical" href="https://viz-js.com/">
 </head>
 <body>
 
-<div class="wrap">
-  <header>
-    <a href="/"><img src="./images/logo.svg" class="logo" alt="Viz.js" width="70" height="32"></a>
+  <div class="wrap">
+    <header>
+      <a href="/"><img src="./images/logo.svg" class="logo" alt="Viz.js" width="70" height="32"></a>
 
-    <nav>
-      <ul>
-        <li><a href="/api">API</a></li>
-        <li><a href="https://github.com/mdaines/viz-js">GitHub</a></li>
-      </ul>
-    </nav>
-  </header>
+      <nav>
+        <ul>
+          <li><a href="/api/">API</a></li>
+          <li><a href="https://github.com/mdaines/viz-js">GitHub</a></li>
+        </ul>
+      </nav>
+    </header>
 
-  <div id="app">
+    <div id="app">
+    </div>
   </div>
-</div>
 
-<script type="module" src="./index.jsx"></script>
+  <script type="module" src="./index.jsx"></script>
 
 </body>
 </html>
diff --git a/packages/website/src/sitemap.txt b/packages/website/src/sitemap.txt
@@ -0,0 +1,4 @@
+https://viz-js.com/
+https://viz-js.com/index.html
+https://viz-js.com/api/
+https://viz-js.com/api/index.html