홈 > 지식 > 검색엔진 마케팅 실전 가이드 >

부록7. 다국어 홈페이지 SEO 설정 방법, 페이지별 canonical·hreflang 적용

다국어 홈페이지를 운영할 때는 언어별 URL을 구분하고 검색엔진이 각 페이지의 언어와 콘텐츠를 올바르게 이해할 수 있도록 구성하는 것이 좋습니다.

예를 들어 한국어와 영어 홈페이지를 별도의 서브도메인으로 운영한다면 다음과 같이 구성할 수 있습니다.

• 메인 및 언어 선택 페이지: https://www.withanyai.com/
• 한국어 홈페이지: https://ko.withanyai.com/
• 영어 홈페이지: https://en.withanyai.com/

이번 글에서는 Google Search Console 등록부터 페이지별 canonical과 hreflang 설정까지 실제 URL 예시를 통해 알아보겠습니다.

1. 언어별 서브도메인 구성

언어별로 별도의 서브도메인을 사용하면 각 언어 페이지의 주소를 명확하게 구분할 수 있습니다.

소개, 서비스, 문의와 같은 하위 페이지도 언어별로 구성할 수 있습니다.

예를 들어 소개 페이지는 다음과 같이 접근할 수 있습니다.

• 한국어: https://ko.withanyai.com/about
• 영어: https://en.withanyai.com/about

2. Google Search Console 등록

여러 언어별 서브도메인을 운영한다면 Google Search Console의 도메인 속성으로 등록하는 방법이 편리합니다.

withanyai.com을 도메인 속성으로 등록하면 다음 주소를 함께 관리할 수 있습니다.

• withanyai.com
• www.withanyai.com
• ko.withanyai.com
• en.withanyai.com

도메인 속성은 DNS TXT 레코드를 통해 소유권을 인증합니다.

URL 접두어 속성과 달리 하위 도메인과 HTTP·HTTPS 주소를 통합하여 관리할 수 있습니다.

기존에 언어별 URL 접두어 속성을 등록했다면 도메인 속성을 추가로 등록할 수 있습니다. 기존 속성을 삭제하더라도 실제 홈페이지나 Google 검색 색인이 자동으로 삭제되는 것은 아닙니다.

단, Search Console 등록 자체가 검색 순위를 높여주는 것은 아닙니다.

3. canonical 태그란?

canonical은 검색엔진에 페이지의 대표 URL을 알려주는 태그입니다.

다국어 페이지는 각각 독립적인 URL을 사용하므로 자기 자신의 주소를 canonical로 지정하는 것이 일반적입니다.

한국어 홈페이지:

<link rel="canonical" href="https://ko.withanyai.com/">

영어 홈페이지:

<link rel="canonical" href="https://en.withanyai.com/">

canonical은 반드시 작성해야 하는 태그는 아니지만, 중복 URL이 발생할 가능성이 있거나 대표 주소를 명확하게 지정하고 싶다면 설정하는 것이 좋습니다.

4. hreflang 태그란?

hreflang은 동일하거나 대응되는 콘텐츠의 언어별 페이지가 서로 어떤 관계인지 검색엔진에 알려주는 태그입니다.

예를 들어 한국어와 영어로 동일한 소개 페이지를 제공한다면 두 페이지를 서로 연결할 수 있습니다.

한국어 소개 페이지:

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/about">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/about">

영어 소개 페이지:

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/about">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/about">

한국어 페이지와 영어 페이지 모두 동일한 언어별 연결 관계를 포함해야 합니다.

또한 소개 페이지는 소개 페이지끼리, 서비스 페이지는 서비스 페이지끼리 연결해야 합니다.

5. 한국어와 영어 페이지가 모두 있는 경우

한국어와 영어 페이지가 모두 존재하고 동일한 내용을 언어별로 번역한 경우에는 canonical과 hreflang을 함께 설정하는 것을 권장합니다.

① 한국어 소개 페이지

주소: https://ko.withanyai.com/about

<link rel="canonical" href="https://ko.withanyai.com/about">

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/about">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/about">

② 영어 소개 페이지

주소: https://en.withanyai.com/about

<link rel="canonical" href="https://en.withanyai.com/about">

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/about">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/about">

위 예시처럼 설정하면 됩니다.

• canonical: 각 페이지 자신의 URL
• hreflang: 서로 대응되는 한국어와 영어 URL
• 양쪽 페이지에 동일한 언어별 연결 관계 설정

6. 한국어 페이지만 있는 경우

한국어 페이지는 존재하지만 이에 대응되는 영어 페이지가 없는 경우입니다.

주소: https://ko.withanyai.com/service

이 경우에도 한국어 페이지 자체를 hreflang으로 지정할 수 있습니다.

<link rel="canonical" href="https://ko.withanyai.com/service">
<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/service">

• canonical: 한국어 서비스 페이지를 대표 URL로 지정
• hreflang="ko": 해당 페이지가 한국어 페이지임을 표시

대응되는 영어 페이지가 없으므로 영어 URL은 추가하지 않습니다.

7. 영어 페이지만 있는 경우

영어 페이지는 존재하지만 이에 대응되는 한국어 페이지가 없는 경우입니다.

주소: https://en.withanyai.com/tool

이 경우에도 영어 페이지 자체를 hreflang으로 지정할 수 있습니다.

<link rel="canonical" href="https://en.withanyai.com/tool">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/tool">

• canonical: 영어 도구 페이지를 대표 URL로 지정
• hreflang="en": 해당 페이지가 영어 페이지임을 표시

대응되는 한국어 페이지가 없으므로 한국어 URL은 추가하지 않습니다.

8. 언어별 페이지의 URL 경로가 다른 경우

언어별 페이지의 경로가 반드시 같아야 하는 것은 아닙니다.

예를 들어 한국어 페이지는 /about이고 영어 페이지는 /introduction으로 구성할 수도 있습니다.

이때는 실제로 대응되는 페이지 주소를 연결하면 됩니다.

① 한국어 페이지

<link rel="canonical" href="https://ko.withanyai.com/about">

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/about">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/introduction">

② 영어 페이지

<link rel="canonical" href="https://en.withanyai.com/introduction">

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/about">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/introduction">

URL 경로가 서로 달라도 같은 주제의 언어별 페이지라면 연결할 수 있습니다.

9. 언어 선택 페이지에 canonical과 x-default 설정

메인 주소인 https://www.withanyai.com/이 한국어와 영어를 선택하는 언어 선택 페이지라면 다음과 같이 설정할 수 있습니다.

주소: https://www.withanyai.com/

<link rel="canonical" href="https://www.withanyai.com/">

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/">
<link rel="alternate" hreflang="x-default" href="https://www.withanyai.com/">

각 태그의 역할은 다음과 같습니다.

• canonical: 언어 선택 페이지 자체를 대표 URL로 지정
• hreflang="ko": 한국어 홈페이지 연결
• hreflang="en": 영어 홈페이지 연결
• hreflang="x-default": 기본 언어 선택 페이지 지정

한국어와 영어 홈페이지에도 각각 자기 자신의 canonical과 상호 hreflang 연결을 설정해야 합니다.

언어 선택 페이지를 기본 페이지로 사용하는 경우 한국어와 영어 홈페이지의 hreflang 목록에도 x-default를 추가할 수 있습니다.

예를 들어 한국어 홈페이지는 다음과 같이 설정할 수 있습니다.

<link rel="canonical" href="https://ko.withanyai.com/">

<link rel="alternate" hreflang="ko" href="https://ko.withanyai.com/">
<link rel="alternate" hreflang="en" href="https://en.withanyai.com/">
<link rel="alternate" hreflang="x-default" href="https://www.withanyai.com/">

영어 홈페이지도 동일한 연결 목록을 사용하되 canonical은 영어 홈페이지 자신의 주소로 지정합니다.

x-default는 모든 하위 페이지에 넣을 필요는 없으며, 실제 언어 선택이나 기본 안내 역할을 하는 페이지에 활용하면 됩니다.

10. robots 메타태그 설정

검색엔진에 페이지의 색인을 허용하려면 다음과 같은 robots 메타태그를 사용할 수 있습니다.

<meta name="robots" content="index, follow">

• index: 검색엔진 색인 허용
• follow: 페이지 내 링크 수집 허용

일반적인 페이지에서는 기본적으로 색인이 허용되는 경우도 있으므로 반드시 직접 추가해야 하는 것은 아닙니다.

11. 다국어 홈페이지 SEO 설정 정리

다국어 홈페이지를 운영할 때는 다음 사항도 확인하는 것이 좋습니다.

• 언어별 서브도메인 구성
• 실제 존재하는 페이지 주소만 사이트맵에 등록
• 각 언어 페이지의 제목과 콘텐츠 번역
• robots.txt에서 필요한 페이지를 차단하지 않았는지 확인
• 중복 URL이 있다면 canonical 설정 검토
• 필요한 경우 hreflang으로 언어별 페이지 연결
• 페이지가 정상적으로 접근되고 색인될 수 있는지 확인

마무리

다국어 홈페이지 SEO의 기본은 언어별 URL을 명확하게 구분하고 각 페이지에 해당 언어의 콘텐츠를 제공하는 것입니다.

canonical은 페이지의 대표 URL을 지정하고, hreflang은 언어별 페이지의 관계를 검색엔진에 알려주는 역할을 합니다.

언어별 페이지가 존재하는 경우와 존재하지 않는 경우를 구분하여 각 페이지의 대응 관계에 맞춰 설정하는 것이 좋습니다.

다만, 복잡한 canonical과 hreflang 설정을 생략하고 단순하게 운영하고 싶다면 다음 두 가지를 우선 적용해도 됩니다.

• 언어별 URL을 명확하게 구분
• 각 페이지의 실제 콘텐츠 언어에 맞춰 <html lang="ko">, <html lang="en"> 등 설정

lang 속성은 페이지의 기본 언어를 브라우저와 보조 기술 등에 알려주는 역할을 합니다.

우선 언어별 URL과 콘텐츠, <html lang="">을 정확하게 구성하고, 필요에 따라 canonical과 hreflang을 추가하는 방식으로 운영해도 좋습니다.