feat: seo improvements (#1066)

Author: nicolaskempf57

components/Brand/BrandCard.vue

@@ -43,11 +43,13 @@
           >
             {{ props.theme }}
           </p>
-          <p
-            v-if="props.size === 'large'"
-            class="text-4xl font-bold"
+          <!-- eslint-disable vue/no-v-text-v-html-on-component -->
+          <component
+            :is="props.size === 'large' ? 'h1' : 'h2'"
+            :class="props.size === 'large' ? 'text-4xl font-bold': 'sr-only'"
             v-html="props.title"
           />
+          <!-- eslint-enable vue/no-v-text-v-html-on-component -->
           <p
             v-if="props.description"
             class="text-gray-dark"

pages/datasets/search.vue

@@ -78,7 +78,7 @@ const title = computed(() => {
     case 'reuses':
       return t('Moteur de recherche des réutilisations - {site}', { site: config.public.title })
     case 'organizations':
-      return t('Organisations - {site}', { site: config.public.title })
+      return t('Liste des organisations - {site}', { site: config.public.title })
     default:
       return t('Moteur de recherche des jeux de données - {site}', { site: config.public.title })
   }
@@ -91,7 +91,7 @@ const description = computed(() => {
     case 'reuses':
       return t('Recherchez une réutilisation par mot-clé et filtrez les résultats grâce à plusieurs filtres.')
     case 'organizations':
-      return t('Recherchez une organisation par mot-clé.')
+      return t('Recherchez une organisation qui a partagé un jeu de données ou une réutilisation sur {site}.', { site: config.public.title })
     default:
       return t('Recherchez un jeu de données par mot-clé et filtrez les résultats grâce à plusieurs filtres (organisation, licence, format, schéma, couverture, label…).')
   }

pages/posts/index.vue

@@ -8,14 +8,14 @@
           {{ $t('Accueil') }}
         </BreadcrumbItem>
         <BreadcrumbItem>
-          {{ $t('Articles') }}
+          {{ $t('Actualité') }}
         </BreadcrumbItem>
       </Breadcrumb>
     </div>
     <div class="border-b border-gray-lowest">
       <div class="container">
         <h1 class="text-4.5xl font-extrabold text-gray-title pt-10 pb-[3.75rem] !mb-0">
-          {{ $t('Articles') }}
+          {{ $t('Actualité') }}
         </h1>
       </div>
     </div>
@@ -52,10 +52,11 @@ import type { PaginatedArray } from '~/types/types'
 const { t } = useTranslation()
 
 useSeoMeta({
-  title: t('Articles'),
+  title: t('Actualité - data.gouv.fr'),
+  description: t('Suivre l\'actualité de data.gouv.fr et de son écosystème : nouveautés, tendances, challenges et annonces'),
 })
 defineOgImage('MainPage.takumi', {
-  title: 'Articles',
+  title: 'Actualité',
   uri: '/posts',
 })
 const route = useRoute()

pages/producteurs.vue

@@ -130,8 +130,10 @@ const config = useRuntimeConfig()
 const { t } = useTranslation()
 
 useSeoMeta({
-  title: t('Producteurs de données - {site}', { site: config.public.title }),
+  title: t('Publier des jeux de données publics - data.gouv.fr'),
+  description: t('Administrations, collectivités, entreprises : rejoignez plus de 5 000 organisations, publiez vos données simplement et gratuitement, tout en respectant vos obligations légales et en les valorisant auprès de milliers d\'utilisateurs.'),
 })
+
 defineOgImage('MainPage.takumi', {
   title: 'Producteurs',
   uri: '/producteurs',

pages/products/index.vue

@@ -35,7 +35,7 @@
           :theme="card.phase"
           :description="card.description"
           :cta-url="`/products/${card.slug}`"
-          cta-label="Voir le produit"
+          :cta-label="`Découvrir ${card.product}`"
           :tagline="card.tagline"
           :show-title-logo="true"
           type="brand"
@@ -93,7 +93,8 @@ definePageMeta({
 })
 
 useSeoMeta({
-  title: 'Produits',
+  title: 'Les produits de l\'écosystème - data.gouv.fr',
+  description: 'Des produits pour faciliter l\'accès, organiser la circulation et faciliter les usages des données publiques.',
 })
 defineOgImage('MainPage.takumi', {
   title: 'Produits',

pages/reutilisateurs.vue

@@ -125,8 +125,10 @@ const config = useRuntimeConfig()
 const { t } = useTranslation()
 
 useSeoMeta({
-  title: t('Réutilisateurs de données - {site}', { site: config.public.title }),
+  title: t('Utiliser des jeux de données publics - data.gouv.fr'),
+  description: t('Des milliers de données publiques, accessibles gratuitement, pour analyser, créer, développer et comprendre.'),
 })
+
 defineOgImage('MainPage.takumi', {
   title: 'Réutilisateurs',
   uri: '/reutilisateurs',

pages/support/[...path].vue

@@ -492,7 +492,8 @@ const answers = ref<Array<string>>([])
 const { t } = useTranslation()
 
 useSeoMeta({
-  title: t('Support'),
+  title: t('Support et FAQ'),
+  description: t('Consultez le forum et les guides pour trouver la réponse à vos questions'),
 })
 
 function updateUrl(path: string, hash = '') {

tests/organizations/index.spec.ts

@@ -3,7 +3,7 @@ import { test, expect } from '../base'
 test('page loads with results', async ({ page }) => {
   await page.goto('/organizations')
 
-  await expect(page).toHaveTitle(/Organisations/)
+  await expect(page).toHaveTitle(/Liste des organisations/)
 
   await expect(page.getByRole('heading', { name: 'Recherche d\'une organisation', level: 1 })).toBeVisible()
 

tests/organizations/organizations.spec.ts

@@ -4,7 +4,7 @@ test('organizations page renders without errors', async ({ page }) => {
   const response = await page.goto('/organizations')
   expect(response?.status()).toBeLessThan(400)
 
-  await expect(page).toHaveTitle(/Organisations/)
+  await expect(page).toHaveTitle(/Liste des organisations/)
   await expect(page.getByRole('heading', { name: 'Recherche d\'une organisation', level: 1 })).toBeVisible()
 
   await page.waitForLoadState('networkidle')