feat: update resort metadata and improve SEO (#62)

Author: Najeong-Kim

src/app/(web)/[resortId]/page.tsx

@@ -12,10 +12,10 @@ export async function generateMetadata({
   const resort = ResortData.find((resort) => resort.id === +resortId);
 
   return {
-    title: resort ? `${resort.name} - WeSki` : 'WeSki : 스키장 혼잡도 확인 서비스',
-    description: resort
-      ? `${resort.name}의 실시간 정보를 확인해보세요.`
-      : '위스키는 웹캠, 날씨, 슬로프 등 실시간 스키장 정보를 탐색할 수 있는 스키장 큐레이션 서비스입니다.',
+    title: resort?.metadata?.title ?? '전국 스키장 실시간 웹캠 & 날씨 정보 | WeSki',
+    description:
+      resort?.metadata?.description ??
+      '전국 스키장의 실시간 웹캠, 눈 상태, 설질, 혼잡도, 날씨 정보를 한눈에! X5스키장과 시즌권이 있는 모든 리조트의 스키장 정보를 빠르게 확인하세요.',
     alternates: {
       canonical: `/${resortId}`,
     },

src/app/layout.tsx

@@ -9,9 +9,9 @@ import Providers from './_providers';
 
 export const metadata: Metadata = {
   metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'https://www.weski.live'),
-  title: 'WeSki : 스키장 혼잡도 확인 서비스',
+  title: '전국 스키장 실시간 웹캠 & 날씨 정보 | WeSki',
   description:
-    '위스키는 웹캠, 날씨, 슬로프 등 실시간 스키장 정보를 탐색할 수 있는 스키장 큐레이션 서비스입니다.',
+    '전국 스키장의 실시간 웹캠, 눈 상태, 설질, 혼잡도, 날씨 정보를 한눈에! X5스키장과 시즌권이 있는 모든 리조트의 스키장 정보를 빠르게 확인하세요.',
   openGraph: {
     images: [
       {

src/entities/resort/model/constants.ts

@@ -9,6 +9,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://m.konjiamresort.co.kr/ski/pickupService.dev',
       homepage: 'https://www.konjiamresort.co.kr/main.dev',
     },
+    metadata: {
+      title: '곤지암 스키장 실시간 웹캠 & 날씨 · 혼잡도 | 경기 광주 | 위스키',
+      description:
+        '곤지암 스키장의 실시간 웹캠으로 적설량, 날씨, 설질, 리프트 대기 정보를 확인하세요.',
+    },
   },
   {
     id: 8,
@@ -18,6 +23,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://skibus.purplebus.co.kr/Yp/',
       homepage: 'https://www.yongpyong.co.kr/kor/skiNboard/introduce.do',
     },
+    metadata: {
+      title: '용평 스키장 실시간 웹캠 & 적설량 · 날씨 | 평창 스키장 | 위스키',
+      description:
+        '용평 스키장의 실시간 웹캠으로 슬로프, 적설량, 날씨, 리프트 대기 현황을 한눈에 확인하세요.',
+    },
   },
   {
     id: 5,
@@ -27,6 +37,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://www.wellihillipark.com/home/guide/map/shuttle',
       homepage: 'https://www.wellihillipark.com/snowpark',
     },
+    metadata: {
+      title: '웰리힐리파크 실시간 웹캠 & 적설량 · 설질 | 횡성 원주 | 위스키',
+      description:
+        '웰리힐리파크 실시간 웹캠으로 슬로프 상태, 적설량, 날씨, 리프트 현황을 확인하세요.',
+    },
   },
   {
     id: 7,
@@ -36,6 +51,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://skibus.purplebus.co.kr/Hi/',
       homepage: 'https://www.high1.com/ski/index.do',
     },
+    metadata: {
+      title: '하이원 스키장 실시간 웹캠 & 설질 · 적설량 | 정선 | 위스키',
+      description:
+        '하이원 스키장의 실시간 웹캠으로 설질, 적설량, 날씨, 슬로프 상태와 리프트 정보를 확인하세요.',
+    },
   },
   {
     id: 9,
@@ -45,6 +65,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://www.mdysresort.com/guide/shuttle_bus.asp',
       homepage: 'https://www.mdysresort.com/index.asp',
     },
+    metadata: {
+      title: '무주덕유산 실시간 웹캠 & 설질 · 날씨 | 전북 무주 스키장 | 위스키',
+      description:
+        '무주덕유산 실시간 웹캠으로 설질, 적설량, 날씨와 슬로프·리프트 정보를 확인하세요.',
+    },
   },
   {
     id: 1,
@@ -54,6 +79,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://www.jisanresort.co.kr/w/reservation/shuttle/reservation.asp',
       homepage: 'https://www.jisanresort.co.kr/m/ski/',
     },
+    metadata: {
+      title: '지산리조트 실시간 웹캠 & 날씨 · 리프트 대기 | 용인 | 위스키',
+      description:
+        '지산리조트 실시간 웹캠으로 날씨, 설질, 슬로프 상태, 리프트 혼잡도를 확인하세요.',
+    },
   },
   {
     id: 3,
@@ -63,6 +93,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://www.busline.co.kr/busline_22K28/reservation_input.html?title=%EB%85%B8%EC%84%A0%EC%84%A0%ED%83%9D%20%EB%B0%8F%20%EC%9D%B4%EC%9A%A9%EC%9E%90%EB%93%B1%EB%A1%9D',
       homepage: 'https://www.sonohotelsresorts.com/complex_vp',
     },
+    metadata: {
+      title: '비발디파크 실시간 웹캠 & 슬로프 · 적설량 | 홍천 | 위스키',
+      description:
+        '비발디파크 실시간 웹캠으로 슬로프, 날씨, 적설량, 설질, 리프트 혼잡도를 확인하세요.',
+    },
   },
   {
     id: 4,
@@ -72,6 +107,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://gs.elysian.co.kr/gangchon/enjoyElysian/roadMap_free_230210_pop.asp',
       homepage: 'https://www.elysian.co.kr/',
     },
+    metadata: {
+      title: '엘리시안 강촌 실시간 웹캠 & 날씨 · 설질 | 강촌 춘천 스키장 | 위스키',
+      description:
+        '엘리시안 강촌 실시간 웹캠으로 설질, 적설량, 날씨, 리프트 대기 정보를 빠르게 확인하세요.',
+    },
   },
   {
     id: 6,
@@ -81,6 +121,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://skibus.purplebus.co.kr/Pp/',
       homepage: 'https://phoenixhnr.co.kr/page/main/pyeongchang?q%5BhmpgDivCd%5D=PP&page=1&size=4',
     },
+    metadata: {
+      title: '휘닉스평창 실시간 웹캠 & 날씨 · 설질 · 혼잡도 | 평창 스키장 | 위스키',
+      description:
+        '휘닉스평창 스키장의 실시간 웹캠으로 슬로프, 설질, 적설량, 날씨, 리프트 혼잡도를 확인하세요.',
+    },
   },
   {
     id: 10,
@@ -90,6 +135,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'http://m.newbusantour.co.kr/goods/goods_detail.asp?g_cd=2183',
       homepage: 'https://www.edenvalley.co.kr/ski/View.asp?location=01',
     },
+    metadata: {
+      title: '에덴밸리 실시간 웹캠 & 날씨 · 설질 | 양산 스키장 | 위스키',
+      description:
+        '에덴밸리 스키장의 실시간 웹캠으로 슬로프 상황, 적설량, 날씨, 리프트 정보를 확인하세요.',
+    },
   },
   {
     id: 11,
@@ -99,6 +149,11 @@ export const ResortData: ResortInfo[] = [
       bus: 'https://www.o2resort.com/GDE/trafficBusSeoul.jsp',
       homepage: 'https://www.o2resort.com/SKI/basicInfo.jsp',
     },
+    metadata: {
+      title: '오투리조트 실시간 웹캠 & 날씨 · 슬로프 | 강원 태백 | 위스키',
+      description:
+        '오투리조트 실시간 웹캠으로 슬로프 상태, 적설량, 설질, 날씨, 리프트 운영 정보를 확인하세요.',
+    },
   },
   {
     id: 12,

src/entities/resort/model/model.d.ts

@@ -10,6 +10,10 @@ export type ResortInfo = {
   name: string;
   map: string;
   url: Url;
+  metadata?: {
+    title: string;
+    description: string;
+  };
 };
 
 export type Vote = {
@@ -20,18 +24,18 @@ export type Vote = {
 };
 
 export type WeatherResponse = {
-  resortId: number,
+  resortId: number;
   currentWeather: {
-    temperature: number,
-    maxTemperature: number,
-    minTemperature: number,
-    feelsLike: number,
-    description: string,
-    condition: string
-  },
-  hourlyWeather: [],
-  weeklyWeather: WeeklyWeather[]
-}
+    temperature: number;
+    maxTemperature: number;
+    minTemperature: number;
+    feelsLike: number;
+    description: string;
+    condition: string;
+  };
+  hourlyWeather: [];
+  weeklyWeather: WeeklyWeather[];
+};
 
 export type WeeklyWeather = {
   day: string;
@@ -50,15 +54,15 @@ export type SummarizedWeeklyWeather = {
 };
 
 export type Resort = {
-  resortId: number,
-  name: string,
-  status: string,
-  openingDate: string,
-  closingDate: string,
-  openSlopes: number,
+  resortId: number;
+  name: string;
+  status: string;
+  openingDate: string;
+  closingDate: string;
+  openSlopes: number;
   currentWeather: {
-    temperature: number,
-    description: string
-  },
-  weeklyWeather: SummarizedWeeklyWeather[]
-}
+    temperature: number;
+    description: string;
+  };
+  weeklyWeather: SummarizedWeeklyWeather[];
+};