hreflang 생성·검사기

hreflang 생성·검사기 사용 가이드

한국어, 영어, 일본어 페이지가 따로 있는 사이트는 hreflang 태그로 '이 페이지의 다른 언어판은 여기'라고 검색엔진에 알려야 합니다. 그래야 일본 사용자에게 일본어 페이지가, 한국 사용자에게 한국어 페이지가 검색결과에 나옵니다.

이 생성기는 '언어 코드,주소' 목록을 받아 link rel="alternate" 태그를 만들고, 언어 코드를 표준 표기(ko-KR, en-US)로 정리합니다. 한국을 kr, 일본을 jp로 적는 흔한 실수처럼 앞부분이 언어가 아닌 국가 코드인 경우를 따로 경고합니다.

두 번째 칸에 언어 선택 화면이나 기본 언어 페이지 주소를 넣으면 x-default 태그를 더하고, 없으면 넣기를 권합니다. hreflang은 목록의 모든 페이지가 서로를 가리켜야 인정되므로, 같은 태그 묶음을 각 언어 페이지에 똑같이 넣으라고 결과에 적어 줍니다.

사용 방법

1. 1'언어 코드,주소 (한 줄에 하나 · 예: ko,https://…)' 칸에 언어별 페이지를 적습니다.
2. 2언어를 고르는 첫 화면이나 기본 페이지가 있으면 'x-default 주소 (언어 선택 화면이나 기본 언어 페이지, 선택)'에 넣습니다.
3. 3'실행'을 누르고 결과 주석의 검토 항목을 확인합니다.
4. 4만들어진 태그 묶음 전체를 목록에 있는 모든 언어 페이지의 head에 똑같이 넣습니다.

ko,https://shop.example.com/
en,https://shop.example.com/en/
ja,https://shop.example.com/ja/
x-default: https://shop.example.com/

<link rel="alternate" hreflang="ko" href="https://shop.example.com/">
<link rel="alternate" hreflang="en" href="https://shop.example.com/en/">
<link rel="alternate" hreflang="ja" href="https://shop.example.com/ja/">
<link rel="alternate" hreflang="x-default" href="https://shop.example.com/">

이럴 때 쓰면 좋아요

• 쇼핑몰에 영어·일본어 페이지를 새로 열 때
• 해외 검색에서 엉뚱한 언어 페이지가 뜨는 문제를 고칠 때
• hreflang 태그의 언어 코드 표기를 점검할 때
• 번역 페이지가 늘어나 태그 묶음을 다시 만들어야 할 때

문제가 생겼을 때

활용 팁

• 각 언어 페이지의 canonical은 자기 자신을 가리키게 두세요. 다른 언어 페이지를 canonical로 지정하면 hreflang이 무시됩니다.
• 언어만 다르면 ko, en처럼 짧게, 같은 언어라도 나라별 가격·배송이 다르면 en-US, en-GB처럼 나눕니다.
• 여러 페이지 묶음을 한꺼번에 관리하려면 다국어 SEO URL 매퍼가 편합니다.

자주 묻는 질문