diff --git a/app/(app)/ascii/page.tsx b/app/(app)/ascii/page.tsx
index c84c98b..53d7c82 100644
--- a/app/(app)/ascii/page.tsx
+++ b/app/(app)/ascii/page.tsx
@@ -5,7 +5,7 @@ import { getToolByHref } from '@/lib/tools';
 
 const tool = getToolByHref('/ascii')!;
 
-export const metadata: Metadata = { title: tool.title };
+export const metadata: Metadata = { title: tool.title, description: tool.summary };
 
 export default function ASCIIPage() {
   return (
diff --git a/app/(app)/color/page.tsx b/app/(app)/color/page.tsx
index f45cf78..102126a 100644
--- a/app/(app)/color/page.tsx
+++ b/app/(app)/color/page.tsx
@@ -5,7 +5,7 @@ import { getToolByHref } from '@/lib/tools';
 
 const tool = getToolByHref('/color')!;
 
-export const metadata: Metadata = { title: tool.title };
+export const metadata: Metadata = { title: tool.title, description: tool.summary };
 
 export default function ColorPage() {
   return (
diff --git a/app/(app)/favicon/page.tsx b/app/(app)/favicon/page.tsx
index af7eab9..4500739 100644
--- a/app/(app)/favicon/page.tsx
+++ b/app/(app)/favicon/page.tsx
@@ -5,7 +5,7 @@ import { getToolByHref } from '@/lib/tools';
 
 const tool = getToolByHref('/favicon')!;
 
-export const metadata: Metadata = { title: tool.title };
+export const metadata: Metadata = { title: tool.title, description: tool.summary };
 
 export default function FaviconPage() {
   return (
diff --git a/app/(app)/media/page.tsx b/app/(app)/media/page.tsx
index b06c6fe..ac2f223 100644
--- a/app/(app)/media/page.tsx
+++ b/app/(app)/media/page.tsx
@@ -5,7 +5,7 @@ import { getToolByHref } from '@/lib/tools';
 
 const tool = getToolByHref('/media')!;
 
-export const metadata: Metadata = { title: tool.title };
+export const metadata: Metadata = { title: tool.title, description: tool.summary };
 
 export default function MediaPage() {
   return (
diff --git a/app/(app)/qrcode/page.tsx b/app/(app)/qrcode/page.tsx
index 0bf446d..aa48548 100644
--- a/app/(app)/qrcode/page.tsx
+++ b/app/(app)/qrcode/page.tsx
@@ -5,7 +5,7 @@ import { getToolByHref } from '@/lib/tools';
 
 const tool = getToolByHref('/qrcode')!;
 
-export const metadata: Metadata = { title: tool.title };
+export const metadata: Metadata = { title: tool.title, description: tool.summary };
 
 export default function QRCodePage() {
   return (
diff --git a/app/(app)/units/page.tsx b/app/(app)/units/page.tsx
index 196d669..8499692 100644
--- a/app/(app)/units/page.tsx
+++ b/app/(app)/units/page.tsx
@@ -5,7 +5,7 @@ import { getToolByHref } from '@/lib/tools';
 
 const tool = getToolByHref('/units')!;
 
-export const metadata: Metadata = { title: tool.title };
+export const metadata: Metadata = { title: tool.title, description: tool.summary };
 
 export default function UnitsPage() {
   return (