FESI1-73: 페이지 title 형식 통일 & 구글 메타 태그 설정

src/app/allreview/page.tsx

@@ -5,7 +5,7 @@ import AllReviewList from '@/components/allReview/AllReviewList';
 export default function AllReview() {
   return (
     <PageContainer>
-      <HeaderTitle title="모든 리뷰" content="모여방 리뷰를 확인해 보세요" />
+      <HeaderTitle h1="모든 리뷰" content="모여방 리뷰를 확인해 보세요" />
       <AllReviewList />
     </PageContainer>
   );

src/app/gathering/[id]/page.tsx

@@ -37,6 +37,7 @@ export default function GatheringDetail({
 
   return (
     <div className="mx-auto max-w-screen-xl px-4">
+      <title>{`모여방 | ${gatheringData.name}`}</title>
       <div className="mt-24 md:mt-32">
         <div className="flex flex-col gap-6 md:flex-row">
           <div className="flex-1">

src/app/gathering/create/page.tsx

@@ -5,7 +5,7 @@ export default function GatheringCreate() {
   return (
     <>
       <div className="flex h-full w-full flex-col gap-12 overflow-x-hidden px-4 pb-5 pt-24 md:px-6 md:pb-12 md:pt-32 xl:mx-auto xl:max-w-[1166px] xl:px-0">
-        <HeaderTitle title="모임 만들기" />
+        <HeaderTitle h1="모임 만들기" />
       </div>
       <GatheringForm />
     </>

src/app/gathering/page.tsx

@@ -9,7 +9,8 @@ export default function Gathering() {
   return (
     <div className="flex h-full w-full flex-col gap-12 px-4 py-24 md:px-6 md:py-32 xl:mx-auto xl:max-w-[1166px] xl:px-0">
       <HeaderTitle
-        title="지금 여기로 모여방"
+        title="모임 찾기"
+        h1="지금 여기로 모여방"
         content="함께 할 사람이 없나요?"
         order="inverse"
       />

src/app/layout.tsx

@@ -6,17 +6,28 @@ import '../styles/scrollbar.css';
 
 export const metadata: Metadata = {
   title: '모여방',
-  description:
-    '방탈출 팀원을 모집하고, 방탈출 테마에 대한 경험을 나눌 수 있는 또 하나의 방. 일단 모여방!',
+  description: '방탈출 팀원을 모집하고, 방탈출 경험을 나눠요. 일단 모여방!',
   viewport: 'width=device-width, initial-scale=1',
   icons: {
     icon: '/icons/favicon.svg',
   },
-  keywords: ['방탈출', '방탈출 모임', '방탈출 모집', '방탈출 리뷰', '모여방'],
+  keywords: [
+    '방탈출',
+    '방탈출 테마',
+    '방탈출 모임',
+    '방탈출 모집',
+    '방탈출 리뷰',
+    '모여방',
+  ],
+  verification: {
+    google: 'NO6wWrXA13u8FM27QFz64-jdkx536ZTUfHWtctYID00',
+    other: {
+      'naver-site-verification': 'd5f646149d5927e1dd0e895454e9a8ca24547e97',
+    },
+  },
   openGraph: {
     title: '모여방',
-    description:
-      '방탈출 팀원을 모집하고, 방탈출 테마에 대한 경험을 나눌 수 있는 또 하나의 방. 일단 모여방!',
+    description: '방탈출 팀원을 모집하고, 방탈출 경험을 나눠요. 일단 모여방!',
     url: 'https://moyeobang.vercel.app/',
     images: [
       {

src/app/likes/page.tsx

@@ -36,7 +36,7 @@ export default function LikeGathering() {
     <QueryProvider>
       <PageContainer>
         <HeaderTitle
-          title="찜한 모임"
+          h1="찜한 모임"
           content="마감되기 전에 지금 바로 참여해보세요"
         />
         <LikesGatheringList likesGatherings={likes} />

src/app/mypage/[id]/page.tsx

@@ -20,7 +20,7 @@ export default function GatheringEdit({ params }: { params: { id: string } }) {
   return (
     <>
       <div className="flex h-full w-full flex-col gap-12 overflow-x-hidden px-4 pb-5 pt-24 md:px-6 md:pb-12 md:pt-32 xl:mx-auto xl:max-w-[1166px] xl:px-0">
-        <HeaderTitle title="모임 수정하기" />
+        <HeaderTitle h1="모임 수정하기" />
       </div>
       <GatheringForm
         gatheringId={Number(params.id)}

src/app/mypage/page.tsx

@@ -55,8 +55,8 @@ export default function MyPage() {
 
   return (
     <main className="relative top-[100px] mx-4 md:mx-6 xl:mx-auto xl:w-[1166px]">
+      <title>모여방 | 마이페이지</title>
       <p className="text-[18px] font-bold">{`안녕하세요 ${user?.nickname}님!`}</p>
-
       <div className="relative z-0 mb-4 mt-8 flex justify-between overflow-hidden rounded-[25px] bg-primary-30 px-3 py-8 md:mb-7 md:px-10">
         <div className="text-text-primary z-10 flex flex-col gap-3">
           <Image

src/app/recommend/page.tsx

@@ -46,6 +46,7 @@ export default function Recommend() {
 
   return (
     <div className="mx-auto flex h-dvh max-w-[1166px] flex-col px-4 md:px-6 xl:px-0">
+      <title>모여방 | 방탈출 테마 취향 테스트</title>
       <header
         className={`relative ml-8 flex w-full items-center md:ml-16 xl:ml-28  ${
           surveyResult ? 'mt-[50px] md:mt-20 xl:mt-16' : 'mt-24 md:mt-24'

src/app/search/[keyword]/page.tsx

@@ -48,6 +48,11 @@ export default function Search({ params }: { params: { keyword: string } }) {
 
   return (
     <div className="mx-auto flex h-full w-full justify-center gap-12 py-24 md:py-32">
+      <title>
+        {searchQuery
+          ? `모여방 | ${searchQuery} 검색 결과`
+          : '모여방 | 방탈출 검색'}
+      </title>
       <div className="flex flex-col gap-5">
         <section className="relative flex h-[50px] w-[335px] items-center rounded-md border-[1px] border-secondary-60 md:w-[644px] xl:w-[657px]">
           <button

src/components/@shared/HeaderTitle.tsx

@@ -1,26 +1,28 @@
 import clsx from 'clsx';
 
 interface HeaderTitleProps {
-  title: string;
+  title?: string;
+  h1: string;
   content?: string;
   order?: 'inverse';
 }
 
 export default function HeaderTitle({
+  h1,
   title,
   content,
   order,
 }: HeaderTitleProps) {
   return (
     <>
-      <title>{title}</title>
+      <title>{`모여방 | ${title || h1}`}</title>
       <header className="flex flex-col gap-2">
         <h1
           className={clsx('text-2xl font-semibold', {
             'order-2': order === 'inverse',
           })}
         >
-          {title}
+          {h1}
         </h1>
         <p
           className={clsx('text-sm font-medium', {

src/components/mypage/myGatheringCard/myGatheringDetail.tsx

@@ -88,7 +88,7 @@ export default function MyGatheringDetail({
             className="absolute bottom-4 right-4 w-[120px] border-secondary-80 bg-secondary-70"
             disabled={isCanceled}
           >
-            예약 취소하기
+            참여 취소하기
           </Button>
           <DeleteModal
             id={gatheringId}