파싱이란?

검색엔진이 HTML을 파싱할 때 생기는 문제

브라우저와 검색엔진은 HTML 오류에 관대한 편이라, 닫는 태그가 조금 빠져도 대부분 알아서 해석합니다. 그래서 오류가 있어도 화면은 멀쩡해 보이는 경우가 많지만, 일부 오류는 의도와 다른 결과를 만듭니다.

대표적인 예가 <head> 영역입니다. 구글은 <head> 안에서 유효하지 않은 요소(<img>나 <div> 같은 본문용 태그)를 만나면 그 지점에서 head가 끝났다고 판단하고, 그 뒤에 있는 메타정보나 캐노니컬 태그를 읽지 않을 수 있습니다. 외부 스크립트가 head에 이런 요소를 끼워 넣어 캐노니컬이 무시되는 경우가 있으므로 주의해야 합니다.

파싱 오류를 줄이는 방법

• <head>에는 title, meta, link, script, style 같은 허용된 요소만 둡니다.
• 마크업을 W3C 검사기 등으로 점검해 닫히지 않은 태그나 중복 속성을 정리합니다.
• 시맨틱 태그로 본문 구조를 분명히 해 본문과 반복 영역을 구분하기 쉽게 합니다.
• 문자셋을 UTF-8로 맞춰 인코딩 문제로 글자를 잘못 읽는 일을 막습니다.

서치콘솔 URL 검사 도구에서 구글이 선택한 캐노니컬 URL을 확인하면, head 파싱 문제로 캐노니컬 선언이 무시되고 있는지 간접적으로 알 수 있습니다.