HTML | hreflang 태그로 언어별 페이지 만들기
개요
구글 서치콘솔에서 현재 사이트의 SEO 작업 도중 국제 타겟팅 태그인 hreflang 을 노출해야 한다는 내용을 확인했습니다. 오늘 이 시간은 해당 태그를 추가하는 방법을 안내하고자 합니다. 사이트의 SEO 검사가 필요한 경우 여기를 참조해보시면 좋습니다
태그 작성방법
<head>
<link rel="alternate" hreflang="ko"
href="https://example.com" />
<link rel="alternate" hreflang="x-default"
href="https://example.com/" />
</head>사용방법은 간단합니다. 위의 자료를 <head> 에 붙여넣기 하여 적용하면 됩니다. 저와 같이 한국어 하나만 지원하는 경우는 위와같이 진행하면 되지만, 다른 언어도 지원하는 사이트의 경우에는 이 기능이 현지화 역할에 중요한 역할을 맡게 됩니다.
<link rel="alternate" hreflang="en-us"
href="https://en-us.example.com/page.html" />위의 자료를 기반으로 en-us 언어 코드를 사용하는 유저들을 위한 링크 태그입니다. 이렇게 추가되는 언어가 있는 경우 링크를 통해 연결하여 사이트 현지화 작업을 하여 구글에 노출을 하기가 수월하게 됩니다.
이는 언어별로 링크가 쪼개지기 때문에 고객에게도 언어별 데이터의 혼란을 최소화 시킬 수 있는 계기가 됩니다. 조금 더 개선이 필요하다면 사이트맵과 Robots.txt 파일을 이해하는 방법도 좋은 방법일 수 있습니다
예로 마이크로소프트나 애플 같은 글로벌 회사가 현지 언어에 맞추어 우리들에게 보여지는 과정이 모두 이러한 과정에서 만들어지게 됩니다. 구글 개발 메뉴얼에는 해당 태그가 없어도 현지 언어에 맞추어 노출은 되지만, 해당 태그를 사용하는 것을 권고 한다고 하니 미리 준비하도록 합시다
워드프레스 플러그인 추천
다국어 사이트를 준비한다면 워드프레스는 놀랍게도 많은 기능을 지원하는 플러그인이 존재합니다. 그러나 WPML (WordPress Multilingual Plugin) 과 같이 유명한 플러그인은 유료인 경우가 많습니다. (연간 29달러부터 시작) 이 밖에도 합리적인 가격으로 사용할 수 있는 플러그인을 소개하겠습니다.
- Translate WordPress with GTranslate
- Polylang
- Prisna.net (50달러 평생 무료)
GTranslate 와 Polylang 은 일반적인 수동 번역이지만 Prisna 번역 플러그인은 무료이면서 구글의 번역을 지원하고 있어 매력적인 플러그인이라 생각합니다