diff --git a/index.html b/index.html
index e073190..1265f66 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,20 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
+    <meta
+      name="description"
+      content="실시간 모의투자 트레이딩 시스템. 실시간 거래, 타임머신 투자, AI 시장 브리핑을 제공합니다."
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="WeFin — 과거에서 배우고, 현재에 투자하는 모의투자" />
+    <meta
+      property="og:description"
+      content="실시간 모의투자 트레이딩 시스템. 실시간 거래, 타임머신 투자, AI 시장 브리핑을 제공합니다."
+    />
+    <meta property="og:url" content="https://www.wefin.ai.kr" />
+    <meta property="og:image" content="https://www.wefin.ai.kr/og-image.png" />
+    <meta name="twitter:card" content="summary_large_image" />
     <script>
       window.global = window
       ;(function () {
diff --git a/package.json b/package.json
index 25f179a..7bfdc70 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "lucide-react": "^1.6.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-helmet-async": "^3.0.0",
     "react-router-dom": "^7.13.2",
     "recharts": "^3.8.1",
     "sockjs-client": "^1.6.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 886d2d4..30b6e4f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       react-dom:
         specifier: ^19.2.4
         version: 19.2.4(react@19.2.4)
+      react-helmet-async:
+        specifier: ^3.0.0
+        version: 3.0.0(react@19.2.4)
       react-router-dom:
         specifier: ^7.13.2
         version: 7.13.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -1501,6 +1504,9 @@ packages:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
 
+  invariant@2.2.4:
+    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -1658,6 +1664,10 @@ packages:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
 
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
   lru-cache@11.2.7:
     resolution: {integrity: sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==}
     engines: {node: 20 || >=22}
@@ -1797,6 +1807,14 @@ packages:
     peerDependencies:
       react: ^19.2.4
 
+  react-fast-compare@3.2.2:
+    resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
+
+  react-helmet-async@3.0.0:
+    resolution: {integrity: sha512-nA3IEZfXiclgrz4KLxAhqJqIfFDuvzQwlKwpdmzZIuC1KNSghDEIXmyU0TKtbM+NafnkICcwx8CECFrZ/sL/1w==}
+    peerDependencies:
+      react: ^16.6.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
@@ -1931,6 +1949,9 @@ packages:
   set-cookie-parser@2.7.2:
     resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
 
+  shallowequal@1.1.0:
+    resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -3582,6 +3603,10 @@ snapshots:
 
   internmap@2.0.3: {}
 
+  invariant@2.2.4:
+    dependencies:
+      loose-envify: 1.4.0
+
   is-extglob@2.1.1: {}
 
   is-fullwidth-code-point@5.1.0:
@@ -3734,6 +3759,10 @@ snapshots:
       strip-ansi: 7.2.0
       wrap-ansi: 9.0.2
 
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
   lru-cache@11.2.7: {}
 
   lru-cache@5.1.1:
@@ -3848,6 +3877,15 @@ snapshots:
       react: 19.2.4
       scheduler: 0.27.0
 
+  react-fast-compare@3.2.2: {}
+
+  react-helmet-async@3.0.0(react@19.2.4):
+    dependencies:
+      invariant: 2.2.4
+      react: 19.2.4
+      react-fast-compare: 3.2.2
+      shallowequal: 1.1.0
+
   react-is@17.0.2: {}
 
   react-redux@9.2.0(@types/react@19.2.14)(react@19.2.4)(redux@5.0.1):
@@ -3983,6 +4021,8 @@ snapshots:
 
   set-cookie-parser@2.7.2: {}
 
+  shallowequal@1.1.0: {}
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
diff --git a/public/og-image.png b/public/og-image.png
new file mode 100644
index 0000000..589f741
Binary files /dev/null and b/public/og-image.png differ
diff --git a/public/og-image.svg b/public/og-image.svg
new file mode 100644
index 0000000..a00c179
--- /dev/null
+++ b/public/og-image.svg
@@ -0,0 +1,121 @@
+<svg width="1200" height="630" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#0b8577"/>
+      <stop offset="55%" stop-color="#14b8a6"/>
+      <stop offset="110%" stop-color="#5fd3be"/>
+    </linearGradient>
+    <linearGradient id="chart-line" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0%" stop-color="rgba(255,255,255,0.15)"/>
+      <stop offset="50%" stop-color="rgba(255,255,255,0.4)"/>
+      <stop offset="100%" stop-color="rgba(255,255,255,0.15)"/>
+    </linearGradient>
+    <linearGradient id="chart-fill" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="rgba(255,255,255,0.12)"/>
+      <stop offset="100%" stop-color="rgba(255,255,255,0)"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="630" fill="url(#bg)"/>
+
+  <!-- Grain overlay -->
+  <filter id="grain">
+    <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="1200" height="630" filter="url(#grain)" opacity="0.04"/>
+
+  <!-- Grid lines -->
+  <g stroke="rgba(255,255,255,0.06)" stroke-width="1">
+    <line x1="0" y1="200" x2="1200" y2="200"/>
+    <line x1="0" y1="315" x2="1200" y2="315"/>
+    <line x1="0" y1="430" x2="1200" y2="430"/>
+    <line x1="300" y1="100" x2="300" y2="580"/>
+    <line x1="600" y1="100" x2="600" y2="580"/>
+    <line x1="900" y1="100" x2="900" y2="580"/>
+  </g>
+
+  <!-- Chart line 1 (main) -->
+  <polyline
+    points="80,420 150,400 220,410 300,350 380,370 460,310 540,330 620,280 700,250 780,270 860,220 940,180 1020,200 1100,160"
+    fill="none"
+    stroke="rgba(255,255,255,0.35)"
+    stroke-width="3"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <!-- Chart area fill -->
+  <polygon
+    points="80,420 150,400 220,410 300,350 380,370 460,310 540,330 620,280 700,250 780,270 860,220 940,180 1020,200 1100,160 1100,530 80,530"
+    fill="url(#chart-fill)"
+  />
+
+  <!-- Chart line 2 (secondary) -->
+  <polyline
+    points="80,380 180,390 280,360 380,380 480,340 580,360 680,320 780,340 880,300 980,280 1080,260"
+    fill="none"
+    stroke="rgba(255,255,255,0.15)"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-dasharray="8 6"
+  />
+
+  <!-- Candlesticks -->
+  <g opacity="0.2">
+    <!-- Green candles (up) -->
+    <rect x="180" y="350" width="8" height="40" rx="1" fill="rgba(52,211,153,0.8)"/>
+    <line x1="184" y1="340" x2="184" y2="395" stroke="rgba(52,211,153,0.6)" stroke-width="1.5"/>
+    <rect x="340" y="320" width="8" height="35" rx="1" fill="rgba(52,211,153,0.8)"/>
+    <line x1="344" y1="310" x2="344" y2="360" stroke="rgba(52,211,153,0.6)" stroke-width="1.5"/>
+    <rect x="660" y="240" width="8" height="30" rx="1" fill="rgba(52,211,153,0.8)"/>
+    <line x1="664" y1="230" x2="664" y2="275" stroke="rgba(52,211,153,0.6)" stroke-width="1.5"/>
+    <rect x="900" y="170" width="8" height="35" rx="1" fill="rgba(52,211,153,0.8)"/>
+    <line x1="904" y1="160" x2="904" y2="210" stroke="rgba(52,211,153,0.6)" stroke-width="1.5"/>
+
+    <!-- Red candles (down) -->
+    <rect x="260" y="370" width="8" height="30" rx="1" fill="rgba(248,113,113,0.7)"/>
+    <line x1="264" y1="360" x2="264" y2="405" stroke="rgba(248,113,113,0.5)" stroke-width="1.5"/>
+    <rect x="500" y="300" width="8" height="25" rx="1" fill="rgba(248,113,113,0.7)"/>
+    <line x1="504" y1="290" x2="504" y2="330" stroke="rgba(248,113,113,0.5)" stroke-width="1.5"/>
+    <rect x="820" y="230" width="8" height="30" rx="1" fill="rgba(248,113,113,0.7)"/>
+    <line x1="824" y1="220" x2="824" y2="265" stroke="rgba(248,113,113,0.5)" stroke-width="1.5"/>
+  </g>
+
+  <!-- Dot on chart end -->
+  <circle cx="1100" cy="160" r="6" fill="white" opacity="0.5"/>
+  <circle cx="1100" cy="160" r="3" fill="white" opacity="0.9"/>
+
+  <!-- Logo W (actual wefin logo) -->
+  <g transform="translate(100, 180) scale(2.5)">
+    <path
+      d="M2 6C2 6 3.5 6 5 13C6.5 20 7.5 20 9 13C10.5 6 11 6 11.5 6C12 6 13 6 14 14C15 22 16.5 20 18 13C19.5 6 22 5 22 5"
+      stroke="white"
+      stroke-width="3"
+      stroke-linecap="round"
+      fill="none"
+    />
+    <circle cx="22" cy="5" r="1.5" fill="white"/>
+  </g>
+
+  <!-- Title -->
+  <text x="155" y="230" font-family="system-ui, -apple-system, sans-serif" font-size="56" font-weight="800" fill="white" letter-spacing="-1">
+    efin
+  </text>
+
+  <!-- Tagline -->
+  <text x="102" y="280" font-family="system-ui, -apple-system, sans-serif" font-size="22" font-weight="500" fill="rgba(255,255,255,0.85)" letter-spacing="0.5">
+    과거에서 배우고, 현재에 투자하는
+  </text>
+
+  <!-- Sub description -->
+  <text x="102" y="320" font-family="system-ui, -apple-system, sans-serif" font-size="18" font-weight="400" fill="rgba(255,255,255,0.6)">
+    실시간 모의투자 트레이딩 시스템
+  </text>
+
+  <!-- URL -->
+  <text x="102" y="520" font-family="monospace" font-size="16" font-weight="600" fill="rgba(255,255,255,0.4)" letter-spacing="1">
+    www.wefin.ai.kr
+  </text>
+</svg>
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..a61ef12
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,9 @@
+User-agent: *
+Allow: /
+Disallow: /account/
+Disallow: /settings/
+Disallow: /admin/
+Disallow: /chat/
+Disallow: /payment/
+
+Sitemap: https://www.wefin.ai.kr/sitemap.xml
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..eb86cc6
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://www.wefin.ai.kr/</loc>
+    <changefreq>daily</changefreq>
+    <priority>1.0</priority>
+  </url>
+  <url>
+    <loc>https://www.wefin.ai.kr/stocks</loc>
+    <changefreq>daily</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://www.wefin.ai.kr/history</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.wefin.ai.kr/about</loc>
+    <changefreq>monthly</changefreq>
+    <priority>0.5</priority>
+  </url>
+  <url>
+    <loc>https://www.wefin.ai.kr/terms</loc>
+    <changefreq>monthly</changefreq>
+    <priority>0.3</priority>
+  </url>
+  <url>
+    <loc>https://www.wefin.ai.kr/privacy</loc>
+    <changefreq>monthly</changefreq>
+    <priority>0.3</priority>
+  </url>
+</urlset>
diff --git a/src/app/providers/app-providers.tsx b/src/app/providers/app-providers.tsx
index c9d2e19..17f1e2e 100644
--- a/src/app/providers/app-providers.tsx
+++ b/src/app/providers/app-providers.tsx
@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import type { PropsWithChildren } from 'react'
+import { HelmetProvider } from 'react-helmet-async'
 import { Toaster } from 'sonner'
 
 import ErrorBoundary from './error-boundary'
@@ -17,31 +18,33 @@ const queryClient = new QueryClient({
 function AppProviders({ children }: PropsWithChildren) {
   return (
     <ErrorBoundary>
-      <QueryClientProvider client={queryClient}>
-        {children}
-        <Toaster
-          position="top-center"
-          style={{ zIndex: 9999 }}
-          toastOptions={{
-            style: {
-              borderRadius: '16px',
-              padding: '12px 20px',
-              fontSize: '14px',
-              fontWeight: 600,
-              background: 'var(--surface)',
-              color: 'var(--text)',
-              boxShadow: '0 8px 32px -8px rgba(0,0,0,0.2)',
-              border: '1px solid var(--line)'
-            },
-            classNames: {
-              success: '!bg-wefin-mint !text-white !border-wefin-mint-deep/30',
-              error: '!bg-wefin-red !text-white !border-wefin-red/30',
-              warning: '!bg-wefin-amber !text-white !border-wefin-amber/30'
-            }
-          }}
-          offset={20}
-        />
-      </QueryClientProvider>
+      <HelmetProvider>
+        <QueryClientProvider client={queryClient}>
+          {children}
+          <Toaster
+            position="top-center"
+            style={{ zIndex: 9999 }}
+            toastOptions={{
+              style: {
+                borderRadius: '16px',
+                padding: '12px 20px',
+                fontSize: '14px',
+                fontWeight: 600,
+                background: 'var(--surface)',
+                color: 'var(--text)',
+                boxShadow: '0 8px 32px -8px rgba(0,0,0,0.2)',
+                border: '1px solid var(--line)'
+              },
+              classNames: {
+                success: '!bg-wefin-mint !text-white !border-wefin-mint-deep/30',
+                error: '!bg-wefin-red !text-white !border-wefin-red/30',
+                warning: '!bg-wefin-amber !text-white !border-wefin-amber/30'
+              }
+            }}
+            offset={20}
+          />
+        </QueryClientProvider>
+      </HelmetProvider>
     </ErrorBoundary>
   )
 }
diff --git a/src/features/news-feed/ui/cluster-detail-content.tsx b/src/features/news-feed/ui/cluster-detail-content.tsx
index d86ce97..410d5df 100644
--- a/src/features/news-feed/ui/cluster-detail-content.tsx
+++ b/src/features/news-feed/ui/cluster-detail-content.tsx
@@ -1,5 +1,7 @@
 import { useParams } from 'react-router-dom'
 
+import SeoHead from '@/shared/ui/seo-head'
+
 import { useClusterDetailQuery } from '../model/use-cluster-detail-query'
 import { useMarkClusterRead } from '../model/use-mark-cluster-read'
 import ClusterDetailFooter from './cluster-detail-footer'
@@ -55,6 +57,12 @@ export default function ClusterDetailContent() {
 
   return (
     <div className="overflow-hidden rounded-2xl bg-wefin-surface p-4 sm:rounded-3xl sm:p-8">
+      <SeoHead
+        title={cluster.title}
+        description={cluster.summary}
+        path={`/news/${clusterId}`}
+        type="article"
+      />
       <ClusterDetailHeader cluster={cluster} />
       <ClusterDetailSections sections={cluster.sections} articleContent={cluster.articleContent} />
       <ClusterDetailFooter cluster={cluster} />
diff --git a/src/pages/home/ui/home-page.tsx b/src/pages/home/ui/home-page.tsx
index f30bc13..8624b55 100644
--- a/src/pages/home/ui/home-page.tsx
+++ b/src/pages/home/ui/home-page.tsx
@@ -6,6 +6,7 @@ import NewsFeedSection from '@/features/news-feed/ui/news-feed-section'
 import NewsListSection from '@/features/news-feed/ui/news-list-section'
 import RecommendedNewsSection from '@/features/recommended-news/ui/recommended-news-section'
 import ResizeHandle from '@/features/stock-detail/ui/resize-handle'
+import SeoHead from '@/shared/ui/seo-head'
 import HomeSidebar from '@/widgets/home-sidebar/ui/home-sidebar'
 
 const SIDEBAR_WIDTH_STORAGE_KEY = 'home-sidebar-width'
@@ -48,6 +49,7 @@ function HomePage() {
 
   return (
     <div ref={containerRef} className="flex flex-col gap-[var(--gutter)] lg:flex-row">
+      <SeoHead path="/" />
       <section className="min-w-0 flex-1">
         <div className="flex flex-col gap-[var(--gutter)]">
           <HeroSection />
diff --git a/src/pages/stocks/ui/stocks-page.tsx b/src/pages/stocks/ui/stocks-page.tsx
index 3435394..2c691ae 100644
--- a/src/pages/stocks/ui/stocks-page.tsx
+++ b/src/pages/stocks/ui/stocks-page.tsx
@@ -4,6 +4,7 @@ import type { RankingTab } from '@/features/stock-ranking/lib/ranking-data'
 import StockRankingControls from '@/features/stock-ranking/ui/stock-ranking-controls'
 import StockRankingTable from '@/features/stock-ranking/ui/stock-ranking-table'
 import StockSearchModal from '@/features/stock-search/ui/stock-search-modal'
+import SeoHead from '@/shared/ui/seo-head'
 import StockLayout from '@/widgets/stock-layout/ui/stock-layout'
 
 function StocksPage() {
@@ -24,6 +25,11 @@ function StocksPage() {
 
   return (
     <StockLayout>
+      <SeoHead
+        title="실시간 투자"
+        description="실시간 거래 랭킹과 모의투자를 경험하세요."
+        path="/stocks"
+      />
       <div className="flex h-[calc(100vh-80px)] flex-col gap-2">
         <div className="shrink-0 rounded-2xl bg-wefin-surface p-5">
           <StockRankingControls
diff --git a/src/shared/ui/seo-head.tsx b/src/shared/ui/seo-head.tsx
new file mode 100644
index 0000000..67249d1
--- /dev/null
+++ b/src/shared/ui/seo-head.tsx
@@ -0,0 +1,47 @@
+import { Helmet } from 'react-helmet-async'
+
+interface SeoHeadProps {
+  title?: string
+  description?: string
+  path?: string
+  type?: 'website' | 'article'
+}
+
+const DEFAULT_TITLE = 'WeFin — 과거에서 배우고, 현재에 투자하는 모의투자'
+const DEFAULT_DESCRIPTION =
+  '실시간 모의투자 트레이딩 시스템. 실시간 거래, 타임머신 투자, AI 시장 브리핑을 제공합니다.'
+const SITE_URL = 'https://www.wefin.ai.kr'
+const MAX_DESC_LENGTH = 155
+
+function truncateDescription(text: string): string {
+  const normalized = text.replace(/\s+/g, ' ').trim()
+  if (normalized.length <= MAX_DESC_LENGTH) return normalized
+  return normalized.slice(0, MAX_DESC_LENGTH - 1) + '\u2026'
+}
+
+export default function SeoHead({ title, description, path, type = 'website' }: SeoHeadProps) {
+  const pageTitle = title ? `${title} | WeFin` : DEFAULT_TITLE
+  const pageDescription = truncateDescription(description ?? DEFAULT_DESCRIPTION)
+  const pageUrl = path ? `${SITE_URL}${path}` : SITE_URL
+  const ogImage = `${SITE_URL}/og-image.png`
+
+  return (
+    <Helmet>
+      <title>{pageTitle}</title>
+      <meta name="description" content={pageDescription} />
+      <link rel="canonical" href={pageUrl} />
+
+      <meta property="og:type" content={type} />
+      <meta property="og:title" content={pageTitle} />
+      <meta property="og:description" content={pageDescription} />
+      <meta property="og:url" content={pageUrl} />
+      <meta property="og:site_name" content="WeFin" />
+      <meta property="og:image" content={ogImage} />
+
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:title" content={pageTitle} />
+      <meta name="twitter:description" content={pageDescription} />
+      <meta name="twitter:image" content={ogImage} />
+    </Helmet>
+  )
+}
