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

💡 What: Replaced the inner `<main className="col-span-1 lg:col-span-7">` wrapper with a `<div>` inside `src/app/(frontend)/[locale]/actualites/[slug]/page.tsx` and added an explanatory SEO comment.
🎯 Why: The page already uses `<main>` as its outermost wrapper to contain page-level layout, including sidebars. Nesting a second `<main>` tag within it is invalid HTML5 semantics, which can confuse search engine crawlers and screen readers trying to identify the primary content area.
📊 Impact: Ensures proper HTML5 semantics and improves technical SEO crawlability by eliminating multiple `<main>` tags on the page.

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

diff --git a/src/app/(frontend)/[locale]/actualites/[slug]/page.tsx b/src/app/(frontend)/[locale]/actualites/[slug]/page.tsx
index e4026ac..9b74ed3 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: Use a <div> instead of a <main> tag here to prevent invalid nested <main> tags, ensuring proper semantic HTML5 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">