From 4e1ba250210eeffc6dc2a3c6f37bef1f9b99339a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 7 Jul 2026 21:44:02 +0000
Subject: [PATCH] feat(blocks): optimize MediaBlock semantics with figure and
 figcaption

Co-authored-by: kourdroid <36898160+kourdroid@users.noreply.github.com>
---
 src/blocks/MediaBlock/Component.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/blocks/MediaBlock/Component.tsx b/src/blocks/MediaBlock/Component.tsx
index a88896a..887a1d7 100644
--- a/src/blocks/MediaBlock/Component.tsx
+++ b/src/blocks/MediaBlock/Component.tsx
@@ -33,7 +33,8 @@ export const MediaBlock: React.FC<Props> = (props) => {
   if (media && typeof media === 'object') caption = media.caption
 
   return (
-    <div
+    /* SEO: Using <figure> and <figcaption> semantically associates the caption text with the media, providing better context for search engine image indexers. */
+    <figure
       className={cn(
         '',
         {
@@ -50,7 +51,7 @@ export const MediaBlock: React.FC<Props> = (props) => {
         />
       )}
       {caption && (
-        <div
+        <figcaption
           className={cn(
             'mt-6',
             {
@@ -60,8 +61,8 @@ export const MediaBlock: React.FC<Props> = (props) => {
           )}
         >
           <RichText data={caption} enableGutter={false} />
-        </div>
+        </figcaption>
       )}
-    </div>
+    </figure>
   )
 }