[Next.js] Next.js 네이버 웹마스터 검색 엔진 최적화(SEO) 가이드

프론트엔드/Next.js

[Next.js] Next.js 네이버 웹마스터 검색 엔진 최적화(SEO) 가이드

순코딩 2025. 1. 8. 17:14

해당 게시물은 Next.js와 Vercel을 통해 웹사이트를 배포한 상황을 가정하여 진행됩니다.

1. 사이트 등록 및 소유확인

1) 배포한 웹사이트 URL 복사

https://searchadvisor.naver.com/console/board

네이버

네이버에 로그인 하고 나를 위한 다양한 서비스를 이용해 보세요

nid.naver.com

2) 네이버 웹마스터 도구 접속

3) 입력칸에 배포 URL 붙여넣기

4) 소유확인 진행 클릭

5) 'HTML 확인 파일'을 클릭해 파일 다운로드

[ public / naverOOOO.html ]

6) 다운로드한 파일을 public 폴더로 이동

7) 커밋 -> 푸쉬 -> 배포

8) https://...URL... 링크 클릭

9) 사이트 인증 확인

10) 소유 확인 클릭

11) 소유 확인 완료

2. 메타데이터 입력

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>
  );
}

[ src / app / layout.tsx ]

1) 루트 레이아웃에 위 코드를 적절히 삽입 후 수정

2) 커밋 -> 푸쉬 -> 배포

3. 사이트맵 작성 및 등록

Create your Google Sitemap Online - XML Sitemaps Generator

Installable version We offer a server-side script written in PHP language that you can install on your server and create sitemap for your website. The script doesn't have the limit on number of pages included in sitemap, although server resources depend re

www.xml-sitemaps.com

1) 사이트맵 자동 제작 사이트 접속

2) 입력칸에 URL 입력 후 START 버튼 클릭

3) 작업 완료 후 VIEW SITEMAP DETAILS 버튼 클릭

4) 다운로드 버튼 클릭

[ public / sitemap.xml ]

5) 다운로드 받은 사이트맵 추가

[ 웹 마스터 도구 > 요청 > 사이트맵 ]

6) 웹 사이트 URL + sitemap.xml 입력 후 확인 버튼 클릭

ex) https://callo-mu.vercel.app/sitemap.xml

4. robot.txt 작성 및 등록

User-Agent: *
Allow: /
Disallow: /private/

Sitemap: https://callo-mu.vercel.app/sitemap.xml

[ src / app / robots.txt ]

1) 이미지 위 코드를 복사 및 붙여넣기 (이 때, Sitemap: 에는 2번 과정에서 복사했던 사이트맵 주소 사용)

2) 커밋 -> 푸쉬 -> 배포

[ 네이버 웹 마스터 도구 > 검증 > robots.txt ]

3) 수집요청 버튼 클릭

4) robots.txt 내용 확인

5. RSS 작성 및 등록

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>사이트 이름</title>
    <link>https://callo-mu.vercel.app/(URL)</link> 
    <description>사이트 설명</description>
    <item>
      <title>콘텐츠 게시글 1</title>
      <link>https://callo-mu.vercel.app/main(게시물 경로)</link>
      <description>글 내용 전체(또는 일부)</description>
      <pubDate>발행시간</pubDate>
      <guid>https://callo-mu.vercel.app/main(게시물 경로)</guid>
    </item>
    <item>
      <title>콘텐츠 게시글 2</title>
      <link>https://callo-mu.vercel.app/main(게시물 경로)</link>
      <description>글 내용 전체(또는 일부)</description>
      <pubDate>발행시간</pubDate>
      <guid>https://callo-mu.vercel.app/main(게시물 경로)</guid>
    </item>
  </channel>
</rss>

[ public / rss.xml ]

1) 위 코드 복사 붙여넣기 후 수정(이 때, <link> 내부의 텍스트는 자신의 사이트 URL로 설정)

2) 커밋 - 푸쉬 - 배포