TECH BLOG

Astro 블로그 SEO 체크리스트: 구글 검색 유입을 위한 10가지

· 수정 약 2분

노트북 화면에 띄워진 코드와 검색 결과 화면을 추상적으로 표현한 이미지

기술 블로그를 운영하는 가장 큰 이유 중 하나는 검색 유입입니다. 아무리 좋은 글을 써도 검색엔진이 찾지 못하면 아무도 읽지 않습니다. 이 글에서는 Astro 정적 사이트 기준으로 반드시 챙겨야 할 SEO 항목을 정리합니다.

1. 페이지마다 고유한 title과 description

가장 기본이지만 가장 자주 빠뜨리는 항목입니다. 모든 페이지는 서로 다른 <title>과 meta description을 가져야 합니다.

---
// src/components/BaseHead.astro
const { title, description } = Astro.props;
---
<title>{title}</title>
<meta name="description" content={description} />
  • 제목은 60자 이내, 설명은 110~160자 정도가 적당합니다.
  • 설명에는 글의 핵심 키워드를 자연스럽게 포함하세요.

2. canonical URL

같은 내용이 여러 주소로 접근 가능하면(예: 끝에 슬래시 유무, http/https) 검색엔진은 중복 콘텐츠로 판단할 수 있습니다. canonical 태그로 대표 URL을 명시합니다.

const canonicalURL = new URL(Astro.url.pathname, Astro.site);
<link rel="canonical" href={canonicalURL} />

astro.config.mjs의 site 값이 있어야 절대 URL이 만들어집니다.

3. Open Graph / Twitter 카드

SNS나 메신저에 링크를 공유할 때 미리보기가 예쁘게 나오면 클릭률이 올라갑니다. 글마다 제목이 들어간 OG 이미지를 자동 생성하면 더 좋습니다.

import satori from 'satori';
import { Resvg } from '@resvg/resvg-js';

const svg = await satori(element, { width: 1200, height: 630, fonts });
const png = new Resvg(svg).render().asPng();

4. JSON-LD 구조화 데이터

구글은 BlogPosting 스키마를 읽어 작성일, 작성자 등을 이해합니다. 리치 결과에 노출될 가능성도 높아집니다.

{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "글 제목",
  "datePublished": "2026-10-20T00:00:00.000Z",
  "dateModified": "2026-10-27T00:00:00.000Z",
  "author": { "@type": "Person", "name": "작성자" }
}

검증 방법

Rich Results Test에 배포된 URL을 넣어 오류가 없는지 확인하세요.

5. sitemap.xml과 robots.txt

@astrojs/sitemap을 추가하면 빌드 시 sitemap-index.xml이 생성됩니다. robots.txt에 sitemap 경로를 적어 두면 크롤러가 바로 찾아갑니다.

User-agent: *
Allow: /

Sitemap: https://example.com/sitemap-index.xml

6. RSS 피드

RSS는 직접적인 SEO 요소는 아니지만, 피드 리더 구독자와 다른 사이트의 인용을 통해 백링크가 생깁니다.

7. 의미 있는 URL

/posts/astro-blog-seo-checklist처럼 글 내용을 짐작할 수 있는 슬러그를 사용하세요. 날짜나 숫자 ID만 있는 URL보다 클릭률이 높습니다.

8. 내부 링크

이전/다음 글, 같은 태그의 관련 글 링크는 크롤러가 사이트를 탐색하는 경로가 되고, 사용자의 체류 시간도 늘려 줍니다.

9. 성능 (Core Web Vitals)

구글은 페이지 경험을 순위 신호로 사용합니다. Astro는 기본적으로 JS를 거의 내보내지 않아 유리하지만, 아래는 직접 챙겨야 합니다.

항목 체크
이미지 astro:assets의 <Image>로 WebP 변환 + 사이즈 지정
폰트 서브셋 폰트, font-display: swap
외부 스크립트 댓글 등은 lazy 로딩

10. Search Console 등록

배포 후 Google Search Console에 사이트를 등록하고 sitemap을 제출하세요. 색인 상태와 검색어 데이터를 볼 수 있습니다.

등록 직후에는 색인까지 며칠에서 몇 주가 걸릴 수 있습니다. “URL 검사 → 색인 생성 요청”으로 첫 글의 색인을 앞당길 수 있습니다.

마무리

위 10가지는 한 번 세팅해 두면 글을 쓸 때마다 자동으로 적용되는 것들입니다. 이 블로그 템플릿에는 전부 포함되어 있으니, 이제 좋은 글을 꾸준히 쓰는 일만 남았습니다.

댓글