Merge branch 'seo-fixes' into 'master'

Some seo tweaks

See merge request les/gancio!69

components/Appbar.vue

@@ -3,7 +3,14 @@
     <NavHeader />
 
     <!-- title -->
-    <div class="text-center">
+    <h1 v-if="$route.name === 'index'" class="text-center">
+      <nuxt-link id="title" v-text="settings.title" to="/" />
+      <div
+        class="text-body-1 font-weight-light pb-3"
+        v-text="settings?.description"
+      />
+    </h1>
+    <div v-else class="text-center">
       <nuxt-link id="title" v-text="settings.title" to="/" />
       <div
         class="text-body-1 font-weight-light pb-3"

components/Event.vue

@@ -5,7 +5,7 @@
     <MyPicture v-if='!hide_thumbs' :event='event' thumb :lazy='lazy' />
     <v-icon class='float-right mt-1 mr-1' v-if='event.parentId' color='success' v-text='mdiRepeat' />
     <v-icon class='float-right mt-1 mr-1' v-if='isPast' color='warning' v-text='mdiTimerSandComplete'/>
-    <h1 class='title p-name' itemprop="name">{{ event.title }}</h1>
+    <h2 class='title p-name' itemprop="name">{{ event.title }}</h2>
   </nuxt-link>
 
   <v-img contain v-if='event?.ap_user?.image' :src='event?.ap_user?.image' max-height=30  max-width=30 style="position: absolute; top: 5px; right: 5px;" />

pages/Login.vue

@@ -85,6 +85,9 @@ export default {
   },
   head () {
     return {
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },
       title: this.settings.title + ' - ' + this.$t('common.login')
     }
   }

pages/Register.vue

@@ -77,6 +77,9 @@ export default {
   },
   head () {
     return {
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },      
       title: this.settings.title + ' - ' + this.$t('common.register')
     }
   }

pages/about.vue

@@ -21,6 +21,9 @@ export default {
   },
   head () {
     return {
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },
       title: `${this.settings.title} - ${this.$t('common.info')}`
     }
   },

pages/announcement/_id.vue

@@ -30,6 +30,9 @@ export default {
       return {}
     }
     return {
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },
       title: `${this.settings.title} - ${this.announcement.title}`
     }
   },

pages/collection/_collection.vue

@@ -23,6 +23,9 @@ export default {
     const title = `${this.settings.title} - ${this.collection}`
     return {
       title,
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },
       link: [
         { rel: 'alternate', type: 'application/rss+xml', title, href: this.settings.baseurl + `/feed/rss/collection/${this.collection}` },
         { rel: 'alternate', type: 'text/calendar', title, href: this.settings.baseurl + `/feed/ics/collection/${this.collection}` }

pages/event/_slug.vue

@@ -3,7 +3,7 @@
     //- EVENT PAGE
     //- gancio supports microformats (http://microformats.org/wiki/h-event)
     //- and microdata https://schema.org/Event
-    .title.text-center.text-md-h4.text-h5.pa-6
+    h1.title.text-center.text-md-h4.text-h5.pa-6
       strong.p-name.text--primary(itemprop="name") {{event.title}}
     v-row
       v-col.col-12.col-md-8.pr-sm-2.pr-md-0
@@ -102,10 +102,10 @@
     //- Next/prev arrow
     .text-center.mt-5.mb-5
       v-btn.mr-2(nuxt icon outlined color='primary'
-        :to='`/event/${event.prev}`' :disabled='!event.prev')
+        :to='event.prev && `/event/${event.prev}`' :disabled='!event.prev')
         v-icon(v-text='mdiArrowLeft')
       v-btn(nuxt bottom right outlined icon color='primary'
-        :to='`/event/${event.next}`' :disabled='!event.next')
+        :to='event.next && `/event/${event.next}`' :disabled='!event.next')
         v-icon(v-text='mdiArrowRight')
 
     v-dialog(v-model='showEmbed' width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
@@ -188,6 +188,9 @@ export default {
 
     return {
       title: `${this.settings.title} - ${this.event.title}`,
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },      
       meta: [
         // hid is used as unique identifier. Do not use `vmid` for it as it will not work
         {

pages/export.vue

@@ -122,6 +122,9 @@ export default {
   },
   head () {
     return {
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },
       title: `${this.settings.title} - ${this.$t('common.export')}`,
     }
   },

pages/index.vue

@@ -64,19 +64,22 @@ export default {
   head () {
     return {
       title: this.settings.title,
+      htmlAttrs: {
+        lang: this.settings.instance_locale,
+      },
       meta: [
         // hid is used as unique identifier. Do not use `vmid` for it as it will not work
         { hid: 'description', name: 'description', content: this.settings?.description },
         { hid: 'og-description', name: 'og:description', content: this.settings?.description },
         { hid: 'og-title', property: 'og:title', content: this.settings.title },
         { hid: 'og-url', property: 'og:url', content: this.settings.baseurl },
-        { property: 'og:image', content: this.settings.baseurl + '/logo.png' }
+        { property: 'og:image', content: this.settings.baseurl + '/logo.png' },
       ],
       link: [
         { rel: 'apple-touch-icon', href: this.settings.baseurl + '/logo.png' },
         { rel: 'alternate', type: 'application/rss+xml', title: this.settings.title, href: this.settings.baseurl + '/feed/rss' },
         { rel: 'alternate', type: 'text/calendar', title: this.settings.title, href: this.settings.baseurl + '/feed/ics' },
-        { rel: 'me', href: `${this.settings.baseurl}/federation/u/${this.settings.instance_name}`}
+        { rel: 'me', href: `${this.settings.baseurl}/federation/u/${this.settings.instance_name}`},
       ]
     }
   },

pages/place/_place.vue

@@ -43,6 +43,9 @@ export default {
     const title = `${this.settings.title} - ${this.place.name}`
     return {
       title,
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },      
       link: [
         { rel: 'alternate', type: 'application/rss+xml', title, href: this.settings.baseurl + `/feed/rss/place/${this.place.id}` },
         { rel: 'alternate', type: 'text/calendar', title, href: this.settings.baseurl + `/feed/ics/place/${this.place.id}` }

pages/tag/_tag.vue

@@ -24,6 +24,9 @@ export default {
     const title = `${this.settings.title} #${tag}`
     return {
       title,
+      htmlAttrs: {
+        lang: this.settings.instance_locale
+      },      
       link: [
         { rel: 'alternate', type: 'application/rss+xml', title, href: this.settings.baseurl + `/feed/rss/tag/${tag}` },
         { rel: 'alternate', type: 'text/calendar', title, href: this.settings.baseurl + `/feed/ics/tag/${tag}` }

static/robots.txt

@@ -0,0 +1,6 @@
+user-agent: *
+
+allow: /
+allow: /about
+allow: /event/*
+allow: /announcement/*