umnoni

Astro 블로그 구글 서치 콘솔 등록 및 사이트맵 제출 완벽 가이드

#Astro #SEO #GoogleSearchConsole #Sitemap #Devlog

애드센스 연동으로 수익화 준비를 마쳤다면, 이제 내 블로그에 사람들을 불러 모을 차례다. 구글 검색 엔진에 내 사이트를 공식적으로 등록하고, 검색 트래픽 데이터를 분석할 수 있는 Google Search Console(구글 서치 콘솔) 세팅 과정을 정리해 보았다.

1. 구글 서치 콘솔 소유권 확인 (Cloudflare)

가장 먼저 구글 검색 봇에게 이 도메인(umnoni.com)이 내 소유임을 증명해야 한다.

  • Google Search Console에 접속하여 새 속성 추가를 누른다.
  • 속성 유형 중 **‘도메인’**을 선택하고 내 도메인 주소를 입력한다.
  • 구글이 제공하는 TXT 레코드 값을 복사한다.
  • Cloudflare 대시보드의 DNS 설정으로 이동하여 해당 TXT 레코드를 추가한다.
  • 서치 콘솔로 돌아와 ‘확인’을 누르면 즉시 소유권 인증이 완료된다.

2. Astro 사이트맵(Sitemap) 생성하기

구글 봇이 블로그의 전체 구조와 포스팅을 쉽게 수집할 수 있도록 지도를 만들어 주어야 한다. Astro는 이를 위한 공식 통합 패키지를 제공한다.

1) 패키지 설치 터미널에서 아래 명령어를 실행하여 사이트맵 패키지를 설치한다.

npx astro add sitemap

2) 설정 파일 수정 (에러 주의!) 설치 후 astro.config.mjs 파일을 수정해야 한다. 이때 sitemap is not defined 에러가 발생한다면 상단에 import 구문이 빠져있을 확률이 높다. 아래와 같이 설정해 준다.

import { defineConfig } from 'astro/config';
import sitemap from '@astrojs/sitemap'; // 반드시 import 추가

export default defineConfig({
  site: 'https://umnoni.com', // 본인 도메인 입력
  integrations: [sitemap()],
});

3. sitemap-index.xml의 비밀

빌드(npm run build) 후 배포를 완료하고 https://umnoni.com/sitemap-index.xml에 접속해 보면, 지도가 텅 비어있는 것처럼 보일 수 있다.

<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <sitemap>
    <loc>https://umnoni.com/sitemap-0.xml</loc>
  </sitemap>
</sitemapindex>

이는 에러가 아니다. 포스팅이 수백 개로 늘어날 것을 대비해 Astro가 지도를 여러 개로 쪼개고, 그 ‘목차(Index)’ 만 보여주는 것이다. 실제 상세 지도는 <loc> 태그 안의 sitemap-0.xml 링크를 타고 들어가면 확인할 수 있다.

4. 서치 콘솔에 사이트맵 제출

  • 서치 콘솔 대시보드 왼쪽 메뉴에서 [Sitemaps] 를 클릭한다.
  • ‘새 사이트맵 추가’ 란에 https://umnoni.com/sitemap-index.xml을 입력하고 제출한다.
  • 상태가 ‘성공’ 으로 표시되면 구글 봇과 블로그 사이의 공식적인 파이프라인이 뚫린 것이다.

5. 서치 콘솔 200% 활용법

데이터가 수집되기 시작하면 서치 콘솔을 통해 다음과 같은 인사이트를 얻을 수 있다.

  • 검색 실적 모니터링: 노출수 대비 클릭률(CTR)이 낮은 글을 찾아 제목이나 Meta Description을 매력적으로 수정한다.
  • 유입 검색어 분석: 방문자가 어떤 키워드를 통해 내 블로그에 들어오는지 파악하고, 수요가 높은 주제의 후속 포스팅을 기획한다.
  • 코어 웹 바이탈 관리: 프론트엔드 개발자답게 실제 유저가 겪는 로딩 속도나 레이아웃 안정성을 모니터링하고 최적화한다.

이제 모든 인프라 세팅은 끝났다. 트래픽 그래프가 우상향 헀으면 좋겠다🥰