웹 기초

인코딩이란?

문자나 데이터를 정해진 규칙에 따라 다른 형식으로 바꾸는 것입니다. 웹에서는 한글을 UTF-8로 저장하는 문자 인코딩과, URL의 한글을 %EA%B0%80 같은 형태로 바꾸는 퍼센트 인코딩을 주로 다룹니다.

한글 URL과 퍼센트 인코딩

URL에는 원래 영문, 숫자, 일부 기호만 쓸 수 있습니다. 그래서 한글이 들어간 주소는 전송될 때 UTF-8 바이트를 %와 16진수로 바꾼 형태로 인코딩됩니다. "가"는 %EA%B0%80이 되는 식이라 한 글자가 아홉 글자로 늘어납니다.

브라우저 주소창은 이를 다시 한글로 디코딩해 보여주지만, 메신저나 문서에 링크를 붙여 넣으면 인코딩된 긴 문자열이 그대로 보이는 경우가 많습니다. 공유와 관리를 생각하면 URL은 영문 소문자와 하이픈으로 만드는 편이 무난합니다.

문자 인코딩이 맞지 않을 때 생기는 문제

페이지의 문자 인코딩 선언과 실제 저장 방식이 다르면 브라우저와 검색엔진이 글자를 잘못 읽어 깨진 문자가 표시됩니다. 검색 결과의 제목이나 설명이 깨져 보인다면 인코딩 문제를 먼저 의심합니다.

예방법은 간단합니다. 파일을 UTF-8로 저장하고, HTML <head>의 앞부분에 메타 태그로 charset="utf-8"을 선언하며, 서버의 Content-Type 응답 헤더도 UTF-8로 맞춥니다. 이렇게 하면 파싱 단계에서 글자를 다르게 해석할 여지가 없어집니다.

관련 용어

웹 기초

디코딩

인코딩된 데이터를 원래 형태로 되돌리는 것입니다. 예를 들어 퍼센트 인코딩된 URL을 다시 한글로 읽을 수 있게 바꿉니다. 인코딩 방식이 맞지 않으면 글자가 깨져 보입니다.

웹 기초

URL

웹 페이지의 고유 주소(Uniform Resource Locator)입니다. 프로토콜·도메인·경로·파라미터로 구성됩니다. SEO에서는 짧고 의미가 드러나며, 한 페이지에 하나의 URL만 대응하도록 설계하는 것이 기본입니다.

웹 기초

파싱

HTML 같은 문서를 읽어 태그와 구조를 분석하고 프로그램이 다룰 수 있는 형태로 바꾸는 과정입니다. 검색엔진은 페이지를 파싱해 제목·본문·링크·메타정보를 추출하며, HTML 오류가 심하면 의도와 다르게 해석될 수 있습니다.

마크업 · 사이트 구조

메타정보

<head> 안에 작성해 페이지 정보를 검색엔진과 브라우저에 전달하는 데이터입니다. 타이틀 태그, 메타 디스크립션, 메타 로봇, 뷰포트, OG 태그 등이 있으며, 타이틀과 디스크립션은 검색 결과의 제목·설명으로 쓰일 수 있습니다.

관련 서비스 → SEO/GEO 교육