Merge pull request #348 from oduck-team/feat/279

Head Title, 라우터별 title 개선
oduck-team · Dec 28, 2023 · fedade1 · fedade1
2 parents ae36183 + 84f52d2
commit fedade1
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 8 deletions.
diff --git a/src/components/Head/index.tsx b/src/components/Head/index.tsx
@@ -7,14 +7,15 @@ interface HeadProps {
 }
 
 export default function Head({
-  title = "오덕 | 애니 리뷰와 평가 서비스",
+  title = "오덕 | 애니 리뷰 · 애니 평가 서비스",
   description = "애니 리뷰 커뮤니티 오덕입니다. 애니 리뷰를 중심으로 다양한 애니 커뮤니티를 만나보세요.",
   image = "https://oduck.io/logo/logo-rect.png",
 }: HeadProps) {
   return (
     <Helmet>
       {/* HTML meta tag list */}
       <title>{title}</title>
+      <meta name="title" content={title}></meta>
       <meta name="description" content={description} />
 
       {/* Facebook meta tag list */}

diff --git a/src/features/animes/routes/Detail/index.tsx b/src/features/animes/routes/Detail/index.tsx
@@ -32,7 +32,11 @@ export default function AnimeDetail() {
   if (anime)
     return (
       <>
-        <Head title={`${anime.title} | 오덕`} image={anime.thumbnail} />
+        <Head
+          title={`${anime.title} 리뷰 | 오덕`}
+          description={`${anime.title} 리뷰 - ${anime.summary}`}
+          image={anime.thumbnail}
+        />
         <AnimeDetailContainer>
           {/* TODO: 평점 */}
           <Hero {...anime} starScoreAvg={starRatingAvg} />

diff --git a/src/features/animes/routes/List/index.tsx b/src/features/animes/routes/List/index.tsx
@@ -61,7 +61,10 @@ export default function AnimeList() {
 
   return (
     <>
-      <Head title="오덕 | 애니" description="다양한 애니메이션을 만나보세요!" />
+      <Head
+        title="리뷰를 남기고 싶은 애니 찾기 | 오덕"
+        description="다양한 애니메이션을 태그와 최신순, 이름순, 리뷰순으로 만나보세요!"
+      />
       <AnimeListContainer>
         <Header>
           <Header.Left />

diff --git a/src/features/animes/routes/Search/index.tsx b/src/features/animes/routes/Search/index.tsx
@@ -68,7 +68,7 @@ export default function Search() {
 
   return (
     <>
-      <Head title="오덕 | 검색하기" />
+      <Head title="이름으로 애니를 검색하기 | 오덕" />
 
       <SearchContainer>
         <Header>

diff --git a/src/features/common/routes/HelpDesk/index.tsx b/src/features/common/routes/HelpDesk/index.tsx
@@ -47,7 +47,7 @@ export default function HelpDesk() {
 
   return (
     <>
-      <Head title="오덕 | 고객센터" />
+      <Head title="고객센터 | 오덕" />
       <HelpDeskContainer>
         {success && <Success />}
         <Header>

diff --git a/src/features/notices/routes/List/index.tsx b/src/features/notices/routes/List/index.tsx
@@ -38,7 +38,7 @@ export default function NoticeList() {
   return (
     <>
       <Head
-        title="오덕 | 공지사항"
+        title="공지사항 | 오덕"
         description="오덕의 새로운 소식을 만나보세요"
       />
       <Header>

diff --git a/src/features/users/routes/Profile/index.tsx b/src/features/users/routes/Profile/index.tsx
@@ -41,9 +41,9 @@ export default function Profile() {
       {userProfile && (
         <>
           <Head
-            title={`오덕 | ${
+            title={`${
               userProfile.isMine ? "내 프로필" : userProfile.name
-            }`}
+            }님의 프로필 | 오덕 `}
           />
           <ProfileContainer>
             <AboutMe profile={userProfile} />