Merge pull request #272 from boostcampwm-2024/Feature/#271_SEO_최적화

Feature/#271 seo 최적화
boostcampwm-2024 · Dec 2, 2024 · cb8c83b · cb8c83b
2 parents ffdd857 + 1198d53
commit cb8c83b
Show file tree

Hide file tree

Showing 8 changed files with 101 additions and 2 deletions.
diff --git a/client/index.html b/client/index.html
@@ -5,7 +5,32 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="./src/assets/icons/noctaDayIcon.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="description" content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터" />
   <title>Nocta</title>
+  <meta name="keywords" content="실시간,협업,에디터,노션,마크다운" />
+  <meta name="author" content="Team Glassmo" />
+
+  <meta property="og:site_name" content="Nocta" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.nocta.site/" />
+  <meta property="og:title" content="Nocta" />
+  <meta
+    property="og:description"
+    content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터"
+  />
+  <meta property="og:image" content="https://www.nocta.site/images/nocta.png" />
+
+  <meta property="twitter:card" content="summary_large_image" />
+  <meta property="twitter:url" content="https://www.nocta.site/" />
+  <meta property="twitter:title" content="Nocta" />
+  <meta
+    property="twitter:description"
+    content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터"
+  />
+  <meta property="twitter:image" content="https://www.nocta.site/images/nocta.png" />
+
+  <meta name="robots" content="index, follow" />
+  <link rel="canonical" href="https://www.nocta.site/" />
 </head>
 
 <body>

diff --git a/client/public/images/nocta.png b/client/public/images/nocta.png
diff --git a/client/public/robots.txt b/client/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://www.nocta.site/sitemap.xml
diff --git a/client/public/sitemap.xml b/client/public/sitemap.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://www.nocta.site</loc>
+    <lastmod>2024-12-02</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+  </url>
+</urlset>
diff --git a/client/vite.config.ts b/client/vite.config.ts
@@ -9,4 +9,5 @@ export default defineConfig({
   resolve: {
     alias: { "@noctaCrdt": path.resolve(__dirname, "../@noctaCrdt") },
   },
+  publicDir: "public",
 });
diff --git a/nginx/default.conf b/nginx/default.conf
@@ -36,6 +36,18 @@ server {
   # HSTS 설정 (HTTPS 강제)
   add_header Strict-Transport-Security "max-age=31536000; includeSubDomains" always;
 
+  location = /robots.txt {
+    root /usr/share/nginx/html;  # React 빌드 결과물이 있는 디렉토리
+    access_log off;
+    add_header Cache-Control "public, max-age=86400";  # 24시간 캐싱
+  }
+
+  location = /sitemap.xml {
+    root /usr/share/nginx/html;
+    access_log off;
+    add_header Cache-Control "public, max-age=86400";
+  }
+
   # /api 경로로 들어오는 요청은 백엔드로 전달
   location /api {
     proxy_pass http://backend;      # 백엔드로 요청 전달

diff --git a/nginx/default.dev.conf b/nginx/default.dev.conf
@@ -10,6 +10,16 @@ upstream frontend {
 server {
   listen 80;
 
+  location = /robots.txt {
+    proxy_pass http://frontend;  # 개발 서버로 전달
+    access_log off;
+  }
+
+  location = /sitemap.xml {
+    proxy_pass http://frontend;
+    access_log off;
+  }
+
   # /api 경로로 들어오는 요청은 백엔드로 전달
   location /api {
     proxy_pass http://backend;      # 백엔드로 요청 전달

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml