fix(seo): Add meta tags and keywords for SEO.

Ecogenomics · Mar 19, 2023 · a4e64d1 · a4e64d1
1 parent aad0b39
commit a4e64d1
Show file tree

Hide file tree

Showing 22 changed files with 155 additions and 52 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -27,13 +27,14 @@ export default {
   // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
     titleTemplate: 'GTDB - %s',
-    title: 'gtdb.ecogenomic.org',
-    meta: [{charset: 'utf-8'}, {name: 'viewport', content: 'width=device-width, initial-scale=1'}, {
-      hid: 'description',
-      name: 'description',
-      content: ''
-    }, {name: 'format-detection', content: 'telephone=no'}],
-    link: [{rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}]
+    meta: [
+      {charset: 'utf-8'},
+      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
+      {name: 'format-detection', content: 'telephone=no'}
+    ],
+    link: [
+      {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}
+    ]
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css

diff --git a/pages/about.vue b/pages/about.vue
@@ -296,9 +296,14 @@ export default Vue.extend({
       title: 'About',
       meta: [
         {
-          hid: 'about',
+          hid: 'description',
           name: 'description',
-          content: `Information about the Genome Taxonomy Database (GTDB).`
+          content: `Details about the Genome Taxonomy Database (GTDB).`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `about, cite, citation, reference, gtdb, taxonomy`
         }
       ]
     }

diff --git a/pages/advanced.vue b/pages/advanced.vue
@@ -74,9 +74,14 @@ export default Vue.extend({
       title: 'Advanced Search',
       meta: [
         {
-          hid: 'advanced',
+          hid: 'description',
           name: 'description',
-          content: `Perform an advanced search of the GTDB.`
+          content: `Search the Genome Taxonomy Database (GTDB) using an advanced search query interface.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `search, advanced, query, sql, gtdb`
         }
       ]
     }

diff --git a/pages/attributions.vue b/pages/attributions.vue
@@ -87,9 +87,14 @@ export default Vue.extend({
       title: 'Attributions',
       meta: [
         {
-          hid: 'attributions',
+          hid: 'description',
           name: 'description',
-          content: `Attributions to works used in the development of the GTDB website.`
+          content: `A list of attributions to third-party software used in creating the GTDB website.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `attributions, website, gtdb`
         }
       ]
     }

diff --git a/pages/browsers.vue b/pages/browsers.vue
@@ -273,12 +273,17 @@ import {isDefined, JsonEqual} from "~/assets/ts/common";
 export default Vue.extend({
   head() {
     return {
-      title: 'Alphabetical table',
+      title: 'Alphabetical Table',
       meta: [
         {
-          hid: 'browsers',
+          hid: 'description',
           name: 'description',
-          content: `A list of all taxa within the GTDB and a link to their species cluster.`
+          content: `A list of all taxa in the GTDB with a link to their respective species cluster.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `table, browse, taxa, gtdb`
         }
       ]
     }

diff --git a/pages/contact.vue b/pages/contact.vue
@@ -86,9 +86,14 @@ export default Vue.extend({
       title: 'Contact us',
       meta: [
         {
-          hid: 'contact',
+          hid: 'description',
           name: 'description',
-          content: `Contact the GTDB team.`
+          content: `Contact the GTDB team through the form provided on this page.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `contact us, email, contact, gtdb, staff`
         }
       ]
     }

diff --git a/pages/downloads.vue b/pages/downloads.vue
@@ -231,9 +231,14 @@ export default Vue.extend({
       title: 'Downloads',
       meta: [
         {
-          hid: 'downloads',
+          hid: 'description',
           name: 'description',
-          content: `Links to download the GTDB and other useful resources.`
+          content: `Download GTDB release files and supplementary data.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `download, release, gtdb`
         }
       ]
     }

diff --git a/pages/faq.vue b/pages/faq.vue
@@ -406,9 +406,14 @@ export default Vue.extend({
       title: 'FAQ',
       meta: [
         {
-          hid: 'faq',
+          hid: 'description',
           name: 'description',
           content: `Frequently asked questions about the GTDB.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `faq, questions, help, gtdb`
         }
       ]
     }

diff --git a/pages/genome.vue b/pages/genome.vue
@@ -176,6 +176,7 @@ import GenomeNcbiMetadata from "~/components/genome/GenomeNcbiMetadata.vue";
 import GenomeExternalLinks from "~/components/genome/GenomeExternalLinks.vue";
 import BadgeWithTooltip from "~/components/util/BadgeWithTooltip.vue";
 import {mdiArrowCollapseRight} from "@mdi/js";
+import { MetaInfo } from 'vue-meta'
 
 const SCROLL_OFFSET = -30;
 
@@ -186,14 +187,19 @@ export default Vue.extend({
     GenomeExternalLinks,
     GenomeNcbiMetadata, GenomeCharacteristics, GenomeTaxonomicInformation, GenomeTaxonHistory
   },
-  head() {
+  head(): MetaInfo {
     return {
-      title: `${this.$route.query.gid || 'Genome'}`,
+      title: this.gid,
       meta: [
         {
-          hid: 'genomes',
+          hid: 'description',
           name: 'description',
           content: `GTDB and NCBI metadata about this genome.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `${this.gid}, genome, accession, ncbi, genome, inforomation, gid`
         }
       ]
     }

diff --git a/pages/gsc.vue b/pages/gsc.vue
@@ -91,7 +91,7 @@ export default Vue.extend({
       title: 'GSC21',
       meta: [
         {
-          hid: 'gcs',
+          hid: 'description',
           name: 'description',
           content: `GCS21 conference.`
         }

diff --git a/pages/index.vue b/pages/index.vue
@@ -106,9 +106,14 @@ export default Vue.extend({
       title: 'Genome Taxonomy Database',
       meta: [
         {
-          hid: 'index',
+          hid: 'description',
           name: 'description',
           content: 'The Genome Taxonomy Database (GTDB) is an initiative to establish a standardised microbial taxonomy based on genome phylogeny.'
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `gtdb, taxonomy, phylogeny, bacteria, archaea, genomes, genome, taxonomic, classification, classification, tree, trees, tree of life, phylogenetic, phylogenetic tree, phylogenetic trees, phylogenetic tree of life`
         }
       ]
     }

diff --git a/pages/methods.vue b/pages/methods.vue
@@ -333,9 +333,14 @@ export default Vue.extend({
       title: 'Methods',
       meta: [
         {
-          hid: 'methods',
+          hid: 'description',
           name: 'description',
           content: `Methods used in the inference of the GTDB.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `methods, inference, gtdb`
         }
       ]
     }

diff --git a/pages/searches.vue b/pages/searches.vue
@@ -151,7 +151,12 @@ export default Vue.extend({
         {
           hid: 'searches',
           name: 'description',
-          content: `Results from a basic GTDB search.`
+          content: `Search results from a genome within the GTDB database.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `search, genome, genomes, find, gtdb`
         }
       ]
     }

diff --git a/pages/species.vue b/pages/species.vue
@@ -110,6 +110,7 @@
 
             <v-icon
               slot="prepend-inner"
+              :disabled="isLoading"
             >
               {{ mdiMagnifySvg }}
             </v-icon>
@@ -140,17 +141,22 @@
 import Vue from 'vue'
 import {SpeciesCluster} from "~/assets/api/species";
 import {mdiMagnify} from "@mdi/js";
-import SpeciesHeatmap from "~/components/species/SpeciesHeatmap.vue";
+import {MetaInfo} from 'vue-meta'
 
 export default Vue.extend({
-  head() {
+  head(): MetaInfo {
     return {
-      title: 'Species Cluster',
+      title: this.species,
       meta: [
         {
-          hid: 'species',
+          hid: 'description',
           name: 'description',
-          content: `A list of all genomes in this species cluster.`
+          content: `A list of all genomes in the ${this.species} species cluster.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `${this.species}, s__${this.species}, species, species cluster, cluster`
         }
       ]
     }
@@ -163,7 +169,7 @@ export default Vue.extend({
     searchString: '',
 
     // If the API call is still running
-    isLoading: false,
+    isLoading: true,
 
     // Species cluster information
     clusterData: ({} as SpeciesCluster),
@@ -186,7 +192,7 @@ export default Vue.extend({
       if (species) {
         return species as string;
       } else {
-        return 'empty'
+        return 'Loading'
       }
     },
   },

diff --git a/pages/stats/r202.vue b/pages/stats/r202.vue
@@ -477,12 +477,17 @@ export default Vue.extend({
   components: {StatsTitle, REDr202, SectionedPage, ImgToggle},
   head() {
     return {
-      title: 'Statistics (R202)',
+      title: 'R202 Statistics',
       meta: [
         {
-          hid: 'stats/r202',
+          hid: 'description',
           name: 'description',
           content: `Statistics describing GTDB release R202.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `R202, statistics, GTDB, release 202, stats`
         }
       ]
     }

diff --git a/pages/stats/r207.vue b/pages/stats/r207.vue
@@ -490,12 +490,17 @@ export default Vue.extend({
   components: {StatsTitle, REDr207, SectionedPage, ImgToggle},
   head() {
     return {
-      title: 'Statistics (R207)',
+      title: 'R207 Statistics',
       meta: [
         {
-          hid: 'stats/r207',
+          hid: 'description',
           name: 'description',
-          content: `Statistics describing GTDB release R202.`
+          content: `Statistics describing GTDB release R207.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `R207, statistics, GTDB, release 207, stats`
         }
       ]
     }

diff --git a/pages/stats/r89.vue b/pages/stats/r89.vue
@@ -444,13 +444,18 @@ export default Vue.extend({
   components: {StatsTitle, ImgToggle, REDr89, SectionedPage},
   head() {
     return {
-      title: 'Statistics (R89)',
+      title: 'R89 Statistics',
       meta: [
       {
-        hid: 'stats/r89',
+        hid: 'description',
         name: 'description',
         content: `Statistics describing GTDB release R89.`
-      }
+      },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `R89, statistics, GTDB, release 89, stats`
+        }
     ]
     }
   },

diff --git a/pages/stats/r95.vue b/pages/stats/r95.vue
@@ -473,12 +473,17 @@ export default Vue.extend({
   components: {StatsTitle, REDr95, SectionedPage, ImgToggle},
   head() {
     return {
-      title: 'Statistics (R95)',
+      title: 'R95 Statistics',
       meta: [
         {
-          hid: 'stats/r95',
+          hid: 'description',
           name: 'description',
           content: `Statistics describing GTDB release R95.`
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `R95, statistics, GTDB, release 95, stats`
         }
       ]
     }

diff --git a/pages/taxon-history.vue b/pages/taxon-history.vue
@@ -54,9 +54,14 @@ export default Vue.extend({
       title: 'Taxon History',
       meta: [
         {
-          hid: 'taxon-history',
+          hid: 'description',
           name: 'description',
           content: 'Explore how a taxon has changed through GTDB releases.'
+        },
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content: `history, change, time, over time, previous, taxon, taxonomy`
         }
       ]
     }