set canonical value for fieldnotes

danhartley · May 18, 2024 · 0141f29 · 0141f29
1 parent 6f2fc03
commit 0141f29
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/public/read-fieldnotes.html b/public/read-fieldnotes.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="./styles.css">
     <link rel="icon" href="./favicon.ico" />
     <link href="./print.css" media="print" rel="stylesheet" />
+    <link rel="canonical" href="https://ifieldnotes.org/" />
     <script src="./read-fieldnotes.js" type="module"></script>
   </head>
 

diff --git a/public/read-inaturalist.html b/public/read-inaturalist.html
@@ -9,6 +9,7 @@
     <title>Search and filter iNaturalist observations</title>
     <link rel="stylesheet" href="./styles.css">
     <link rel="icon" href="./favicon.ico" />
+    <link rel="canonical" href="https://ifieldnotes.org/inaturalist" />
     <script src="./read-inaturalist.js" type="module"></script>
   </head>
 

diff --git a/public/ui-actions.js b/public/ui-actions.js
@@ -1350,6 +1350,10 @@ export const updateHistoryAndTitle = ({window, slug, title}) => {
     if(slug) {
         window.history.pushState({}, title, `/${slug}`)
         window.document.title = `iFieldnotes | ${title}`
+
+        // Add canonical link to self
+        window.document.querySelector("link[rel='canonical']")
+            .setAttribute('href', `https://ifieldnotes.org/${slug}`)
     } else {
         window.history.pushState({}, title, '/')
     }

diff --git a/public/write-fieldnotes.html b/public/write-fieldnotes.html
@@ -9,6 +9,7 @@
     <title>Write fieldnotes based on iNaturalist observations</title>
     <link rel="stylesheet" href="./styles.css">
     <link rel="icon" href="./favicon.ico" />
+    <link rel="canonical" href="https://ifieldnotes.org/write" />
     <script type="module" src="./write-fieldnotes.js" type="module"></script>
   </head>