관리자 기능과 계정 즐겨찾기 개선

index.html

@@ -7,11 +7,18 @@
         <link rel="stylesheet" href="./style/output.css" />
         <link rel="stylesheet" href="./style/brand.css" />
         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+KR:wght@400;700&display=swap" rel="stylesheet" />
+        <link rel="icon" href="/favicon.ico" sizes="any" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/images/assets/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/images/assets/favicon-16x16.png" />
+        <link rel="canonical" href="https://uniare.sori.studio/" />
 
         <script src="/script/navigation.js"></script>
         <script src="/script/api.js"></script>
         <link rel="stylesheet" href="./style/auth-header.css" />
-        <title>UNIARE - Union Arena Deck Builder</title>
+        <title>UNIARE | 유니온 아레나 덱 빌더</title>
+        <meta name="description" content="UNIARE에서 유니온 아레나 카드를 검색하고 나만의 덱을 만들어 저장·공유해 보세요. 공개 덱을 둘러보고 즐겨찾기로 관리할 수 있습니다." />
+        <meta name="application-name" content="UNIARE" />
+        <meta name="robots" content="index, follow" />
 
         <style>
             body {
@@ -49,11 +56,39 @@
             }
         </style>
 
-        <meta property="og:type" content="article" />
-        <meta property="og:title" content="유니온 아레나 덱빌더" />
-        <meta property="og:description" content="자신만의 덱을 만들고, 다른 플레이어들과 공유해보세요." />
-        <meta property="og:image" content="https://uniare.zenncloud.com/images/logo_unionarena.png" />
-        <meta property="og:url" content="https://uniare.zenncloud.com/" />
+        <meta property="og:type" content="website" />
+        <meta property="og:site_name" content="UNIARE" />
+        <meta property="og:locale" content="ko_KR" />
+        <meta property="og:title" content="UNIARE | 유니온 아레나 덱 빌더" />
+        <meta property="og:description" content="유니온 아레나 카드를 검색하고 나만의 덱을 만들어 저장·공유하세요." />
+        <meta property="og:image" content="https://uniare.sori.studio/images/assets/uniare-h48.png" />
+        <meta property="og:image:alt" content="UNIARE" />
+        <meta property="og:url" content="https://uniare.sori.studio/" />
+        <meta name="twitter:card" content="summary" />
+        <meta name="twitter:title" content="UNIARE | 유니온 아레나 덱 빌더" />
+        <meta name="twitter:description" content="유니온 아레나 카드를 검색하고 나만의 덱을 만들어 저장·공유하세요." />
+        <meta name="twitter:image" content="https://uniare.sori.studio/images/assets/uniare-h48.png" />
+        <script type="application/ld+json">
+            {
+                "@context": "https://schema.org",
+                "@graph": [
+                    {
+                        "@type": "WebSite",
+                        "name": "UNIARE",
+                        "alternateName": "유니온 아레나 덱 빌더",
+                        "url": "https://uniare.sori.studio/"
+                    },
+                    {
+                        "@type": "WebApplication",
+                        "name": "UNIARE",
+                        "url": "https://uniare.sori.studio/",
+                        "description": "유니온 아레나 카드를 검색하고 덱을 만들어 저장·공유할 수 있는 웹 서비스",
+                        "applicationCategory": "GameApplication",
+                        "operatingSystem": "Web"
+                    }
+                ]
+            }
+        </script>
     </head>
 
     <body class="text-slate-900">
@@ -76,8 +111,8 @@
 
         <main class="max-w-7xl mx-auto px-6 pt-12 pb-24">
             <header class="text-center mb-16">
-                <h2 id="display-main-title" class="text-4xl sm:text-5xl font-black text-slate-900 mb-4 tracking-tight"></h2>
-                <p id="display-main-desc" class="text-slate-500 text-lg max-w-2xl mx-auto leading-relaxed"></p>
+                <h1 id="display-main-title" class="text-4xl sm:text-5xl font-black text-slate-900 mb-4 tracking-tight">Master Your Strategy</h1>
+                <p id="display-main-desc" class="text-slate-500 text-lg max-w-2xl mx-auto leading-relaxed">유니온 아레나 카드를 검색하고 나만의 덱을 만들어 저장·공유해 보세요.</p>
             </header>
 
             <div id="app">
@@ -153,7 +188,8 @@
                     console.error('Error:', error);
                     document.getElementById('series-container').innerHTML = `
                         <div class="col-span-full py-20 text-center">
-                            <p class="text-red-500 font-bold">${error.message}</p>
+                            <p class="text-red-500 font-bold">시리즈 정보를 불러오지 못했습니다.</p>
+                            <p class="mt-2 text-sm text-slate-500">잠시 후 페이지를 새로고침해 주세요.</p>
                         </div>`;
                 }
             }