pour la page des groupe ados en ligne, pourrait etu mettre un SEO Title à "Groupe de parole adolescents (16–17 ans) – Bruxelles | Magalie Ascoop" et remplacer la description générique par "Groupe de parole en ligne pour adolescents (16–17 ans) se sentant en décalage. Petit groupe structuré animé par une psychologue à Bruxelles."
The page uses "use client" so I can't export metadata directly. I need to either remove "use client" or create a separate layout file. Let me check if the page really needs "use client":
The page uses client-side state, so I'll create a layout file for the SEO metadata:
J'ai cree un fichier layout.tsx dedie pour la page /groupe-ados-en-ligne avec le titre SEO et la description que vous avez fournis. Comme la page utilise "use client" (necessaire pour la FAQ interactive), le metadata doit etre exporte depuis un layout server component separe, ce qui est la bonne pratique Next.js.
dans app/groupe-ados-en-ligne/page.tsx, mets bien
export const metadata = {
title: "Groupe de parole adolescents (16–17 ans) – en ligne | Magalie Ascoop",
description:
"Groupe de parole en ligne pour adolescents (16–17 ans) se sentant en décalage, seuls ou incompris. Petit groupe structuré, 4 séances, cadre sécurisé.",
openGraph: {
title: "Groupe de parole adolescents (16–17 ans) – en ligne",
description:
"Espace de parole structuré pour jeunes se sentant en décalage ou seuls. Groupe fermé – 4 séances – animé par une psychologue à Bruxelles.",
url: "https://www.mascoop-psy.be/groupe-ados-en-ligne",
siteName: "Magalie Ascoop – Psychologue",
images: [
{
url: "https://www.mascoop-psy.be/constellation-banner.jpg",
width: 1200,
height: 630,
alt: "Constellation stylisée sur fond doux",
},
],
locale: "fr_BE",
type: "website",
},
};
J'ai mis a jour le fichier layout.tsx avec le metadata complet incluant le titre SEO, la description et les balises OpenGraph (titre, description, URL, nom du site, image, locale et type). Comme la page page.tsx est un composant client ("use client"), le metadata doit rester dans le layout.tsx qui est un server component -- c'est la bonne pratique Next.js pour cette situation.
dans app/layout.tsx, mets bien "import type { Metadata } from "next";
export const metadata: Metadata = {
title: {
default: "Magalie Ascoop – Psychologue clinicienne à Bruxelles",
template: "%s | Magalie Ascoop – Psychologue",
},
description:
"Psychologue clinicienne à Bruxelles. Accompagnement des adultes et adolescents en consultation individuelle, en cabinet, à domicile ou en ligne.",
metadataBase: new URL("https://www.mascoop-psy.be"),
openGraph: {
title: "Magalie Ascoop – Psychologue clinicienne à Bruxelles",
description:
"Accompagnement psychologique pour adultes et adolescents. Approche intégrative centrée sur l'écoute et les enjeux relationnels.",
url: "https://www.mascoop-psy.be",
siteName: "Magalie Ascoop – Psychologue",
locale: "fr_BE",
type: "website",
},
};
"