다국어 웹사이트와 hreflang 태그의 역할
다국어 및 다지역 웹사이트를 운영할 때 검색엔진이 사용자의 언어와 접속 지역에 맞는 올바른 페이지를 색인하고 노출하도록 설정하는 것은 매우 중요합니다. rel="alternate" hreflang="x" 태그는 특정 페이지의 다양한 언어 및 지역별 버전을 검색엔진에 알려주는 역할을 합니다. 이를 통해 검색엔진은 사용자의 검색 환경에 가장 적합한 언어 또는 지역의 URL을 검색 결과에 제공할 수 있습니다.
이 태그는 국제 SEO(International SEO)의 핵심 신호로 작용하며, 중복 콘텐츠 문제를 방지하고 각 국가별 사용자에게 최적화된 페이지를 정확하게 연결해 줍니다.
hreflang 속성의 구조와 ISO 코드 규격
hreflang 태그는 대상 페이지의 URL과 함께 해당 페이지가 지원하는 언어 및 지역 정보를 담고 있습니다. 이 정보는 국제 표준 규격에 맞추어 작성되어야 합니다.
- 언어 코드: ISO 639-1 규격에 따른 두 자리 소문자 코드를 사용합니다 (예:
en,ko). - 스크립트 하위 태그: ISO 15924 규격을 따르며, 특정 문자 체계를 구분할 때 사용합니다 (예:
zh-Hant,zh-Hans). - 지역 코드: ISO 3166-1 Alpha-2 규격에 따른 두 자리 대문자 코드를 사용합니다 (예:
US,KR).
이러한 코드들을 조합하여 zh-Hans-US (미국 내 간체 중국어 사용자를 대상)와 같이 구체적인 타겟팅을 설정할 수 있습니다. 본 생성기는 입력된 코드의 대소문자를 자동으로 표준화하여 EN-us와 같은 입력을 en-US로 변환해 출력합니다. 다만, 라틴 아메리카 지역 코드인 es-419나 기타 정의되지 않은 알 수 없는 코드는 유효하지 않은 코드로 판정되어 거부됩니다.
x-default 대체 페이지의 중요성
x-default 속성은 사용자의 브라우저 설정 언어나 접속 지역이 웹사이트에서 제공하는 특정 언어·지역과 일치하지 않을 때 보여줄 기본 대체(Fallback) 페이지를 지정하는 데 사용됩니다.
글로벌 사용자를 위한 언어 선택 페이지, 다국어 사이트의 메인 홈페이지, 또는 가장 범용적인 기본 언어 버전의 URL이 주로 x-default로 지정됩니다. 이 설정을 포함하면 일치하는 언어가 없는 전 세계의 모든 방문자에게도 일관된 사용자 경험을 제공할 수 있습니다.
올바른 hreflang 태그 배치 및 구현 규칙
생성된 hreflang 태그 세트는 다국어 웹사이트의 HTML 문서 내 <head> 섹션에 배치해야 합니다. 태그를 구현할 때는 다음과 같은 엄격한 규칙을 준수해야 검색엔진이 이를 올바르게 인식합니다.
- 상호 참조(Reciprocal) 필수: 다국어 버전의 모든 페이지는 자기 자신을 포함하여 다른 모든 언어 버전의 URL을 상호 참조해야 합니다. 예를 들어 한국어 페이지와 영어 페이지가 있다면, 두 페이지 모두에 한국어 URL 태그와 영어 URL 태그가 동시에 존재해야 합니다.
- 완전한 URL 사용: 상대 경로가 아닌
http://또는https://가 포함된 완전한 절대 경로 URL을 사용해야 합니다. - 쿼리 매개변수 처리: URL에 포함된 쿼리 매개변수는 출력 시 안전하게 이스케이프 처리되어 반영됩니다.
입력값 검증 및 오류 메시지 안내
본 도구는 입력된 모든 언어 코드와 URL의 유효성을 실시간으로 검증하며, 최대 100개의 언어 버전까지 동시에 편집할 수 있습니다. 입력값에 문제가 있을 경우 태그가 생성되지 않으며, 다음과 같은 구체적인 오류 메시지가 표시됩니다.
- 최소 두 개 이상의 언어 버전을 추가해 주세요.
- 버전
{index}에 언어 또는 언어-지역 코드가 필요합니다. - 버전
{index}에 완전한 URL이 필요합니다. - 버전
{index}은(는) 두 자리 언어 코드여야 하며, 필요한 경우 ISO 15924 스크립트 및/또는 두 자리 지역 코드를 포함해야 합니다. - 버전
{index}에서 사용된{code}은(는) 올바른 ISO 639-1 언어 코드가 아닙니다. - 버전
{index}에서 사용된{code}은(는) 올바른 ISO 3166-1 Alpha-2 지역 코드가 아닙니다. - 버전
{index}에서 사용된{code}은(는) 올바른 ISO 15924 스크립트 코드가 아닙니다. - 버전
{index}에서 hreflang 코드{locale}이(가) 중복되었습니다. - 버전
{index}은(는) 완전한 http:// 또는 https:// URL이어야 합니다. - 버전
{index}의 URL은 2,048자보다 짧아야 합니다. - x-default가 사용할 URL을 추가해 주세요.
- x-default URL은 완전한 http:// 또는 https:// 주소여야 합니다.
- x-default URL은 2,048자보다 짧아야 합니다.
- 이 편집기는 한 번에 최대
{max}개의 언어 버전까지만 지원합니다.
모든 입력값이 유효하게 수정되면 모든 코드와 URL이 유효합니다. 라는 안내와 함께 최종 태그가 생성됩니다.
개인정보 보호 및 데이터 처리 방식
본 생성기를 사용할 때 입력하는 모든 웹사이트 URL과 언어 설정 데이터는 외부 서버로 전송되지 않습니다. 모든 데이터 처리 및 유효성 검증 작업은 사용자의 웹 브라우저 내에서만 직접 수행됩니다. BroBroGo 서버로 아무것도 업로드되지 않으므로 안심하고 도구를 사용할 수 있습니다.
자주 묻는 질문 (FAQ)
Q. 이 생성기에서 허용하는 hreflang 코드는 무엇인가요?
A. 두 자리 ISO 639-1 언어 코드를 사용하고, 필요한 경우 ISO 15924 스크립트 하위 태그 및/또는 두 자리 ISO 3166-1 지역 코드를 추가로 붙여서 사용합니다(예: en, zh-Hant, zh-CN, zh-Hans-US). 대소문자는 출력 시 자동으로 표준화됩니다.
Q. 생성된 태그는 어디에 배치해야 하나요?
A. 생성된 태그 세트 전체를 변경 없이 모든 다국어 버전 페이지의 <head> 내부에 추가해 주세요. 각 페이지는 자기 자신과 다른 모든 다국어 버전을 상호 참조해야 합니다.
Q. x-default는 어디를 가리켜야 하나요?
A. 방문자의 언어나 지역이 정확히 일치하지 않을 때 보여줄 페이지를 선택합니다. 언어 선택 페이지, 글로벌 홈페이지 또는 기본 언어 버전 페이지가 대체 페이지가 될 수 있습니다.