diff --git a/src/components/common/card/ImageCard.tsx b/src/components/common/card/ImageCard.tsx
index 6fe463f..f66fd16 100644
--- a/src/components/common/card/ImageCard.tsx
+++ b/src/components/common/card/ImageCard.tsx
@@ -34,7 +34,7 @@ export function ImageCard({
             alt='와인 이미지'
             width={80}
             height={112}
-            className={cn('h-28 w-20 rounded-md object-cover', imageClassName)}
+            className={cn('h-28 w-20 rounded-md object-fit', imageClassName)}
             onError={() => setHasImageError(true)}
           />
         )}
diff --git a/src/components/wineDetail/WineContent.tsx b/src/components/wineDetail/WineContent.tsx
index 827b5e3..f795c4d 100644
--- a/src/components/wineDetail/WineContent.tsx
+++ b/src/components/wineDetail/WineContent.tsx
@@ -10,7 +10,7 @@ interface Props {
 
 function WineContent({ name, region, price }: Props) {
   return (
-    <div className='absolute left-[98px] md:left-[204px] xl:left-[244px] w-[200px] md:w-[300px]'>
+    <div className='absolute left-[98px] md:left-[204px] xl:left-[244px] w-[200px] md:w-[400px]'>
       <h2 className='text-[20px] md:text-[30px] font-[600] leading-[1] mt-[17px] md:mt-[36px]'>
         {name}
       </h2>
diff --git a/src/pages/wines/[wineid].tsx b/src/pages/wines/[wineid].tsx
index 627d3df..f86e081 100644
--- a/src/pages/wines/[wineid].tsx
+++ b/src/pages/wines/[wineid].tsx
@@ -4,6 +4,7 @@ import { dehydrate, QueryClient, useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { GetServerSideProps } from 'next';
 import dynamic from 'next/dynamic';
+import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 import { getWineInfoForClient } from '@/api/getWineInfo';
@@ -47,30 +48,46 @@ export default function WineInfoById(props: WinePageProps) {
   }
 
   return (
-    <main className='mx-auto px-4 md:px-5 xl:px-0 max-w-[1140px]  min-w-[343px]'>
-      <ImageCard
-        imageSrc={data.image}
-        imageClassName={IMAGE_CLASS_NAME}
-        className={cn(
-          'mx-auto relative w-full h-[190px] md:h-[260px] rounded-[16px] mt-[29px] md:mt-[62px] mb-[40px] md:mb-[60px] border-0',
-          'bg-gradient-to-tr from-white from-50% to-primary/20 to-100%', //그래디언트 설정 추후 변경
-          'shadow-sm',
-        )}
-      >
-        <WineContent name={data.name} region={data.region} price={data.price} />
-      </ImageCard>
-      <div className='flex flex-col xl:flex-row max-w-[1140px] w-full mx-auto justify-between '>
-        <div className='flex-col  order-2 xl:order-1 xl:max-w-[1140px] '>
-          <h2 className='sr-only xl:not-sr-only !mb-[22px] xl:custom-text-xl-bold'>리뷰 목록</h2>
-          <Reviews wine={data} reviews={data.reviews} reviewCount={data.reviewCount} />
+    <>
+      <Head>
+        <title>{`${data.name} 상세정보`}</title>
+        <meta
+          name='description'
+          content={`지역:${data.region} 평균가격:${data.price} 평균별점:${data.avgRating} 리뷰:${data.reviewCount}`}
+        />
+        <meta property='og:title' content={`${data.name} 상세정보`} />
+        <meta
+          property='og:description'
+          content={`지역:${data.region} 평균가격:${data.price} 평균별점:${data.avgRating} 리뷰:${data.reviewCount}`}
+        />
+        <meta property='og:url' content={process.env.NEXT_PUBLIC_VERCEL_URL} />
+      </Head>
+
+      <main className='mx-auto px-4 md:px-5 xl:px-0 max-w-[1140px]  min-w-[343px]'>
+        <ImageCard
+          imageSrc={data.image}
+          imageClassName={IMAGE_CLASS_NAME}
+          className={cn(
+            'mx-auto relative w-full h-[190px] md:h-[260px] rounded-[16px] mt-[29px] md:mt-[62px] mb-[40px] md:mb-[60px] border-0',
+            'bg-gradient-to-tr from-white from-50% to-primary/20 to-100%', //그래디언트 설정 추후 변경
+            'shadow-sm',
+          )}
+        >
+          <WineContent name={data.name} region={data.region} price={data.price} />
+        </ImageCard>
+        <div className='flex flex-col xl:flex-row max-w-[1140px] w-full mx-auto justify-between '>
+          <div className='flex-col  order-2 xl:order-1 xl:max-w-[1140px] '>
+            <h2 className='sr-only xl:not-sr-only !mb-[22px] xl:custom-text-xl-bold'>리뷰 목록</h2>
+            <Reviews wine={data} reviews={data.reviews} reviewCount={data.reviewCount} />
+          </div>
+          <WineRating
+            rating={data.avgRating}
+            reviewCount={data.reviewCount}
+            ratings={Object.values(data.avgRatings)}
+          ></WineRating>
         </div>
-        <WineRating
-          rating={data.avgRating}
-          reviewCount={data.reviewCount}
-          ratings={Object.values(data.avgRatings)}
-        ></WineRating>
-      </div>
-    </main>
+      </main>
+    </>
   );
 }
 
@@ -101,9 +118,11 @@ export const getServerSideProps: GetServerSideProps<WinePageProps> = async (cont
       staleTime: 0,
       retry: false,
     });
-    console.log(`[getServerSideProps] 와인 상세 정보 프리패치 성공 (ID: ${parsedWineId})`);
   } catch (error: any) {
     console.error(`[SSR] 와인 상세 정보 로딩 중 최종 에러:`, error.message || error);
+    return {
+      notFound: true,
+    };
   }
 
   return {
