diff --git a/index.html b/index.html
index 779ab1d..581b010 100644
--- a/index.html
+++ b/index.html
@@ -5,15 +5,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/logo.ico" />
     <title>Zwitter</title>
+    <meta property="og:site_name" content="Zwitter" />
+    <meta property="og:title" content="Zwitter" />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="/logo.jpg" />
     <meta
       name="description"
+      property="og:description"
       content="쉿-! 지금 Z세대는 Zwitter에서 조잘거리는 중"
     />
     <meta name="author" content="sryung1225" />
-    <meta property="og:site_name" content="Zwitter" />
-    <meta property="og:title" content="Zwitter" />
-    <meta property="og:type" content="website" />
-    <meta property="og:image" content="./src/assets/logo.jpg" />
+    <meta
+      name="og:url"
+      property="og:url"
+      content="https://xwitter-c64ef.web.app/"
+    />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/galmuri/dist/galmuri.css"
diff --git a/src/App.tsx b/src/App.tsx
index 3528205..0939cbb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useState, lazy, Suspense } from 'react';
 import { RouterProvider, createBrowserRouter } from 'react-router-dom';
 import { auth } from './firebase.ts';
+import LoadingSpinner from './components/loading-spinner.tsx';
 import * as S from './styles/global.ts';
 
 const ProtectedRoute = lazy(() => import('./components/protected-route.tsx'));
@@ -9,7 +10,6 @@ const Profile = lazy(() => import('./routes/profile.tsx'));
 const SearchResult = lazy(() => import('./routes/search-result.tsx'));
 const Auth = lazy(() => import('./routes/auth.tsx'));
 const Layout = lazy(() => import('./components/layout.tsx'));
-const LoadingSpinner = lazy(() => import('./components/loading-spinner.tsx'));
 
 const router = createBrowserRouter([
   {