hreflang 태그 생성기

로캘과 URL 쌍 목록으로 다국어 페이지용 hreflang link 태그를 생성하며, x-default와 자기참조 태그도 선택할 수 있습니다.

도구를 불러오는 중…

hreflang 태그 생성기 — hreflang 태그 생성기는 로캘과 URL 쌍 목록을 rel="alternate" hreflang link 태그로 바꿔, 각 언어 버전 페이지의 head 섹션에 붙여 넣을 수 있게 합니다. 로캘마다 행을 추가하고, 선택적으로 x-default 폴백 태그와 자기참조 태그를 포함한 뒤 바로 쓸 수 있는 블록을 복사하세요. 모든 작업은 브라우저 안에서 이뤄지므로 URL이 우리 서버로 업로드되지 않습니다.

hreflang 태그 생성기란?

hreflang 태그는 어떤 URL이 어떤 언어·지역용인지 검색엔진에 알려, Google과 Yandex가 사용자마다 올바른 버전을 보여 주고 번역본을 중복 콘텐츠로 취급하지 않게 합니다. SEO 담당자, 현지화 팀, 개발자가 같은 페이지를 여러 언어(예: /en/, /ja/, /es/)로 가진 사이트에 추가합니다. 이 도구는 표준 link rel="alternate" hreflang="…" 태그를 만듭니다. 로캘마다 행을 하나 추가해 hreflang 코드(en, en-US, ja 등)와 절대 URL을 입력하면, 입력하는 대로 출력이 실시간으로 갱신됩니다. '로캘 추가' 버튼으로 행을 늘리고 '삭제'로 한 행을 지웁니다. 설정에서 자기참조 태그(각 페이지는 자기 자신을 가리켜야 함)와 x-default 태그를 켜고 끌 수 있습니다. x-default는 어떤 언어도 일치하지 않을 때 보여 줄 페이지를 지정하며, x-default URL을 비우면 자기참조 URL을 폴백으로 사용합니다.

hreflang 태그 생성기 사용법

  1. 자기참조 칸에 현재 페이지의 로캘 코드와 절대 URL을 입력합니다(예: en, https://example.com/en/).
  2. 대체 언어마다 행을 추가합니다. hreflang 코드(ja, es-MX 등)와 전체 URL을 입력합니다.
  3. '로캘 추가'로 행을 더 늘리거나, '삭제'로 필요 없는 행을 지웁니다.
  4. 설정을 열어 자기참조 태그와 x-default 태그를 켜거나 끕니다.
  5. 선택적으로 전용 x-default URL을 지정합니다. 비우면 자기참조 URL을 재사용합니다.
  6. 생성된 link 태그를 복사해 각 언어 버전 페이지의 <head>에 붙여 넣습니다.

예시

두 언어 + x-default

입력

self: en https://example.com/en/
row: ja https://example.com/ja/

출력

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

지역별 타기팅

입력

row: en-US https://example.com/us/
row: en-GB https://example.com/uk/

출력

<link rel="alternate" hreflang="en-US" href="https://example.com/us/" />
<link rel="alternate" hreflang="en-GB" href="https://example.com/uk/" />

특수 문자는 이스케이프됩니다

입력

row: fr https://example.com/?a=1&b=2

출력

<link rel="alternate" hreflang="fr" href="https://example.com/?a=1&amp;b=2" />

자주 묻는 질문

이 도구는 무엇을 생성하나요?
입력한 로캘과 URL 쌍으로 link rel="alternate" hreflang 태그를 만듭니다. 채운 각 행이 <link> 태그 하나가 됩니다. 현재 페이지용 자기참조 태그와 x-default 태그도 추가할 수 있어, 페이지 <head>에 바로 붙여 넣을 완전한 블록을 얻습니다.
x-default 태그는 무엇을 위한 건가요?
x-default는 나열한 언어·지역 중 어느 것도 사용자와 맞지 않을 때 검색엔진이 보여 줘야 할 페이지를 표시합니다. 별도 URL을 줄 수도 있고, x-default URL을 비우면 도구가 자기참조 URL을 재사용합니다. 필요 없으면 설정에서 끌 수 있습니다.
자기참조 태그가 필요한가요?
Google은 각 언어 버전이 자기 자신을 가리키는 hreflang 태그와, 모든 대체 버전의 태그를 함께 포함하도록 권장합니다. 이 도구는 현재 페이지의 로캘과 URL로 그 자기참조 태그를 추가하며, 직접 추가하려면 설정에서 끌 수 있습니다.
hreflang 코드는 어떤 형식이어야 하나요?
ISO 639-1 언어 코드를 쓰고, 선택적으로 ISO 3166-1 지역을 붙입니다(예: en, ja, es-MX, zh-Hant). 도구는 입력한 코드를 그대로 적으므로 유효한 값인지 확인하세요. URL은 https://로 시작하는 절대 주소여야 합니다.
제 데이터가 서버로 전송되나요?
아니요. 태그는 전적으로 브라우저 안에서 JavaScript로 생성됩니다. 공개 전 URL을 포함해 입력한 어떤 것도 업로드·저장·전송되지 않으므로, 비공개나 출시 전 페이지에서도 안전하게 쓸 수 있습니다.

관련 도구

JSON-LD 생성기

간단한 폼으로 Article·Product·FAQPage·HowTo·LocalBusiness·Event·Recipe·BreadcrumbList·Organization 스키마용 유효한 JSON-LD 구조화 데이터를 생성합니다.

키워드 밀도 검사기

임의의 텍스트를 분석해 1·2·3개 단어 구 단위로 단어 빈도와 키워드 밀도를 집계하고, 과최적화 경고를 표시합니다.

메타 태그 생성기

제목, 설명, 정식 URL, 이미지, 사이트 이름으로 페이지의 SEO·Open Graph·트위터 카드 메타 태그를 생성합니다.

Open Graph 소셜 카드 미리보기

제목, 설명, 이미지 URL, 페이지 URL로 링크가 X·LinkedIn·Slack·Discord·Facebook에서 소셜 카드로 펼쳐지는 모습을 미리 봅니다.