HTML 문법보다 태그 위치가 중요하다? 구글 검색팀이 말한 HTML 파싱과 SEO

HTML 문법을 완벽하게 지키는 것보다 중요한 것은 태그의 위치입니다. 구글 검색팀 팟캐스트의 HTML 파싱 편(2026년 2월 27일)에서 마틴 스플릿과 게리 일리예시가 이를 설명했습니다.

결론: 문법보다 head 안의 신호를 지켜라

브라우저와 검색엔진은 틀린 HTML도 너그럽게 읽습니다. 그래서 문법 검사기를 통과하는지는 검색에 거의 상관이 없습니다.

하지만 canonical, robots, hreflang 같은 신호는 <head> 안에 있어야 합니다. <body>로 밀려나면 구글은 그 신호를 무시합니다. 이 실수는 화면에 드러나지 않아 더 위험합니다.

구글 검색팀이 답한 HTML 질문

문법 검사기를 통과해야 검색에 유리한가요?

아닙니다. 게리 일리예시는 문법이 맞는지는 맞다, 틀리다 둘 중 하나라서 순위 가산점으로 쓸 수 없다고 했습니다. 닫는 태그 하나만 빠져도 틀린 HTML이 되지만 사용자에게는 아무 차이가 없기 때문입니다.

넷스케이프와 인터넷 익스플로러가 경쟁하던 시절에는 문법이 브라우저 호환성에 중요했습니다. 지금은 그때만큼 중요하지 않다는 것이 두 사람의 생각입니다.

그럼 무엇이 문제를 일으키나요?

<head>가 일찍 닫히는 경우입니다. 실제 사례에서는 <head> 안의 스크립트가 바로 뒤에 iframe을 끼워 넣었습니다. 브라우저는 <head>에 올 수 없는 요소를 만나면 본문이 시작됐다고 보고 <head>를 닫습니다.

그 결과 뒤에 있던 hreflang 태그가 <body>로 밀려났고, 구글은 이를 무시했습니다. 마틴 스플릿은 이것이 올바른 처리라고 했습니다.

왜 body에 있는 canonical은 인정하지 않나요?

악용을 막기 위해서입니다. 남의 블로그 댓글에 canonical 태그를 심으면 그 글의 검색 노출을 빼앗을 수 있습니다.

HTML 표준도 name이 있는 메타 태그는 <head>에만 둘 수 있다고 적고 있습니다. 링크 태그도 메타데이터용은 <head>에 둡니다. preload나 스타일시트처럼 메타데이터가 아닌 링크만 본문에 올 수 있습니다.

자바스크립트로 canonical을 바꿔도 되나요?

권하지 않습니다. 처음 받은 HTML과 렌더링 뒤의 값이 다르면 어느 쪽이 의도인지 알기 어렵습니다. 기술적으로 어쩔 수 없을 때만 자바스크립트로 넣고, 신호는 한 번만 분명하게 주는 것이 좋습니다.

preload, prefetch는 검색에 도움이 되나요?

구글봇에는 거의 쓸모가 없습니다. 구글은 일괄로 처리하고 필요한 파일을 캐시해 두기 때문입니다. 대신 사용자 속도에는 크게 도움이 되고, 빠른 사이트는 이용자 유지와 전환율이 높습니다.

시맨틱 마크업과 H1 개수는 중요한가요?

시맨틱 마크업은 본문은 article, 메뉴는 nav, 제목은 H1~H6처럼 뜻에 맞는 태그로 구조를 표시하는 방식입니다. “H1은 하나만 쓰고 섹션은 H2로 나눠야 순위가 오른다”는 말이 많아 이 질문이 나왔습니다.

게리 일리예시는 이상하게 쓰지만 않으면 검색에는 차이가 거의 없다고 답했습니다. 마틴 스플릿도 섹션마다 H1을 써도 문제가 되지 않는다고 봤습니다. H1 하나를 글 제목으로 쓰는 방식은 그대로 좋은 습관이며, 접근성과 독자에게 도움이 됩니다.

광고 스크립트가 많은 사이트가 볼 것

저는 광고와 추적 스크립트가 많은 사이트일수록 <head> 순서를 점검해야 한다고 봅니다. canonical, robots, hreflang 태그를 스크립트보다 위에 두면 이런 사고를 피할 수 있습니다.