HTML SEO 점검기
페이지의 HTML 소스를 붙여넣으면 제목 길이, 메타 설명, canonical 태그, H1 개수, 파비콘, robots noindex, viewport, 이미지 alt 커버리지를 확인합니다.
조회수 1,072회
작동 방식
페이지의 HTML 소스 — 브라우저의 "페이지 소스 보기" 결과물, 저장된 .html 파일, 또는 CMS에서 그대로 복사한 마크업 — 를 붙여넣으면, 점검기는 정규식이 아니라 브라우저 자체의 HTML 파서를 사용해 브라우저가 문서를 처리하는 것과 동일한 방식으로 문서를 순회합니다. 이 차이는 중요합니다. 정규식 기반 점검기는 중첩된 따옴표, 자기 종료 태그, 꺾쇠괄호를 포함한 주석, 여러 줄에 걸쳐 나뉜 속성 앞에서 오작동하며 결국 요소를 놓치거나 중복으로 세게 됩니다. 진짜 파서는 먼저 실제 DOM 트리를 구성하므로, <h1> 요소의 개수, <title> 텍스트의 길이, <img>가 진짜 alt 속성을 가지고 있는지(유효하지만 다른 경우인 빈 alt와 구분하여) 등이 모두 문자열 매칭으로 추측되는 것이 아니라 이 트리에서 그대로 읽힙니다.
각 점검 항목은 잘 알려진 특정 순위 또는 사용성 신호와 대응됩니다. title 태그는 대략 50~60자 범위를 벗어나면 표시됩니다 — Google은 데스크톱 검색 결과에서 제목을 보통 580~600픽셀 정도로 렌더링하는데, 비례 폭 글꼴에서는 이것이 대략 이 글자 수 범위에 해당합니다. 이보다 긴 제목은 대개 말줄임표로 잘리고, 약 30자보다 짧은 제목은 보조 키워드나 브랜드명을 넣을 기회를 놓치게 됩니다. 메타 설명은 좀 더 넓은 150~160자 범위로 검사되는데, Google의 스니펫 표시가 더 관대하긴 하지만 여전히 긴 설명은 잘라내기 때문입니다. H1 개수는 정확히 하나여야 합니다. 단 하나의 H1은 검색엔진과 스크린 리더 사용자 모두에게 "이 페이지가 무엇에 관한 것인가"라는 질문에 명확한 답을 주는 반면, H1이 하나도 없으면 그 질문이 답 없이 남고, 여러 개가 있으면 페이지의 주제 초점이 흐려지며 보조 기술이 제목 수준으로부터 구성하는 개요가 혼란스러워집니다. canonical 링크가 없으면 표시되는데, 이것이 없으면 여러 URL(추적 매개변수, 끝의 슬래시, http와 https 차이 등)로 도달 가능한 페이지가 하나의 색인 가능한 URL로 통합되지 못하고 그 변형들에 걸쳐 중복 콘텐츠로 취급될 위험이 있기 때문입니다. robots noindex가 발견되면 오류가 아니라 경고로 표시되는데, 때로는 의도적일 수 있지만(감사 페이지, 내부 검색 결과 페이지 등) 아주 흔히는 스테이징 지시어가 실수로 production에 배포된 경우이기 때문입니다 — 이 경우 다른 눈에 띄는 증상 없이 페이지가 조용히 검색 결과에서 사라집니다. 이 도구는 또한 viewport 메타 태그(휴대폰에서 축소된 데스크톱 레이아웃이 아니라 적절한 너비로 페이지가 렌더링되는 데 필요), <html>의 lang 속성(브라우저와 스크린 리더가 올바른 발음을 선택하고 검색엔진이 언어 타겟팅에 사용), 파비콘 링크, 그리고 alt 텍스트가 없는 <img> 태그의 누적 개수를 확인합니다 — 이 각각은 작은 접근성 공백이자 이미지 검색에서 놓친 기회입니다.
예를 들어, 일반적인 소상공인 홈페이지의 HTML을 붙여넣으면 다음과 같은 문제가 드러날 수 있습니다: 이상적인 범위에 한참 못 미치는 단 9자짜리 제목("Ana Sayfa"), 페이지 빌더 템플릿에서 남은 세 개의 별도 <h1> 태그, canonical 링크 없음, 그리고 이미지 20개 중 14개에 alt 텍스트 누락. 이 중 어느 것도 렌더링된 페이지에서는 보이지 않으며, 오직 마크업을 읽어야만 드러납니다.
알아두어야 할 사항
- 아무것도 업로드되거나 가져와지지 않습니다 — HTML은 사용자가 직접 붙여넣으며, 파싱은 전적으로 브라우저 내에서 이루어집니다.
- 점검기는 페이지 내 신호만 보고합니다. 백링크나 크롤 예산 같은 페이지 외 요인은 확인하지 않습니다.
- 표시된 항목은 검토해야 할 신호일 뿐 자동 순위 페널티가 아닙니다 — 감사 페이지의 의도적인 noindex처럼 맥락이 여전히 중요합니다.
자주 묻는 질문
이 도구가 실제 라이브 페이지를 가져오나요, 아니면 제가 HTML을 붙여넣나요?
직접 붙여넣습니다 — 페이지 소스 보기 결과물, 저장된 .html 파일의 내용, 또는 CMS에서 복사한 HTML입니다. 이 도구는 스스로 URL을 가져오지 않습니다.
어떤 제목과 설명 길이가 이상적으로 여겨지나요?
제목은 약 50~60자, 설명은 150~160자 정도가 이상적입니다 — Google이 말줄임표로 자르기 전에 일반적으로 렌더링하는 길이에 가깝습니다. 픽셀 단위로 정확한 미리보기를 보려면 이 사이트의 Google 검색결과 미리보기 도구를 이용하세요.
robots noindex 태그는 왜 표시되나요?
noindex 지시어는 검색엔진에 페이지를 전혀 색인하지 말라고 지시합니다 — 스테이징 배포 후 실수로 남는 경우가 많습니다. 항상 잘못된 것이어서가 아니라 게시 전에 알아챌 수 있도록 경고로 표시됩니다.
정확히 하나의 H1이 이상적으로 여겨지는 이유는 무엇인가요?
하나의 H1은 검색엔진과 스크린 리더 사용자에게 페이지의 명확하고 유일한 주제를 제시합니다. H1이 없으면 그 질문이 답 없이 남고, H1이 여러 개면 페이지의 초점이 흐려지며 보조 기술이 의존하는 제목 개요가 깨집니다.
표시된 문제가 있으면 제 페이지의 순위가 떨어지나요?
자동으로 그렇지는 않습니다. 이는 검토할 가치가 있는 페이지 내 위생 신호이지 확정된 페널티가 아닙니다 — canonical 누락이나 짧은 제목은 고쳐볼 가치가 있지만, 이는 이 도구가 측정하지 않는 다른 많은 순위 요인들과 함께 작용합니다.
비슷한 도구
문제 신고하기
HTML SEO 점검기
댓글
아직 댓글이 없습니다 — 첫 댓글을 남겨보세요!