diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index a43c5f4..f1d049f 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -14,15 +14,18 @@ const geistMono = localFont({
   variable: "--font-geist-mono",
   weight: "100 900",
 });
-
 export const metadata = {
-  title: "DearDiary",
+  title: {
+    template: '%s | Dear Diary',
+    default: 'Dear Diary',
+  },
   description: "A Digital Diary for the future",
   icons: {
-    icon: "../../public/favicon/favicon.ico",
-    apple: "../../public/favicon/apple-touch-icon.webp",
-    shortcut: "../../public/favicon/apple-touch-icon.webp",
+    icon: "/favicon/favicon/favicon/favicon.ico?v=4",
+    apple: "/favicon/favicon/apple-touch-icon.png?v=4",
+    shortcut: "/favicon/favicon/apple-touch-icon.png"
   },
+  metadataBase: new URL('https://dear-diary-black.vercel.app/'),
 };
 
 export default function RootLayout({ children }) {