From a1e6afab91c7834989585480d43716d5b76afc21 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 11 Jun 2026 21:49:14 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=95=B8=EF=B8=8F=20Spider:=20Fix=20invalid?=
 =?UTF-8?q?=20nested=20main=20tags=20in=20actualites=20detail=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced the invalid inner `<main>` tag with a `<div>` wrapper in `src/app/(frontend)/[locale]/actualites/[slug]/page.tsx`.

Co-authored-by: kourdroid <36898160+kourdroid@users.noreply.github.com>
---
 .jules/spider.md                                       | 3 +++
 src/app/(frontend)/[locale]/actualites/[slug]/page.tsx | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.jules/spider.md b/.jules/spider.md
index 572ac48..8e00f92 100644
--- a/.jules/spider.md
+++ b/.jules/spider.md
@@ -10,3 +10,6 @@
 ## 2024-05-19 - Typechecking JSON-LD Date Properties
 **Learning:** When passing potentially null date fields (like `publishedAt`, `updatedAt`) from Payload CMS to jsonLd generator functions, using the fields directly can cause strict TypeScript compilation failures since the schemas explicitly expect `string | undefined` and not `null`.
 **Action:** Always use the logical OR operator with `undefined` (e.g., `datePublished: post.publishedAt || undefined`) when passing date properties to JSON-LD generator functions to satisfy strict type requirements and prevent build regressions.
+## 2024-06-11 - Nested main tags invalid
+**Learning:** HTML5 specifications mandate that there must not be more than one `<main>` element in a document that does not have the hidden attribute. In `actualites/[slug]/page.tsx`, an outer layout tag and an inner grid content tag both used `<main>`.
+**Action:** When working on complex page layouts (especially those with sidebars), verify that only the primary outermost wrapper for the main content block uses the `<main>` element. Inner wrappers for layout control should be converted to `<div>`.
diff --git a/src/app/(frontend)/[locale]/actualites/[slug]/page.tsx b/src/app/(frontend)/[locale]/actualites/[slug]/page.tsx
index e4026ac..c409eb4 100644
--- a/src/app/(frontend)/[locale]/actualites/[slug]/page.tsx
+++ b/src/app/(frontend)/[locale]/actualites/[slug]/page.tsx
@@ -156,7 +156,8 @@ export default async function Actualite({ params: paramsPromise }: Args) {
         </aside>
 
         {/* CENTER COLUMN: Main Article (Left aligned flow) */}
-        <main className="col-span-1 lg:col-span-7">
+        {/* SEO: Replaced inner <main> with <div> to prevent invalid nested <main> elements, improving semantic structure and crawlability. */}
+        <div className="col-span-1 lg:col-span-7">
           <article className="w-full">
             
             {/* Hero Image */}
@@ -254,7 +255,7 @@ export default async function Actualite({ params: paramsPromise }: Args) {
             </div>
             
           </article>
-        </main>
+        </div>
 
         {/* RIGHT COLUMN: Related / Latest News */}
         <aside className="hidden lg:block lg:col-span-3">