feat: SEO complet + analytics Umami + og:image § logo

SEO :
- composable useSeoPage() : og:*, Twitter Cards, canonical sur toutes les pages (15 pages)
- app.vue : JSON-LD Organization + Book, og:image global og-default.png
- og-default.png 1200×630 : logo § calligraphique + texte (Pillow)
- nuxt.config.ts : @nuxtjs/sitemap avec 26 URLs statiques

Analytics Umami :
- useTracking() : helpers typés audio/pdf/player/scroll/cta
- useScrollTracking() : scroll depth 25/50/75/100% + liens externes auto
- useAudioPlayer : trackAudioPlay/Progress/Complete
- BookPdfReader : trackPdfOpen/Close avec durée
- BookPlayer : trackPlayerOpen/Chapter/Mode
- docker-compose : variables NUXT_PUBLIC_UMAMI_* passées au container

Images :
- Couv-Economie-du-don.jpg ajoutée dans public/images/
- bookplayer.config.yml + home.yml : références mises à jour

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/app.vue

@@ -17,24 +17,71 @@
 const paletteStore = usePaletteStore()
 onMounted(() => paletteStore.applyToDOM())
 
+const config = useRuntimeConfig()
+const siteUrl = (config.public.siteUrl as string) || 'https://librodrome.org'
+
 // Umami analytics — inject script only when configured
-const runtimeConfig = useRuntimeConfig()
-if (runtimeConfig.public.umamiWebsiteId && runtimeConfig.public.umamiUrl) {
+if (config.public.umamiWebsiteId && config.public.umamiUrl) {
   useHead({
     script: [{
-      src: `${runtimeConfig.public.umamiUrl}/script.js`,
+      src: `${config.public.umamiUrl}/script.js`,
       defer: true,
-      'data-website-id': runtimeConfig.public.umamiWebsiteId,
+      'data-website-id': config.public.umamiWebsiteId,
     }],
   })
 }
 
+// Global SEO defaults — surchargeables page par page via useSeoPage()
 useHead({
-  titleTemplate: (title) => {
-    return title ? `${title} — Le Librodrome` : 'Le librodrome'
-  },
-  meta: [
-    { name: 'description', content: 'Une économie du don — enfin concevable. Un livre et des chansons, lecture guidée et écoute libre.' },
+  titleTemplate: (title) => title ? `${title} — Le Librodrome` : 'Le Librodrome',
+})
+
+useSeoMeta({
+  ogSiteName: 'Le Librodrome',
+  ogType: 'website',
+  ogLocale: 'fr_FR',
+  ogImage: `${siteUrl}/og-default.png`,
+  ogImageWidth: 1200,
+  ogImageHeight: 630,
+  twitterCard: 'summary_large_image',
+  twitterSite: '@librodrome',
+})
+
+// JSON-LD — Organisation + Livre
+useHead({
+  script: [
+    {
+      type: 'application/ld+json',
+      innerHTML: JSON.stringify({
+        '@context': 'https://schema.org',
+        '@graph': [
+          {
+            '@type': 'Organization',
+            '@id': `${siteUrl}/#organization`,
+            name: 'Le Librodrome',
+            url: siteUrl,
+            logo: {
+              '@type': 'ImageObject',
+              url: `${siteUrl}/images/og-default.png`,
+            },
+            description: 'Plateforme d\'autonomie numérique, économique et citoyenne à l\'échelle des bassins de vie.',
+          },
+          {
+            '@type': 'Book',
+            '@id': `${siteUrl}/economique/modele-eco#book`,
+            name: 'Une économie du don — enfin concevable',
+            author: { '@type': 'Person', name: 'Yvv' },
+            publisher: { '@id': `${siteUrl}/#organization` },
+            isbn: '979-1-042-45206-3',
+            inLanguage: 'fr',
+            image: `${siteUrl}/images/Couv-Economie-du-don.jpg`,
+            url: `${siteUrl}/economique/modele-eco`,
+            description: 'Un livre et 9 chansons pour explorer les fondements d\'une économie fondée sur le don.',
+            license: 'https://creativecommons.org/licenses/by-nc/4.0/',
+          },
+        ],
+      }),
+    },
   ],
 })
 </script>

app/components/book/BookPdfReader.vue

@@ -40,6 +40,7 @@ const emit = defineEmits<{ 'update:modelValue': [value: boolean] }>()
 const { data: bpContent } = await usePageContent('book-player')
 const bookData = useBookData()
 await bookData.init()
+const { trackPdfOpen, trackPdfClose } = useTracking()
 
 const overlayRef = ref<HTMLElement>()
 const iframeRef = ref<HTMLIFrameElement>()
@@ -60,9 +61,18 @@ function close() {
   isOpen.value = false
 }
 
+// Tracking state
+let pdfOpenedAt = 0
+
 watch(isOpen, (open) => {
   if (open) {
     nextTick(() => overlayRef.value?.focus())
+    trackPdfOpen(props.page ? `chapter-p${props.page}` : 'direct')
+    pdfOpenedAt = Date.now()
+  }
+  else if (pdfOpenedAt > 0) {
+    trackPdfClose(0, Date.now() - pdfOpenedAt)
+    pdfOpenedAt = 0
   }
   if (import.meta.client) {
     document.body.style.overflow = open ? 'hidden' : ''

app/components/book/BookPlayer.vue

@@ -102,7 +102,7 @@
               <!-- Song disc -->
               <div v-if="currentSong" class="reader-song">
                 <div class="reader-disc" :class="{ spinning: playerStore.isPlaying }">
-                  <img src="/images/book-cover-spread.jpg" alt="" class="reader-disc-img" />
+                  <img src="/images/Couv-Economie-du-don.jpg" alt="" class="reader-disc-img" />
                   <div class="reader-disc-hole" />
                 </div>
                 <span class="reader-song-name">{{ currentSong.title }}</span>
@@ -138,6 +138,7 @@
 
 <script setup lang="ts">
 const { data: bpContent } = await usePageContent('book-player')
+const { trackPlayerOpen, trackPlayerChapter, trackPlayerMode } = useTracking()
 
 const COL_GAP = 80
 
@@ -167,6 +168,7 @@ const scrollPercent = ref(0)
 
 // When switching back to paginated, recalc pages
 watch(readingMode, async (mode) => {
+  trackPlayerMode(mode === 'scroll' ? 'scroll' : 'guided')
   if (mode === 'paginated') {
     await nextTick()
     await nextTick()
@@ -288,6 +290,7 @@ function goToTrack(idx: number) {
   // Play the song
   const song = tracks.value[idx]?.song
   if (song) {
+    trackPlayerChapter(song.id)
     _skipSongWatch = true
     audioPlayer.loadAndPlay(song)
   }
@@ -378,6 +381,7 @@ function onTouchEnd(e: TouchEvent) {
 watch(isOpen, async (open) => {
   if (open) {
     showSommaire.value = false
+    trackPlayerOpen()
     await initBookData()
     await nextTick()
     overlayRef.value?.focus()

app/composables/useAudioPlayer.ts

@@ -2,9 +2,12 @@ import type { Song } from '~/types/song'
 
 let audio: HTMLAudioElement | null = null
 let animationFrameId: number | null = null
+// Track which milestones have been fired for the current song
+const firedMilestones = new Set<number>()
 
 export function useAudioPlayer() {
   const store = usePlayerStore()
+  const { trackAudioPlay, trackAudioComplete, trackAudioProgress } = useTracking()
 
   function getAudio(): HTMLAudioElement {
     if (!audio) {
@@ -17,6 +20,10 @@ export function useAudioPlayer() {
       })
 
       audio.addEventListener('ended', () => {
+        if (store.currentSong) {
+          trackAudioComplete(store.currentSong.id, store.currentSong.title)
+        }
+        firedMilestones.clear()
         const next = store.nextSong()
         if (next) {
           loadAndPlay(next)
@@ -36,6 +43,16 @@ export function useAudioPlayer() {
     const update = () => {
       if (audio && !audio.paused) {
         store.setCurrentTime(audio.currentTime)
+        // Track progress milestones (25 / 50 / 75 %)
+        if (audio.duration > 0 && store.currentSong) {
+          const pct = (audio.currentTime / audio.duration) * 100
+          for (const milestone of [25, 50, 75] as const) {
+            if (pct >= milestone && !firedMilestones.has(milestone)) {
+              firedMilestones.add(milestone)
+              trackAudioProgress(store.currentSong.id, milestone)
+            }
+          }
+        }
       }
       animationFrameId = requestAnimationFrame(update)
     }
@@ -52,6 +69,7 @@ export function useAudioPlayer() {
   async function loadAndPlay(song: Song) {
     const el = getAudio()
     store.setSong(song)
+    firedMilestones.clear()
 
     // Try OGG first, fall back to MP3
     const oggPath = song.file.replace(/\.mp3$/, '.ogg')
@@ -64,6 +82,7 @@ export function useAudioPlayer() {
       await el.play()
       store.play()
       startTimeUpdate()
+      trackAudioPlay(song.id, song.title)
     }
     catch {
       // If OGG failed, try MP3
@@ -73,6 +92,7 @@ export function useAudioPlayer() {
           await el.play()
           store.play()
           startTimeUpdate()
+          trackAudioPlay(song.id, song.title)
         }
         catch (err) {
           console.error('Playback failed:', err)

app/composables/useScrollTracking.ts

@@ -0,0 +1,55 @@
+/**
+ * Tracks scroll depth milestones (25 / 50 / 75 / 100 %) on each page.
+ * Also intercepts external link clicks and tracks them.
+ *
+ * Usage: call once in default.vue layout.
+ */
+export function useScrollTracking() {
+  const route = useRoute()
+  const { trackScrollDepth, trackExternalLink } = useTracking()
+
+  // ── Scroll depth ────────────────────────────────────────────────────────
+  const fired = new Set<number>()
+
+  function onScroll() {
+    const el = document.documentElement
+    const scrolled = el.scrollTop + el.clientHeight
+    const total = el.scrollHeight
+    if (total <= el.clientHeight) return
+    const pct = (scrolled / total) * 100
+
+    for (const milestone of [25, 50, 75, 100] as const) {
+      if (pct >= milestone && !fired.has(milestone)) {
+        fired.add(milestone)
+        trackScrollDepth(route.path, milestone)
+      }
+    }
+  }
+
+  // Reset fired milestones on route change
+  watch(() => route.path, () => fired.clear())
+
+  // ── External link tracking ───────────────────────────────────────────────
+  function onLinkClick(e: MouseEvent) {
+    const target = (e.target as HTMLElement).closest('a')
+    if (!target) return
+    const href = target.getAttribute('href') || ''
+    if (!href.startsWith('http') && !href.startsWith('//')) return
+    try {
+      const url = new URL(href)
+      if (url.hostname === 'librodrome.org') return
+      trackExternalLink(href, target.textContent?.trim() || '')
+    }
+    catch { /* invalid URL, ignore */ }
+  }
+
+  onMounted(() => {
+    window.addEventListener('scroll', onScroll, { passive: true })
+    document.addEventListener('click', onLinkClick)
+  })
+
+  onUnmounted(() => {
+    window.removeEventListener('scroll', onScroll)
+    document.removeEventListener('click', onLinkClick)
+  })
+}

app/composables/useSeoPage.ts

@@ -0,0 +1,52 @@
+/**
+ * Applique toutes les balises SEO (og:*, Twitter Cards, canonical, description)
+ * à partir du contenu YAML d'une page.
+ *
+ * Usage dans les pages :
+ *   useSeoPage({ title: content.value?.meta?.title, description: content.value?.description })
+ *
+ * L'og:image par défaut est /og-default.png (logo §).
+ * Chaque section peut surcharger avec son propre image via le champ seo.image du YAML.
+ */
+export function useSeoPage(opts: {
+  title?: string | null
+  description?: string | null
+  image?: string | null
+  type?: 'website' | 'article' | 'book'
+}) {
+  const config = useRuntimeConfig()
+  const route = useRoute()
+  const siteUrl = (config.public.siteUrl as string) || 'https://librodrome.org'
+
+  const title = opts.title || 'Le Librodrome'
+  const description = opts.description
+    || 'Autonomie numérique, économique et citoyenne. Un livre et des chansons sur l\'économie du don.'
+  const rawImage = opts.image || '/og-default.png'
+  const image = rawImage.startsWith('http') ? rawImage : `${siteUrl}${rawImage}`
+  const canonical = `${siteUrl}${route.path}`
+  const type = opts.type || 'website'
+
+  useSeoMeta({
+    // Open Graph
+    ogTitle: title,
+    ogDescription: description,
+    ogImage: image,
+    ogImageWidth: 1200,
+    ogImageHeight: 630,
+    ogUrl: canonical,
+    ogType: type,
+    ogSiteName: 'Le Librodrome',
+    ogLocale: 'fr_FR',
+    // Twitter Cards
+    twitterCard: 'summary_large_image',
+    twitterTitle: title,
+    twitterDescription: description,
+    twitterImage: image,
+    // Standard
+    description,
+  })
+
+  useHead({
+    link: [{ rel: 'canonical', href: canonical }],
+  })
+}

app/composables/useTracking.ts

@@ -1,13 +1,19 @@
 /**
  * Umami analytics wrapper — safe server-side, no-op when not configured.
- * Usage: const { track } = useTracking()
- *        track('player:open')
- *        track('axis:navigate', { axis: 'numerique' })
+ *
+ * Events convention:
+ *   audio:play | audio:pause | audio:complete | audio:progress
+ *   pdf:open   | pdf:close
+ *   player:open | player:chapter | player:mode
+ *   scroll:depth
+ *   link:external
+ *   cta:click
  */
 export function useTracking() {
   const runtimeConfig = useRuntimeConfig()
   const enabled = !!runtimeConfig.public.umamiWebsiteId
 
+  // ── Core ────────────────────────────────────────────────────────────────
   function track(event: string, data?: Record<string, unknown>) {
     if (!import.meta.client || !enabled) return
     const umami = (window as Record<string, unknown>).umami as
@@ -16,5 +22,75 @@ export function useTracking() {
     umami?.track(event, data)
   }
 
-  return { track, enabled }
+  // ── Audio ────────────────────────────────────────────────────────────────
+  function trackAudioPlay(songId: string, songTitle: string, context?: string) {
+    track('audio:play', { song_id: songId, song_title: songTitle, context })
+  }
+
+  function trackAudioPause(songId: string, progressPct: number) {
+    track('audio:pause', { song_id: songId, progress_pct: progressPct })
+  }
+
+  function trackAudioComplete(songId: string, songTitle: string) {
+    track('audio:complete', { song_id: songId, song_title: songTitle })
+  }
+
+  /** Fired at 25 / 50 / 75 % milestones */
+  function trackAudioProgress(songId: string, milestone: 25 | 50 | 75) {
+    track('audio:progress', { song_id: songId, milestone })
+  }
+
+  // ── PDF ──────────────────────────────────────────────────────────────────
+  function trackPdfOpen(trigger?: string) {
+    track('pdf:open', { trigger })
+  }
+
+  function trackPdfClose(pagesVisited: number, durationMs: number) {
+    track('pdf:close', { pages_visited: pagesVisited, duration_ms: durationMs })
+  }
+
+  // ── BookPlayer ───────────────────────────────────────────────────────────
+  function trackPlayerOpen(trigger?: string) {
+    track('player:open', { trigger })
+  }
+
+  function trackPlayerChapter(chapterSlug: string) {
+    track('player:chapter', { chapter_slug: chapterSlug })
+  }
+
+  function trackPlayerMode(mode: 'guided' | 'scroll') {
+    track('player:mode', { mode })
+  }
+
+  // ── Navigation & UX ──────────────────────────────────────────────────────
+  function trackScrollDepth(page: string, depth: 25 | 50 | 75 | 100) {
+    track('scroll:depth', { page, depth })
+  }
+
+  function trackExternalLink(url: string, label?: string) {
+    const route = useRoute()
+    track('link:external', { url, label, from_page: route.path })
+  }
+
+  function trackCta(label: string, target?: string) {
+    const route = useRoute()
+    track('cta:click', { label, target, from_page: route.path })
+  }
+
+  return {
+    track,
+    enabled,
+    trackAudioPlay,
+    trackAudioPause,
+    trackAudioComplete,
+    trackAudioProgress,
+    trackPdfOpen,
+    trackPdfClose,
+    trackPlayerOpen,
+    trackPlayerChapter,
+    trackPlayerMode,
+    trackScrollDepth,
+    trackExternalLink,
+    trackCta,
+  }
 }

app/layouts/default.vue

@@ -27,6 +27,10 @@
   </div>
 </template>
 
+<script setup lang="ts">
+useScrollTracking()
+</script>
+
 <style scoped>
 .app-layout {
   grid-template-rows: auto 1fr auto;

app/pages/a-propos.vue

@@ -40,8 +40,9 @@ definePageMeta({
   layout: 'default',
 })
 
-useHead({
-  title: 'À propos',
+useSeoPage({
+  title: 'À propos — Le Librodrome',
+  description: 'Le Librodrome : l\'histoire du projet, la démarche et les personnes derrière le livre et les outils d\'autonomie.',
 })
 
 const { data: page } = await useAsyncData('about', () =>

app/pages/citoyenne/[slug].vue

@@ -153,7 +153,10 @@ const currentIdx = computed(() => politiqueItems.value.findIndex(i => i.to === c
 const prevItem = computed(() => currentIdx.value > 0 ? politiqueItems.value[currentIdx.value - 1] : null)
 const nextItem = computed(() => currentIdx.value < politiqueItems.value.length - 1 ? politiqueItems.value[currentIdx.value + 1] : null)
 
-useHead({ title: content.value?.meta?.title ?? slug })
+useSeoPage({
+  title: content.value?.meta?.title ?? slug,
+  description: content.value?.description as string ?? undefined,
+})
 </script>
 
 <style scoped>

app/pages/citoyenne/index.vue

@@ -409,8 +409,9 @@ const appConfig = useAppConfig()
 const decisionUrl = (appConfig.libredecision as { url: string })?.url ?? '#'
 const sejeteral0Url = (appConfig.sejeteral0 as { url: string })?.url ?? '#'
 
-useHead({
+useSeoPage({
   title: content.value?.meta?.title ?? 'Autonomie citoyenne',
+  description: (content.value as Record<string, unknown> | null)?.description as string ?? 'Décision collective, gouvernance locale, outils citoyens — l\'autonomie politique à l\'échelle des bassins de vie.',
 })
 </script>
 

app/pages/economique/commande.vue

@@ -304,8 +304,10 @@
 <script setup lang="ts">
 const { data: content } = await usePageContent('economique/commande')
 
-useHead({
-  title: content.value?.meta?.title ?? 'Commander le livre',
+useSeoPage({
+  title: content.value?.meta?.title ?? 'Commander le livre — Une économie du don',
+  description: 'Commander l\'édition papier du livre « Une économie du don — enfin concevable » d\'Yvv.',
+  image: '/images/Couv-Economie-du-don.jpg',
 })
 </script>
 

app/pages/economique/index.vue

@@ -452,8 +452,9 @@ definePageMeta({
 
 const { data: content } = await usePageContent('economique')
 
-useHead({
+useSeoPage({
   title: content.value?.meta?.title ?? 'Autonomie économique',
+  description: (content.value as Record<string, unknown> | null)?.description as string ?? 'Comprendre et expérimenter une économie fondée sur le don, la monnaie libre et la réciprocité.',
 })
 
 const showBookPlayer = ref(false)

app/pages/economique/modele-eco/[slug].vue

@@ -59,8 +59,11 @@ if (!chapter.value) {
   throw createError({ statusCode: 404, statusMessage: 'Chapitre non trouvé' })
 }
 
-useHead({
-  title: chapter.value?.title,
+useSeoPage({
+  title: chapter.value?.title ?? slug,
+  description: chapter.value?.description as string ?? `Chapitre « ${chapter.value?.title} » — Une économie du don, enfin concevable.`,
+  image: '/images/Couv-Economie-du-don.jpg',
+  type: 'article',
 })
 
 // Get adjacent chapters for navigation

app/pages/economique/modele-eco/index.vue

@@ -424,8 +424,11 @@ definePageMeta({
 
 const { data: content } = await usePageContent('economique/modele-eco')
 
-useHead({
-  title: content.value?.meta?.title ?? 'Table des matières',
+useSeoPage({
+  title: content.value?.meta?.title ?? 'Une économie du don — Table des matières',
+  description: 'Onze chapitres pour explorer les fondements d\'une économie fondée sur le don, la mesure et la monnaie libre.',
+  image: '/images/Couv-Economie-du-don.jpg',
+  type: 'book',
 })
 
 const { data: chapters } = await useAsyncData('book-toc', () =>

app/pages/economique/monnaie-libre.vue

@@ -120,7 +120,10 @@ const currentIdx = computed(() => economieItems.value.findIndex(i => i.to === cu
 const prevItem = computed(() => currentIdx.value > 0 ? economieItems.value[currentIdx.value - 1] : null)
 const nextItem = computed(() => currentIdx.value < economieItems.value.length - 1 ? economieItems.value[currentIdx.value + 1] : null)
 
-useHead({ title: content.value?.meta?.title ?? 'Monnaie libre' })
+useSeoPage({
+  title: content.value?.meta?.title ?? 'Monnaie libre — Autonomie économique',
+  description: content.value?.description as string ?? 'La monnaie libre (June / G1) : comprendre la théorie relative de la monnaie et expérimenter une monnaie équitable.',
+})
 </script>
 
 <style scoped>

app/pages/economique/productions-collectives.vue

@@ -44,8 +44,9 @@
 <script setup lang="ts">
 const { data: content } = await usePageContent('economique/productions-collectives')
 
-useHead({
+useSeoPage({
   title: content.value?.meta?.title ?? 'Productions collectives',
+  description: content.value?.description as string ?? 'Initiatives et productions collectives dans le cadre de l\'économie du don.',
 })
 </script>
 

app/pages/en-musique/index.vue

@@ -166,8 +166,10 @@ definePageMeta({
 const { data: content } = await usePageContent('en-musique')
 const { data: homeContent } = await usePageContent('home')
 
-useHead({
-  title: content.value?.meta?.title ?? 'En musique',
+useSeoPage({
+  title: content.value?.meta?.title ?? 'En musique — Le Librodrome',
+  description: 'Neuf chansons qui racontent le livre « Une économie du don ». Écoute libre, paroles et présentation musicale guidée.',
+  image: '/images/Couv-Economie-du-don.jpg',
 })
 
 const store = usePlayerStore()

app/pages/evenement.vue

@@ -440,8 +440,9 @@ definePageMeta({
 const { data: content } = await usePageContent('evenement')
 const evtContent = computed(() => content.value as Record<string, any> | null)
 
-useHead({
-  title: evtContent.value?.meta?.title ?? 'Évènement',
+useSeoPage({
+  title: evtContent.value?.meta?.title ?? 'Évènement — Le Librodrome',
+  description: evtContent.value?.description as string ?? 'Prochains événements du Librodrome : rencontres, lectures et ateliers autour de l\'économie du don.',
 })
 </script>
 

app/pages/gratewizard.vue

@@ -104,8 +104,9 @@
 <script setup lang="ts">
 const { data: content } = await usePageContent('gratewizard')
 
-useHead({
-  title: content.value?.meta?.title ?? 'grateWizard \u2014 Coefficients relatifs',
+useSeoPage({
+  title: content.value?.meta?.title ?? 'grateWizard — Coefficients relatifs',
+  description: 'Calculateur de coefficients relatifs pour l\'économie du don et la monnaie libre (DU/June).',
 })
 
 const { url, launch } = useGrateWizard()

app/pages/index.vue

@@ -9,8 +9,9 @@
 </template>
 
 <script setup lang="ts">
-useHead({
-  title: 'Accueil',
+useSeoPage({
+  title: 'Le Librodrome — autonomie numérique, économique, citoyenne',
+  description: 'Construire une autonomie collective à l\'échelle des bassins de vie. Un livre, des chansons et des outils pour l\'émancipation.',
 })
 
 const showBookPlayer = ref(false)

app/pages/messages.vue

@@ -41,8 +41,9 @@
 </template>
 
 <script setup lang="ts">
-useHead({
-  title: 'Messages',
+useSeoPage({
+  title: 'Messages — Le Librodrome',
+  description: 'Questions, retours et réactions des lecteurs et visiteurs du Librodrome.',
 })
 
 const { data: messages } = await useFetch('/api/messages')

app/pages/numerique/[slug].vue

@@ -647,8 +647,9 @@ const currentIdx = computed(() => sectionItems.value.findIndex(i => i.to === cur
 const prevItem = computed(() => currentIdx.value > 0 ? sectionItems.value[currentIdx.value - 1] : null)
 const nextItem = computed(() => currentIdx.value < sectionItems.value.length - 1 ? sectionItems.value[currentIdx.value + 1] : null)
 
-useHead({
+useSeoPage({
   title: content.value?.meta?.title ?? slug,
+  description: content.value?.description as string ?? undefined,
 })
 </script>
 

app/pages/numerique/index.vue

@@ -380,8 +380,9 @@ definePageMeta({
 
 const { data: content } = await usePageContent('numerique')
 
-useHead({
+useSeoPage({
   title: content.value?.meta?.title ?? 'Autonomie numérique',
+  description: (content.value as Record<string, unknown> | null)?.description as string ?? 'Logiciel libre, authentification Web of Trust, cloud souverain — reprendre le contrôle de ses outils numériques.',
 })
 </script>