diff --git a/packages/shell/rsbuild.config.ts b/packages/shell/rsbuild.config.ts
index 2c0d6bb..fc8de23 100644
--- a/packages/shell/rsbuild.config.ts
+++ b/packages/shell/rsbuild.config.ts
@@ -14,13 +14,35 @@ export default defineConfig({
   },
   html: {
     favicon: "./src/assets/favicon.png",
-    title: "Enterprise-Grade Micro-Frontends",
+    title: "Enterprise Grade Micro Frontends",
     tags: [
       {
         tag: "base",
         attrs: { href: "/" },
         append: false,
       },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:title",
+          content: "Enterprise Grade Micro Frontends",
+        },
+      },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:description",
+          content:
+            "Dive into the world of Micro Frontends in this dynamic 8-hour workshop designed for intermediate and advanced developers. Through a mix of theory and extensive hands-on practice, including a comprehensive e-commerce project, participants will explore how to integrate various frameworks like Angular and React within a Micro Frontend architecture. This workshop will not only clarify the complexities and challenges of Micro Frontends but also equip you with practical strategies for overcoming them. Expect to emerge with a solid grasp of Micro Frontend principles, and ready to implement scalable and flexible solutions that enhance development workflows and product quality. This workshop is perfect for developers keen on mastering advanced architectural patterns to address sophisticated business and team requirements.",
+        },
+      },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:image",
+          content: "https://workshop-mfe.bitovi-sandbox.com/title-card.png",
+        },
+      },
     ],
   },
   plugins: [pluginReact()],
diff --git a/packages/workshop/rsbuild.config.ts b/packages/workshop/rsbuild.config.ts
index 0290d88..e42aa2f 100644
--- a/packages/workshop/rsbuild.config.ts
+++ b/packages/workshop/rsbuild.config.ts
@@ -18,6 +18,28 @@ export default defineConfig({
         attrs: { href: "/" },
         append: false,
       },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:title",
+          content: "Enterprise Grade Micro Frontends",
+        },
+      },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:description",
+          content:
+            "Dive into the world of Micro Frontends in this dynamic 8-hour workshop designed for intermediate and advanced developers. Through a mix of theory and extensive hands-on practice, including a comprehensive e-commerce project, participants will explore how to integrate various frameworks like Angular and React within a Micro Frontend architecture. This workshop will not only clarify the complexities and challenges of Micro Frontends but also equip you with practical strategies for overcoming them. Expect to emerge with a solid grasp of Micro Frontend principles, and ready to implement scalable and flexible solutions that enhance development workflows and product quality. This workshop is perfect for developers keen on mastering advanced architectural patterns to address sophisticated business and team requirements.",
+        },
+      },
+      {
+        tag: "meta",
+        attrs: {
+          property: "og:image",
+          content: "https://workshop-mfe.bitovi-sandbox.com/title-card.png",
+        },
+      },
     ],
   },
   source: {