[Next.js] Next15 버전 SEO 설정

순코딩 2025. 2. 13. 15:03

Next.js 15버전 기준으로 작성된 글입니다.

src / app / layout

import type { Metadata } from "next";


export const metadata: Metadata = {
  title: "CALLO - 제로 칼로리 쇼핑몰",
  description: "제로 칼로리, 제로 슈가 등 다양한 카테고리를 통한 제로 식품들을 만나보세요!",
  keywords: "제로 칼로리, 제로 슈가, 다이어트 식품, 칼로",
  openGraph: {
    title: "CALLO - 제로 칼로리 쇼핑몰",
    description: "제로 칼로리, 제로 슈가 등 다양한 카테고리를 통한 제로 식품들을 만나보세요!",
    url: "https://callo-mu.vercel.app/", // 실제 URL로 변경
    images: [
      {
        url: "https://callo-mu.vercel.app/img/logo-1.png",
        width: 512,
        height: 512,
        alt: "CALLO 로고",
      },
    ],
    type: "website",
  },
  robots: {
    index: true,
    follow: true,
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="ko">
      <head>
      </head>
      <body>
		{children}
      </body>
    </html>
  );
}

1. 위 코드 복붙

2. 커밋 - 푸쉬 - 배포

저작자표시 비영리 동일조건 (새창열림)