diff --git a/src/app/root.tsx b/src/app/root.tsx
index 5d1971d9..af94490f 100644
--- a/src/app/root.tsx
+++ b/src/app/root.tsx
@@ -139,8 +139,8 @@ function Head({ frontmatter }: { frontmatter: Module['frontmatter'] }) {
                 typeof logoUrl === 'string' ? logoUrl : logoUrl?.dark || ''
               }`,
             )
-            .replace('%title', title || '')
-            .replace('%description', (description !== 'undefined' ? description : '') || '')}
+            .replace('%title', encodeURIComponent(title) || '')
+            .replace('%description', (description !== 'undefined' ? encodeURIComponent(description) : '') || '')}
         />
       )}
     </Helmet>