검색엔진 연동

Park Bumsoo·2025년 3월 21일

Google연동 Naver연동 seo

외부요소

목록 보기

2/2

1. 계정 로그인

네이버, 구글 등 소유권인증을 원하는 웹마스터 계정
레코드 관리를 위한 네임서버(MX)를 발급받은 후 이즈, 가비아, cafe24 등 도메인 발급사 계정

2. 사이트 정보입력

meta 태그 입력필요

예시 (layout.tsx)

import type { Metadata } from "next";
import "./globals.css";
import Header from "@/components/common/layout/Header";
import Footer from "@/components/common/layout/Footer";
import PopupComponent from "@/components/common/modal/Popup";
import { Provider } from "jotai";
import Spinner from "@/components/common/modal/Spinner";
import { Suspense } from "react";
import Tagmanager from "@/components/tagmanager";

export const metadata: Metadata = {
  title: "엑스플랫",
  description: "데이터 기반의 비즈니스 성장",
  robots: "index, follow",
  openGraph: {
    type: "website",
    title: "엑스플랫",
    description: "데이터 기반의 비즈니스 성장",
    images: "https://xplat.cafe24.com/homepage/sns_img.jpg",
    url: "https://www.x-plat.io",
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="ko">
      <script
        src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"
        async
      />
      <head>
        <link rel="canonical" href="https://www.x-plat.io/" />
        <meta
          name="naver-site-verification"
          content="ef246137a0d64dabcfb741089c1ff684808ef48a"
        />
        <Tagmanager />
      </head>

      <body>
        <Provider>
          <Suspense fallback={<Spinner />}>
            <PopupComponent />
          </Suspense>
          <Header />
          {children}
          <Footer />
        </Provider>
      </body>
    </html>
  );
}

sitemap.xml 추가필요

사이트 맵 추가 방법 (1)

사이트 맵 파일 작성방법 (1)

robots.txt 추가

예시
크롤러 이름
- 구글: Googlebot
- 네이버: Yeti
- 다음: Daum
- 빙: Bingbot

[Next.js14 의 robots.ts/js 작성방법](https://www.notion.so/Next-js14-robots-ts-js-57ca849be20a4e7dbe88b715c4306e45?pvs=21)

```sql
User-agent: *
Disallow: /folder-depth-1/folder-depth-2/
Allow: /
Sitemap: https://xplat.io/sitemap.xml
```

3. 레코드 관리

도메인 관리 사이트 접속
네임서버 설정,고급설정 / 레코드 설정 접속
MX 레코드 관리

메일 호스팅 서비스 사용시 사용할 플랫폼에서 제공해주는 메일서버(MX)를 등록

CNAME

도메인 관리를 위하나 레코드 관리

로드벨런서를 붙일 경우 해당 CNAME에 추가등록
landing은 프로모션 페이지 등에 사용 cname 레코드는 unbounc…에서발급

4. 검색엔진에 노출을 원하는 포탈(Google 등)별 사이트 등록/관리

포탈 별 등록 방법

네이버
1. 페이지 접속 https://searchadvisor.naver.com/
2. 상단 헤더의 웹마스터 도구 클릭
```
2-1. 검색엔진에 노출하고자하는 URL등록

2-2. 등록 완료 후 하단 사이트 목록의 “소유확인 진행” 클릭
```
3. 사이트 소유확인
  
  3-1. HTML 파일 업로드 선택시
- 제공되는 HTML 파일 다운로드
- app/ 에 해당 HTML 파일 추가
  
  3-2. HTML 태그 선택시
- 하단의 메타 태그를 복사
- layout.tsx(루트 레이아웃) 해더 부분에 태그 등록
1. 웹 페이지 수집
- 크롤링 하고자 하는 url 등록
- 아래에서는 메인페이지를 수집하기 위해 URL뒤에 “/” 입력

1. 검색제외 설정 
- 크롤링에서 제외하고 싶은 URL을 하나하나 등록

구글
1. 레코드 관리를 통한 소유권 확인 절차
2. 도메인 관리 사이트에서 TXT등록

1. 이후 다시 돌아와 완료버튼을 누를 경우 해당 소유권이 등록 된다.

소유권 증명을 하기

각 포탈 별로 사이트의 소유권증명하여 관리 한다.
사이트에 각 포탈이 주는 meta태그를 발급 후 적용
소유권 증명 방식(meta, domain 레코드 mx, FTP에 발급받은 HTML넣기 …) 각 포탈별로 상이함
도메인 구매처에 대한 계정에 들어가 필요한 정보를 가져와야한다. (domain record setting)

포탈의 관리 영역

검색엔진이 사이트를 크롤링 한다.
검색엔진은 크롤링한 정보를 기반으로 메타정보를 보여준다.
데이터 노출

Park Bumsoo

프론트엔드 개발자 ( React, Next.js ) - 업데이트 중입니다.

이전 포스트

검색엔진 연동

외부요소

1. 계정 로그인

2. 사이트 정보입력

3. 레코드 관리

4. 검색엔진에 노출을 원하는 포탈(Google 등)별 사이트 등록/관리

japier를 통한 스프레드시트 row추가

0개의 댓글