Field guide / seo-checklist
SEO 기본 점검 체크리스트
페이지 하나를 검색엔진에 제대로 노출하기 위해 확인할 항목을 우선순위 순서로 정리하고, 항목마다 확인 방법과 고치는 코드까지 함께 다룹니다.
- 작성
- 수정
- 작성자
- 검토
- 애드브랜치 편집팀
SEO 기본 점검이란 무엇인가
SEO 기본 점검이란 페이지 하나가 검색엔진에 도달하고, 색인되고, 검색결과에 제대로 표시되기까지의 조건을 순서대로 확인하는 작업입니다. 순서가 중요합니다. 크롤러가 페이지에 접근조차 못 하는 상태에서 키워드를 다듬는 것은 의미가 없습니다. 아래 순서는 “차단 요소 → 색인 요소 → 표시 품질 → 세부 품질” 흐름을 따릅니다.
잘못 점검하면 생기는 일
우선순위를 뒤집어 점검하면 시간을 크게 낭비합니다. 실제로 자주 보는 상황은 이렇습니다. 스테이징 환경에서 쓰던 <meta name="robots" content="noindex">가 운영 배포에 그대로 넘어가면, 나머지 모든 최적화가 무효가 됩니다. 검색결과에서 페이지가 사라진 뒤에야 원인을 찾느라 몇 주를 쓰기도 합니다. HTTP 500이 간헐적으로 뜨는 페이지, HTTPS로 넘어가지 않는 페이지도 마찬가지입니다. 이런 항목은 점수가 아니라 통과 여부의 문제입니다.
우선순위 체크리스트
| 순위 | 항목 | 검사 id | 확인 방법 | 통과 기준 |
|---|---|---|---|---|
| 1 | 최종 HTTP 상태 | http-status-success | 브라우저 개발자도구 Network 탭에서 문서 응답 상태 확인 | 200번대 |
| 2 | HTTPS 사용 | https-enabled | 최종 URL의 scheme 확인 | https: |
| 3 | meta robots 색인 허용 | meta-robots-indexability | 페이지 소스에서 name="robots" 검색 | noindex, none 없음 |
| 4 | robots.txt 경로 허용 | robots-txt-path-allowed | /robots.txt 직접 열어 해당 경로 확인 | 매칭 Disallow 없음 |
| 5 | 초기 HTML 본문 | initial-html-content | 소스 보기에서 본문 텍스트 존재 확인 | 가시 텍스트 200자 이상 |
| 6 | title 존재와 길이 | title-missing, title-length | <head>의 <title> 확인 | 1개, 30~60자 권장 |
| 7 | meta description | meta-description-missing | name="description" 확인 | 1개, 비어 있지 않음 |
| 8 | canonical | canonical-missing | rel="canonical" 확인 | 절대 URL 1개 |
| 9 | H1 | h1-missing | 본문 첫 제목 확인 | 1개 이상 |
| 10 | viewport | viewport-meta | name="viewport" 확인 | width=device-width 포함 |
| 11 | 이미지 alt | image-alt-missing | 의미 있는 img의 alt 확인 | 모두 비어 있지 않음 |
| 12 | 따라갈 수 있는 링크 | crawlable-anchor-href | <a>의 href 확인 | javascript:나 href 없는 링크 0개 |
1번에서 4번까지는 하나라도 어긋나면 나머지가 무의미합니다. 5번부터 8번은 검색결과에 어떻게 보이는지를 결정하고, 9번 이후는 이해와 접근성을 돕는 품질 항목입니다.
바로 쓸 수 있는 기본 head 템플릿
아래는 일반 콘텐츠 페이지에 그대로 붙여 쓸 수 있는 형태입니다. 도메인과 문구만 바꾸면 됩니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>전세 계약 전 확인할 서류 5가지 | 애드브랜치</title>
<meta
name="description"
content="전세 계약 전에 반드시 확인해야 할 등기부등본, 건축물대장 등 서류 5가지와 각 서류에서 볼 항목을 정리했습니다."
/>
<link rel="canonical" href="https://example.com/guides/lease-documents" />
<meta name="robots" content="index, follow" />
<meta property="og:title" content="전세 계약 전 확인할 서류 5가지" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://example.com/guides/lease-documents" />
<meta property="og:image" content="https://example.com/og/lease-documents.png" />
</head>
<body>
<main>
<h1>전세 계약 전 확인할 서류 5가지</h1>
<p>
전세 계약 전 확인할 서류는 등기부등본, 건축물대장, 납세증명서, 임대인 신분증, 확정일자 부여
현황입니다.
</p>
<img
src="/images/registry.png"
width="800"
height="450"
alt="등기부등본 갑구와 을구 예시 화면"
/>
</main>
</body>
</html>잘못된 예와 수정된 예
1. 배포에 남은 noindex
잘못된 예입니다.
<meta name="robots" content="noindex, nofollow" />meta-robots-indexability가 치명적으로 판정됩니다. noindex는 검색결과에서 페이지를 제외하라는 지시이고, none은 noindex, nofollow와 같은 뜻입니다.
수정된 예입니다. 공개 페이지라면 아예 태그를 지우거나 명시적으로 색인을 허용합니다.
<meta name="robots" content="index, follow" />2. 크롤러가 따라갈 수 없는 링크
잘못된 예입니다.
<a href="javascript:void(0)" onclick="goDetail(12)">자세히 보기</a>
<span class="link" onclick="location.href='/notice/12'">공지 12번</span>crawlable-anchor-href와 anchor-text-descriptive가 함께 걸립니다. 링크 텍스트도 무엇에 대한 링크인지 알려 주지 않습니다.
수정된 예입니다.
<a href="/notice/12">전세 계약 서류 안내 공지</a>3. 장식 이미지에 붙은 파일명 alt
잘못된 예입니다.
<img src="/img/deco-line.png" alt="deco-line.png" />수정된 예입니다. 장식 이미지는 빈 alt를 주어 보조기기가 건너뛰게 합니다.
<img src="/img/deco-line.png" alt="" role="presentation" />애드브랜치 검사기와의 연결
이 체크리스트는 검사기의 접근성 항목(http-status-success, https-enabled, meta-robots-indexability, robots-txt-path-allowed), 메타데이터 항목(title-missing, meta-description-missing, canonical-missing), 콘텐츠 구조 항목(h1-missing, image-alt-missing, crawlable-anchor-href), 기술 항목(viewport-meta)과 그대로 대응합니다. 검사 결과 화면에서 치명적 표시가 붙은 항목이 위 표의 1~4번에 해당한다면 다른 작업보다 먼저 처리하세요.
주의점과 흔한 오해
robots.txt의 Disallow는 색인 삭제 명령이 아닙니다. 크롤링을 막을 뿐이어서, 외부 링크가 많은 URL은 내용 없이 검색결과에 남을 수 있습니다. 검색결과에서 빼려면 페이지를 크롤링할 수 있게 열어 두고 noindex를 주어야 합니다.
title 3060자, description 70160자 같은 수치는 Google이 정한 규격이 아니라 표시 폭을 고려한 업계 권장값입니다. Google은 검색어와 기기에 따라 제목과 스니펫을 다시 쓸 수 있습니다. 범위를 벗어났다고 오류가 되지는 않습니다.
H1을 하나만 써야 한다는 규칙도 절대적이지 않습니다. HTML5 문서에서 여러 H1이 문법 오류는 아니며, 검사기도 이를 참고 수준으로만 다룹니다. 다만 문서의 주제를 한 번에 알리는 제목이 하나 있는 편이 읽기 쉽습니다.
자주 묻는 질문
체크리스트를 전부 통과하면 검색 상위에 노출되나요?
아닙니다. 이 목록은 노출의 전제 조건을 확인하는 것이지 순위를 보장하지 않습니다. 순위는 콘텐츠의 유용성, 경쟁 페이지, 사이트 전반의 신뢰도 등 페이지 하나로 판정할 수 없는 요소에 크게 좌우됩니다.
어디까지가 “치명적” 항목인가요?
크롤링과 색인 자체를 막는 항목입니다. 4xx/5xx 응답, HTTP 전용 페이지, noindex, robots.txt 차단, title 누락, H1 누락이 여기에 해당합니다. 나머지는 표시 품질이나 이해 보조 항목이라 순차적으로 개선하면 됩니다.
페이지마다 매번 전부 확인해야 하나요?
템플릿 단위로 한 번씩 확인하고, 이후에는 배포마다 1~4번만 빠르게 보면 충분합니다. 같은 레이아웃을 쓰는 페이지들은 대부분 같은 결과가 나오기 때문입니다.
이미지가 많은 페이지는 무엇부터 볼까요?
의미 있는 이미지의 alt와 width/height 지정입니다. alt는 내용 전달과 접근성에 필요하고, 크기 지정은 브라우저가 영역을 미리 확보해 화면 흔들림을 줄이는 데 도움이 됩니다.
관련 가이드
Next reading
관련 가이드
SEO와 GEO는 무엇이 다른가
검색엔진 최적화와 AI 검색 최적화의 목표, 평가 방식, 실제 작업 항목이 어떻게 다르고 어디까지 겹치는지 HTML 예제와 비교표로 정리합니다.
가이드 읽기
title과 meta description 작성법
검색 결과에 표시되는 제목과 설명을 길이, 중복, 키워드 배치 관점에서 바르게 작성하는 방법과 검색엔진이 문구를 다시 쓰는 경우를 설명합니다.
가이드 읽기
robots.txt 작성법과 흔한 실수
크롤러 접근 제어 파일의 문법과 User-agent 그룹, Allow와 Disallow 우선순위 규칙, 사이트를 통째로 막아버리는 실수와 noindex와의 차이를 다룹니다.
가이드 읽기
Check the evidence
이 페이지를 지금 검사해보기
읽고 있는 페이지나 운영 중인 URL을 넣으면 이 가이드와 연결된 SEO·GEO 항목을 바로 확인할 수 있습니다.