Merge pull request #110 from softeerbootcamp4th/seo

[Perf] Lighthouse 검색 엔진 최적화
softeerbootcamp4th · Aug 21, 2024 · 9bc5849 · 9bc5849
2 parents 8b9bdf7 + 73dd8b6
commit 9bc5849
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 17 deletions.
diff --git a/packages/user/index.html b/packages/user/index.html
@@ -2,18 +2,46 @@
 <html lang="kr">
 	<head>
 		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta
+			name="description"
+			content="현대자동차 캐스퍼 일렉트릭 신차 출시 기념 이벤트! 캐스퍼 레이싱에서 1등을 차지하고 캐스퍼 일렉트릭을 받으세요."
+		/>
+		<meta
+			name="keywords"
+			content="현대자동차, 캐스퍼, 캐스퍼 일렉트릭, 신차 출시, 이벤트, 레이싱, 게임, 게이미피케이션, 자동차"
+		/>
+		<meta name="author" content="Softeer Bootcamp Team 4 - 신차... 이정도면 설명이 됐으려나?" />
+
+		<meta property="og:url" content="https://www.batro.org" />
+		<meta property="og:type" content="website" />
+		<meta
+			property="og:title"
+			content="캐스퍼 레이싱 이벤트 - 1등을 차지하고 캐스퍼 일렉트릭을 받아가세요!"
+		/>
+		<meta
+			property="og:description"
+			content="현대자동차 캐스퍼 일렉트릭 신차 출시 기념 이벤트! 레이싱에서 1등을 차지하고 캐스퍼 일렉트릭을 손에 넣으세요. 신차... 이정도면 설명이 됐으려나?"
+		/>
+		<meta property="og:image" content="https://www.batro.org/link/og-default.png" />
+		<meta property="og:image:type" content="image/png" />
+
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta
+			name="twitter:title"
+			content="캐스퍼 레이싱 이벤트 - 1등을 차지하고 캐스퍼 일렉트릭을 받아가세요!"
+		/>
+		<meta
+			name="twitter:description"
+			content="현대자동차 캐스퍼 일렉트릭 신차 출시 기념 이벤트! 레이싱에서 1등을 차지하고 캐스퍼 일렉트릭을 손에 넣으세요."
+		/>
+		<meta name="twitter:image" content="https://www.batro.org/link/og-default.png" />
+
 		<link rel="preconnect" href="https://softeer-team4.site:8080" />
 		<link rel="preconnect" href="https://softeer-team4.site:8081" />
 		<link rel="icon" type="favicon" href="/favicon/favicon.ico" />
-		<meta property="og:url" content="url" />
-		<meta property="og:type" content="website" />
-		<meta property="og:title" content="Hyundai" />
-		<meta property="og:description" content="캐스퍼 이벤트로 초대합니다." />
-		<meta property="og:image" content="/link/og-default.png" />
-		<meta property="og:image:type" content="image/png" />
-		<title>4팀 이벤트</title>
 
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>현대자동차 캐스퍼 일렉트릭 이벤트</title>
 	</head>
 	<body>
 		<div id="root"></div>

diff --git a/packages/user/public/favicon/favicon.ico b/packages/user/public/favicon/favicon.ico
diff --git a/packages/user/public/naverfb93251b9c2ebf1369b412492805b267.html b/packages/user/public/naverfb93251b9c2ebf1369b412492805b267.html
@@ -0,0 +1 @@
+naver-site-verification: naverfb93251b9c2ebf1369b412492805b267.html
diff --git a/packages/user/public/robots.txt b/packages/user/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://www.batro.org/sitemap.xml
diff --git a/packages/user/src/components/home/eventHero/racing/Caspers.tsx b/packages/user/src/components/home/eventHero/racing/Caspers.tsx
@@ -44,7 +44,7 @@ function CreamCasper() {
 			<img
 				src="images/hero/casper/lighting.webp"
 				alt="펫 팀 캐릭터 옆 큰 번개"
-				className="animate-sparkle absolute -top-[2px] right-[4px]"
+				className="animate-sparkle absolute -top-[2px] right-[4px] w-[20px]"
 			/>
 			<img
 				src="images/hero/casper/lighting.webp"

diff --git a/packages/user/src/hooks/socket/useChatSocket.ts b/packages/user/src/hooks/socket/useChatSocket.ts
@@ -54,8 +54,7 @@ export default function useChatSocket() {
 		(data: unknown) => {
 			const parsedData = Array.isArray(data) ? [...data] : ([] as ChatProps[]);
 			if (parsedData.length > 0 && !parsedData.at(-1)?.sender) {
-				const notice = { ...parsedData.pop(), type: 'n' };
-				setNotice(notice);
+				setNotice({ ...parsedData.pop(), type: 'n' });
 			}
 			setMessages(parsedData);
 		},
@@ -93,10 +92,6 @@ export default function useChatSocket() {
 
 type BlockData = { id: string; blockId: string };
 
-const isBlockData = (data: unknown): data is BlockData => {
-	return (data as BlockData).blockId !== undefined;
-};
+const isBlockData = (data: unknown): data is BlockData => (data as BlockData).blockId !== undefined;
 
-const isNoticeData = (data: ChatProps): data is NoticeChatProps => {
-	return data.sender === undefined;
-};
+const isNoticeData = (data: ChatProps): data is NoticeChatProps => data.sender === undefined;
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		naver-site-verification: naverfb93251b9c2ebf1369b412492805b267.html