refactor: SEO improve

Author: alexization

src/app/layout.tsx

@@ -47,6 +47,24 @@ export const metadata: Metadata = {
         title: "Git Ranker | 개발자 전투력 측정",
         description: "GitHub 활동 기반 개발자 전투력 측정 및 티어 랭킹 서비스.",
     },
+    robots: {
+        index: true,
+        follow: true,
+        googleBot: {
+            index: true,
+            follow: true,
+            'max-video-preview': -1,
+            'max-image-preview': 'large',
+            'max-snippet': -1,
+        },
+    },
+    alternates: {
+        canonical: BASE_URL,
+        languages: {
+            'ko-KR': BASE_URL,
+            'x-default': BASE_URL,
+        },
+    },
 };
 
 export const viewport: Viewport = {

src/app/page.tsx

@@ -62,7 +62,7 @@ export default function Home() {
                 url: "https://www.git-ranker.com",
                 logo: {
                     "@type": "ImageObject",
-                    url: "https://www.git-ranker.com/logo.png",
+                    url: "https://www.git-ranker.com/og-image.png",
                 },
                 sameAs: ["https://github.com/alexization"],
             },

src/app/ranking/layout.tsx

@@ -1,5 +1,7 @@
 import type { Metadata } from "next"
 
+const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL || "https://www.git-ranker.com"
+
 export const metadata: Metadata = {
     title: "개발자 랭킹 | 글로벌 리더보드",
     description: "GitHub 활동 기반 개발자 전투력 글로벌 랭킹. Challenger, Master, Diamond부터 Iron까지 전 세계 개발자들의 순위를 확인하세요.",
@@ -14,7 +16,7 @@ export const metadata: Metadata = {
     openGraph: {
         type: "website",
         locale: "ko_KR",
-        url: "https://www.git-ranker.com/ranking",
+        url: `${BASE_URL}/ranking`,
         title: "개발자 랭킹 | Git Ranker 글로벌 리더보드",
         description: "GitHub 활동 기반 개발자 전투력 글로벌 랭킹. 전 세계 개발자들의 순위를 확인하세요.",
         siteName: "Git Ranker",
@@ -25,7 +27,7 @@ export const metadata: Metadata = {
         description: "GitHub 활동 기반 개발자 전투력 글로벌 랭킹",
     },
     alternates: {
-        canonical: "https://www.git-ranker.com/ranking",
+        canonical: `${BASE_URL}/ranking`,
     },
 }
 
@@ -34,5 +36,27 @@ export default function RankingLayout({
 }: {
     children: React.ReactNode
 }) {
-    return children
+    const jsonLd = {
+        "@context": "https://schema.org",
+        "@type": "CollectionPage",
+        name: "개발자 랭킹 | Git Ranker 글로벌 리더보드",
+        description: "GitHub 활동 기반 개발자 전투력 글로벌 랭킹. Challenger, Master, Diamond부터 Iron까지 전 세계 개발자들의 순위를 확인하세요.",
+        url: `${BASE_URL}/ranking`,
+        isPartOf: {
+            "@type": "WebSite",
+            "@id": `${BASE_URL}/#website`,
+            name: "Git Ranker",
+            url: BASE_URL,
+        },
+    }
+
+    return (
+        <>
+            <script
+                type="application/ld+json"
+                dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+            />
+            {children}
+        </>
+    )
 }

src/app/sitemap.ts

@@ -85,12 +85,6 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
             changeFrequency: "hourly",
             priority: 0.9,
         },
-        {
-            url: `${BASE_URL}/login`,
-            lastModified: currentDate,
-            changeFrequency: "monthly",
-            priority: 0.5,
-        },
     ]
 
     // Dynamic user pages

src/app/users/[username]/page.tsx

@@ -75,5 +75,34 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 
 export default async function UserDetailPage({ params }: PageProps) {
     const { username } = await params
-    return <UserProfileClient username={username} />
+
+    let jsonLd = null
+    try {
+        const user = await getUser(username)
+        jsonLd = {
+            "@context": "https://schema.org",
+            "@type": "ProfilePage",
+            mainEntity: {
+                "@type": "Person",
+                name: user.username,
+                url: `${BASE_URL}/users/${username}`,
+                image: user.profileImage,
+                sameAs: [`https://github.com/${user.username}`],
+            },
+        }
+    } catch {
+        // no JSON-LD for users not found
+    }
+
+    return (
+        <>
+            {jsonLd && (
+                <script
+                    type="application/ld+json"
+                    dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+                />
+            )}
+            <UserProfileClient username={username} />
+        </>
+    )
 }

src/middleware.ts

@@ -25,35 +25,21 @@ export function middleware(request: NextRequest) {
     "form-action 'self'",
   ].join("; ")
 
-  // Content Security Policy
+  // Content Security Policy (Nginx에서 설정하지 않는 헤더)
   response.headers.set("Content-Security-Policy", cspDirectives)
 
-  // Prevent clickjacking
-  response.headers.set("X-Frame-Options", "DENY")
-
-  // Prevent MIME type sniffing
-  response.headers.set("X-Content-Type-Options", "nosniff")
-
-  // Enable XSS protection
-  response.headers.set("X-XSS-Protection", "1; mode=block")
-
-  // Control referrer information
+  // Referrer Policy (Nginx에서 설정하지 않는 헤더)
   response.headers.set("Referrer-Policy", "strict-origin-when-cross-origin")
 
-  // HSTS - Force HTTPS (프로덕션에서만)
-  if (!isDev) {
-    response.headers.set(
-      "Strict-Transport-Security",
-      "max-age=31536000; includeSubDomains; preload"
-    )
-  }
-
-  // Permissions Policy - Restrict browser features
+  // Permissions Policy (Nginx에서 설정하지 않는 헤더)
   response.headers.set(
     "Permissions-Policy",
     "camera=(), microphone=(), geolocation=(), interest-cohort=()"
   )
 
+  // X-Frame-Options, X-Content-Type-Options, X-XSS-Protection, HSTS는
+  // Nginx에서 관리 (중복 방지)
+
   return response
 }