HTTP·언어·hreflang까지 배포 전 최종 점검

페이지 내용이 좋아도 서버 응답과 언어 신호가 틀리면 봇과 사용자에게 엉뚱한 정보를 줄 수 있습니다. 마지막으로 기술 탭과 기본 탭을 교차 확인합니다.

10 / 10 · 14분 · 난이도: 초급 · 핵심: 200 · Content-Type · lang · hreflang

Meta Checker의 강점은 화면에 그려진 태그만 보는 데서 끝나지 않는다는 점입니다. 서버가 처음 보낸 HTML과 HTTP 응답을 함께 확인해 리디렉션, 헤더, 런타임 변경을 한 흐름으로 볼 수 있습니다.

HTTP 응답에서 무엇을 보나요?

Meta Checker 기술 탭의 HTTP 응답 섹션을 표시한 화면
기술 탭의 HTTP 응답은 브라우저가 최종적으로 받은 문서의 상태를 보여 줍니다.
  1. 1상태, 최종 URL, 리디렉션 여부, Content-Type, X-Robots-Tag를 순서대로 확인합니다.
항목일반적인 정상 상태주의 신호
상태200 OK404, 5xx, soft 404, 의도치 않은 403
최종 URL의도한 canonical 주소다른 언어·홈·추적 URL로 이동
리디렉션필요할 때 짧고 명확한 한 번의 이동여러 단계 체인 또는 반복
Content-Typetext/html; charset=utf-8HTML인데 이미지·텍스트 파일로 잘못 전달
X-Robots-Tag의도와 맞는 값 또는 없음중요 페이지에 noindex

기술 탭에서 HTTP 응답을 펼칩니다

상태가 200인지 먼저 봅니다. 오류면 나머지 메타데이터보다 서버 문제를 우선 해결합니다.

주소창과 최종 URL, canonical을 비교합니다

세 값이 다른 이유를 설명할 수 있어야 합니다. HTTP→HTTPS처럼 의도한 이동이면 최종 URL을 canonical과 내부 링크에 사용합니다.

Content-Type과 X-Robots-Tag를 봅니다

HTML 문서 인코딩이 올바르고, 서버 헤더가 메타 robots와 충돌하지 않는지 확인합니다.

선언 언어와 실제 언어를 맞춥니다

<html lang="ko">는 이 문서의 주 언어가 한국어임을 브라우저와 보조기술에 알립니다. Meta Checker는 선언된 언어와 렌더링된 텍스트의 문자 구성을 비교해 명백한 불일치를 표시합니다.

Meta Checker에서 html lang en과 감지된 한국어가 불일치하는 모습을 표시한 화면
한국어 본문인데 lang="en"이면 선언 언어 불일치로 검토가 필요합니다.
  1. 1선언 언어, 감지 언어, 판단 근거를 함께 읽습니다. 고유명사나 짧은 페이지는 사람이 최종 판단합니다.

기본 탭의 언어 정보를 엽니다

HTML 언어와 감지된 언어가 같은지 확인합니다.

불일치 원인을 구분합니다

템플릿이 모든 페이지에 en을 고정했는지, 본문이 지나치게 짧거나 여러 언어가 섞였는지 봅니다.

페이지의 주 언어로 lang을 수정합니다

한국어는 ko, 영어는 en, 일본어는 ja처럼 BCP 47 언어 태그를 사용합니다.

여러 언어·지역 버전은 hreflang으로 연결합니다

같은 콘텐츠의 한국어·영어 버전이 각각 있다면 link rel="alternate" hreflang="…"으로 서로의 주소를 연결할 수 있습니다.

<link rel="alternate" hreflang="ko" href="https://example.com/ko/guide">
<link rel="alternate" hreflang="en" href="https://example.com/en/guide">
<link rel="alternate" hreflang="x-default" href="https://example.com/guide">
  • 각 언어 페이지가 자기 자신과 다른 버전을 모두 가리키는 상호 연결을 유지합니다.
  • hreflang URL은 접근 가능한 200 페이지여야 합니다.
  • 각 언어 페이지의 canonical은 보통 자기 언어의 대표 URL을 가리킵니다.
  • 언어만 다르고 내용이 대응하는 페이지끼리 연결합니다.

문서 기본값도 마지막으로 봅니다

기본 탭의 문서 정보에서 charset과 viewport를 확인합니다. UTF-8 선언은 문자 깨짐을 예방하고, width=device-width, initial-scale=1 형태의 viewport는 모바일 화면을 기기 폭에 맞게 표시하는 기본값입니다.

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

favicon과 theme-color도 브라우저 UI와 브랜드 인지에 영향을 줄 수 있으므로 비어 있거나 오래된 자산인지 확인합니다.

배포 전 최종 점검표

  1. 기본: title, description, canonical, charset, viewport, lang 확인
  2. 콘텐츠: H1–H6 구조와 Open Graph 확인
  3. 기술: robots, 200 상태, 최종 URL, Content-Type, X-Robots-Tag 확인
  4. 스키마: 파싱 오류 0, 타입과 화면 내용 일치 확인
  5. 이미지: LCP, 용량, 크기, alt, 반응형 소스 확인
  6. 링크: 이름 없는 링크와 잘못된 외부 링크 속성 확인
  7. 원본 비교: 중요한 신호가 최초 HTML과 현재 DOM에서 의도대로 일치하는지 확인
  • 중요 페이지가 200 OK를 반환한다.
  • 최종 URL과 canonical 방향이 일치한다.
  • HTML 언어와 실제 본문 언어가 맞는다.
  • hreflang이 상호 연결되고 각 URL이 정상이다.
  • charset과 모바일 viewport가 올바르다.
  • 여섯 탭을 모두 재검사했다.
여기까지 왔다면 기본 점검 루프가 완성됐습니다.새 페이지를 배포할 때마다 “검사 → 의도 결정 → 수정 → 캐시 갱신 → 재검사” 순서를 반복하세요.

더 읽기