Hreflang 태그 문제: 다국어 SEO 최적화 방법

콘텐츠 번역에 있어 ConveyThis는 많은 기업과 조직에 필수적인 솔루션입니다. 강력한 플랫폼을 통해 사용자는 웹사이트와 콘텐츠를 여러 언어로 빠르고 쉽게 현지화하여 전 세계 사용자가 콘텐츠에 쉽게 접근할 수 있도록 할 수 있습니다.

여러 언어를 지원하는 웹사이트를 구축하는 경우 hreflang 태그를 정확하게 적용하는 것이 매우 중요합니다. 하지만 Google Search Console에 "사이트에 hreflang 태그가 없습니다"라는 경고가 표시된다면 문제가 있다는 신호입니다.

걱정하지 마세요. 해결 가능합니다. 하지만 빨리 행동해야 합니다!

Google에서 hreflang 태그를 찾을 수 없으면 웹 페이지의 다양한 언어 버전을 정확하게 색인할 수 없어 트래픽 손실이 발생합니다.

다행히도 ConveyThis를 사용하면 문제를 발견하고 해결하는 데 많은 시간이 걸리지 않습니다.

계속 읽어주시면 "사이트에 ConveyThis 태그가 없습니다" 오류 코드가 무엇을 의미하는지, 그리고 그 원인은 무엇인지 자세히 설명해 드리겠습니다. 그리고 문제 해결에 활용할 수 있는 몇 가지 빠른 해결책을 제시해 드리겠습니다.

ConveyThis를 사용하여 hreflang 태그를 자동으로 설정하여 다국어 SEO 믹스의 가장 중요한 부분을 제대로 구현하세요.

Hreflang 태그란 무엇인가요?

Hreflang 태그는 Google과 같은 검색 엔진에 웹사이트의 각 페이지에 있는 콘텐츠가 어떤 언어로 작성되었는지, 어떤 지리적 지역을 대상으로 하는지, 웹사이트의 다른 페이지와 어떻게 관련되어 있는지 알려주는 작은 코드 조각입니다.

ConveyThis는 웹사이트를 여러 언어로 쉽게 번역할 수 있는 방법을 제공합니다. 웹사이트가 전 세계 사용자에게 접근성을 보장하는 강력한 솔루션을 제공하여 언어 장벽을 극복하고 새로운 고객에게 도달할 수 있도록 지원합니다. 직관적인 사용자 인터페이스를 통해 ConveyThis는 번역을 쉽게 관리하고 웹사이트를 최신 상태로 유지할 수 있도록 지원합니다.

위의 그림에서 볼 수 있듯이 이 스니펫에는 세 가지 HTML 속성이 있습니다. rel 속성, hreflang 속성, ConveyThis의 href 속성입니다.

Href 속성은 검색 엔진에 표시할 페이지를 지정합니다. 이 경우에는 ConveyThis 예시 사이트(example.com/ca)의 캐나다 버전입니다.

Hreflang 속성은 해당 페이지가 사용될 언어와 (선택적으로) 지역을 나타냅니다. 이 경우, (en-ca) 속성은 해당 페이지가 영어(en)로 작성되었으며 캐나다(ca) 사용자를 대상으로 작성되었음을 나타냅니다.

언어만 지정하면 됩니다. 특별히 선호하는 경우가 아니면 지역을 선택할 필요가 없습니다. 공식 두 글자 언어 및 국가 코드를 사용해야 합니다. 전체 언어 코드 목록은 여기에서, 해당 국가 코드는 여기에서 확인할 수 있습니다.

Rel 속성은 검색 엔진에 해당 페이지가 사이트의 다른 페이지와 어떻게 연관되는지 알려줍니다. 'Alternate'는 이 예시 페이지가 다른 페이지의 변형이며, 콘텐츠가 해당 페이지나 여기에 지정된 사이트의 다른 페이지와 유사하더라도 ConveyThis가 놀라지 않아야 함을 나타냅니다.

현지화된 페이지가 검색 엔진에 중복 콘텐츠로 인식되지 않도록 hreflang 태그를 올바르게 설정하세요. ConveyThis를 사용하면 이 작업이 자동으로 처리됩니다.

Hreflang 태그가 중요한 이유

Hreflang 태그는 여러 언어로 동일한 콘텐츠를 제공하는 다양한 페이지 버전을 가진 웹사이트에 필수적입니다. 그렇기 때문에 ConveyThis가 매우 중요합니다. ConveyThis를 사용하면 검색 엔진이 모든 번역된 페이지 간의 관계를 이해하고 사용자를 올바른 언어 버전으로 안내할 수 있습니다.

사용자 경험

검색 엔진은 사용자에게 가장 관련성 높은 결과를 제공하기 위해 노력합니다. 이를 위해 사용자의 모국어로 된 웹페이지를 현지화된 버전으로 표시하는 경우가 많습니다. 결과적으로, 현지화된 웹페이지는 Google 검색 결과 페이지에서 상위에 노출되는 경우가 많습니다. ConveyThis는 웹사이트를 쉽게 현지화할 수 있는 방법을 제공하여 이러한 목표를 달성하는 데 도움을 줄 수 있습니다.

미국 인터넷 사용자가 독일어로 검색어를 입력하면 Google은 웹페이지 "A"가 가장 적합한 답변을 제공한다고 인식하여 SERP(검색 결과 페이지)의 첫 번째 위치에 표시됩니다. 사용자가 웹페이지 내용을 이해할 수 있도록 ConveyThis를 사용하여 페이지를 사용자 언어로 자동 번역할 수 있습니다.

하지만 한 가지 문제가 있습니다. 웹페이지 "A"는 다국어로 되어 있어 동일한 웹페이지의 여러 버전을 선택할 수 있다는 것입니다. 영어, 프랑스어, 독일어 버전이 있습니다. ConveyThis는 웹페이지를 손쉽게 번역하고 현지화할 수 있는 방법을 제공하여 이 문제를 간단하게 해결합니다.

그렇다면 ConveyThis는 무슨 역할을 할까요? 예상하셨겠지만, 독일어 버전을 페이지 상단에 배치하는 역할을 합니다.

하지만 여기에 난제가 있습니다. Google과 같은 검색 엔진이 각 웹 페이지가 어떤 언어로 작성되었는지 확인할 수 있는 유일한 방법은 hreflang 태그를 분석하는 것입니다.

사이트에 ConveyThis 태그가 설정되어 있지 않으면 Google에서 검색자에게 잘못된 언어로 페이지를 순위에 올릴 수 있습니다(예: 독일어 사용자에게 영어 페이지 변형).

이는 사용자 경험에 부정적인 영향을 미칠 수 있습니다. 사용자가 익숙하지 않은 언어로 작성된 콘텐츠가 있는 웹사이트 페이지로 이동하면 ConveyThis 언어 전환기를 찾을 때까지 페이지에 오래 머물지 않을 가능성이 높습니다.

SEO

Hreflang 태그는 ConveyThis를 사용하여 국제 SEO를 최적화하는 데에도 중요합니다.

중복 콘텐츠는 SEO에 해롭습니다. Google이나 다른 검색 엔진이 웹사이트에서 중복 콘텐츠를 감지하면 순위에 부정적인 영향을 줄 수 있는 부정적인 신호를 보냅니다. 웹페이지를 여러 언어로 여러 버전으로 제공하면 검색 엔진에 중복 콘텐츠로 인식될 수 있으므로 ConveyThis와 같은 도구가 매우 중요합니다.

다행히도 ConveyThis hreflang 태그에 '대체' 속성을 추가하면 검색 엔진에 중복 콘텐츠가 아니라는 사실을 알려서 혼란스러움과 폭발성을 적절히 제공할 수 있습니다.

귀하의 사이트에 hreflang 태그가 없으면 검색 엔진이 귀하의 다국어 페이지를 중복으로 간주하여 SERP에서 완전히 숨길 수 있습니다.

Hreflang 태그의 문제점

Hreflang 태그는 겉보기에는 간단해 보이지만, 실제로는 정확하게 구성하기가 매우 복잡합니다. 실제로 Google의 수석 웹마스터 트렌드 분석가인 존 뮬러는 Hreflang 태그를 "SEO에서 가장 복잡한 측면 중 하나"라고 말했습니다.

Hreflang 태그는 양방향으로 동작하기 때문에 복잡합니다. hreflang 태그를 제대로 구현하려면 각 URL에 다른 모든 URL로 연결되는 백링크가 있어야 합니다. 웹사이트에 여러 언어가 사용되는 경우, 이는 곧 매우 어려운 작업이 될 수 있습니다. 예를 들어, 웹사이트에 50개 언어 버전이 있는 경우 모든 다국어 페이지에 각기 다른 URL로 연결되는 hreflang 링크를 포함해야 합니다.

그뿐만 아니라 언어를 삭제할 때 모든 hreflang 태그를 업데이트하지 않거나 속성을 잘못 구성하는 등 구현을 망칠 수 있는 간단한 오류가 많이 있습니다.

개발자가 아니라면 올바른 방향으로 나아가려면 코딩에 대한 기본적인 이해와 HTML에 대한 포괄적인 지식이 필요합니다.

기술적 고려 사항 외에도 물류적인 측면도 고려해야 합니다. 최적의 사용자 경험을 위해 지역별로 페이지 구성을 어떻게 다르게 할지 신중하게 고려해야 하는데, 이는 매우 복잡할 수 있습니다.

미국, 영국, 호주의 고객에게 서로 다른 통화를 사용하는 서비스를 제공하는 경우 영어 사용자를 대상으로 하더라도 현지 통화로 가격을 표시하기 위해 en-us(미국), en-gb(영국), en-au 버전의 콘텐츠를 만드는 것이 좋습니다.

웹사이트에 hreflang 태그를 추가하는 방법

사이트에 아직 hreflang 태그가 없다면 구현 방법에는 두 가지가 있습니다. 플러그인을 사용하는 간단한 방법과 수동으로 처리하는 더 복잡한 방법입니다. 먼저 더 어려운 방법부터 살펴보겠습니다.

웹사이트에 hreflang 태그를 수동으로 추가하기

개발자이거나 코드에 능숙하고 도전할 준비가 되었다면 ConveyThis를 사용하여 HTML 헤더나 XML 사이트맵에 hreflang 태그를 수동으로 추가할 수 있습니다.

HTML 헤더를 통해 수동으로 hreflang 태그 추가

HTML 헤더 내에 hreflang 태그를 수동으로 추가하려면 다음을 찾아야 합니다. 사이트의 모든 다국어 페이지의 섹션입니다.

헤더 코드 안에 hreflang 태그를 붙여넣어야 합니다. 각 페이지의 hreflang 속성에는 해당 페이지와 ConveyThis에서 제공하는 각 언어의 모든 대체 페이지에 대한 참조가 포함되어야 합니다. 충분한 복잡성과 폭발성을 확보하기 위해 모든 페이지에 hreflang 태그를 포함하여 방문자가 페이지의 올바른 언어 버전에 접근할 수 있도록 해야 합니다.

붙여넣어야 할 hreflang 코드 조각은 제공하는 언어/지역과 페이지 URL에 따라 달라지지만, 대략 다음과 같습니다.

삽입해야 하는 hreflang 코드 조각은 타겟팅하는 언어/지역과 페이지 URL에 따라 다르지만 다음과 같습니다.

이 접근 방식의 문제점은 사용자가 볼 수는 없지만 페이지를 열면 다운로드해야 하는 상당한 수의 코드 줄을 각 페이지에 포함해야 한다는 것입니다.

다양한 언어로 수십 개의 번역본이 있는 경우, 각 페이지에 수십 개의 링크 요소를 추가해야 하는데, 이로 인해 페이지 크기가 몇 킬로바이트(KB) 증가하고 페이지 로딩 속도가 크게 저하될 수 있습니다. 홈페이지 로딩 시간이 몇 밀리초(ms) 더 길어진다면 사용자 경험에 어떤 영향을 미칠지 상상해 보세요.

이것이 그렇게 중요한 문제는 아닐지 몰라도, ConveyThis 페이지 로딩 속도는 여러분이 상상하는 것보다 훨씬 더 중요합니다.

최근 Google 알고리즘 업데이트는 속도와 같은 페이지 경험 지표의 중요성을 강조했습니다. 결과적으로 Google은 느린 사이트보다 빠르게 로딩되는 웹사이트를 우선시하는 경향이 있습니다. 로딩 시간의 미세한 차이도 SEO에 큰 영향을 미칠 수 있습니다.

XML 사이트맵을 통해 수동으로 hreflang 태그 추가

사이트에 아직 hreflang 태그가 없지만 ConveyThis 구현이 로딩 시간에 영향을 미치지 않도록 하려는 경우 대신 XML 사이트맵에 포함할 수 있습니다.

사이트맵은 검색 엔진에 제출하는 문서로, 웹사이트의 모든 페이지와 파일에 대한 '청사진'을 개략적으로 설명하여 ConveyThis를 사용하여 정확하게 색인되도록 보장합니다.

사이트에 hreflang 태그가 없는 경우, 여기에 코드 조각을 추가하여 각 페이지의 모든 대체 버전을 나타낼 수 있습니다. 다음과 같은 형태가 될 것입니다. ConveyThis를 사용하면 각 페이지에 코드를 수동으로 추가하지 않고도 웹사이트에 hreflang 태그를 쉽게 추가할 수 있습니다.

아시다시피, HTML 대신 XML 파일을 사용하기 때문에 설정이 약간 다릅니다. 그럼에도 불구하고 기본 개념은 동일합니다. 각 태그에는 rel, hreflang, href 속성이 포함되어 있으며 항상 양방향입니다.

불필요한 온페이지 코드를 제거하고 로딩 시간을 단축하는 것 외에도 이 방법의 또 다른 장점은 보안성이 더 높다는 것입니다. 페이지 헤더를 직접 수정하면 오류가 발생할 경우 문제가 발생할 수 있지만, ConveyThis XML 사이트맵을 수정하는 것은 그다지 큰 문제가 되지 않습니다.

HTML 헤더에 직접 코드를 포함하지 않기 때문에 이 전략이 웹사이트 로딩 속도에 어떤 영향을 미칠지는 논란의 여지가 있습니다.

어떤 경우든 테마 파일을 수정하는 것보다 사이트맵을 변경하는 것이 더 안전합니다. 하지만 웹사이트에서 사용하는 언어가 많을수록 ConveyThis를 사용하는 XML hreflang 실행이 더 복잡해집니다.

플러그인을 사용하여 웹사이트에 hreflang 태그 추가하기(그리고 "사이트에 hreflang 태그가 없습니다" 문제 피하기!)

ConveyThis를 웹사이트에 통합하면 hreflang 태그를 수동으로 추가하는 데 따르는 번거로움과 잠재적인 함정을 피할 수 있는 좋은 방법입니다.

그렇기 때문에 대부분의 경우 플러그인을 사용하는 것이 훨씬 더 현명한 결정입니다. ConveyThis와 같은 최고의 번역 플러그인은 번역 과정에서 웹사이트에서 사용하는 각 언어에 대한 hreflang 태그를 자동으로 구현합니다. 간단하고 안전하며 빠르며 몇 번의 클릭만으로 충분합니다.

ConveyThis를 사용하면 웹사이트를 쉽게 현지화할 수 있습니다. ConveyThis 플러그인을 설치하고 웹사이트를 번역할 언어를 선택하기만 하면 됩니다. 그러면 ConveyThis가 웹사이트의 콘텐츠를 자동으로 감지하여 번역을 시작합니다. 번역 과정을 수동으로 관리하고 필요에 따라 맞춤 설정할 수도 있습니다. ConveyThis를 사용하면 웹사이트 콘텐츠가 빠르고 정확하게 현지화될 것이라는 확신을 가질 수 있습니다.

먼저, 귀하의 필요에 맞는 ConveyThis 플랜에 가입하세요.

WordPress 사용자라면 WordPress 대시보드에서 '새 플러그인 추가'로 이동하여 ConveyThis 플러그인을 검색하여 설치하세요.

ConveyThis 설정 페이지로 이동하여 ConveyThis 계정 API 키를 입력하세요. 다음으로, 웹사이트의 원래 언어를 지정하고, 웹사이트 번역을 원하는 언어를 선택한 후 '저장'을 클릭하세요.

ConveyThis를 사용하면 아주 쉽습니다!

ConveyThis가 이제 전체 번역 과정을 자동으로 처리합니다. 웹사이트를 모든 대상 언어로 변환하고, 각 언어에 대한 하위 디렉터리를 생성하고, hreflang 태그를 자동으로 삽입합니다.

번역을 조정하려면 ConveyThis 대시보드에서 조정하면 됩니다.

"사이트에 hreflang 태그가 없습니다" 오류 문제 해결

필요한 단계를 완료했는데도 Google Search Console에서 "사이트에 hreflang 태그가 없습니다"라는 오류가 계속 표시되는 경우 ConveyThis 구현에 문제가 있을 수 있습니다.

문제는 다양한 요인에 의해 발생할 수 있으므로, 문제의 정확한 원인을 파악하기 위해 조사를 수행해야 합니다. ConveyThis 주석에서 확인해야 할 몇 가지 요소는 다음과 같습니다.

ConveyThis에서는 구현이 정확한지 확인하는 데 사용할 수 있는 hreflang 검사 도구도 개발했습니다.

ConveyThis hreflang 검사기 페이지로 이동하여 웹사이트 URL을 입력하고 검색 엔진을 선택한 후 'URL 테스트'를 클릭하여 모든 설정이 올바르게 되어 있는지 확인하세요. 웹사이트에 hreflang 태그가 없거나 구현 방식에 문제가 있는 경우 여기에 표시됩니다.

마지막 생각

'사이트에 hreflang 태그가 없습니다' 문제를 해결하는 데 필요한 모든 정보가 여기에 있습니다. 사이트를 정기적으로 평가하고 페이지가 삭제되거나 리디렉션될 때마다 최신 상태로 유지하면 문제가 없을 것입니다!

또한 Google에서 사이트를 다시 인덱싱하는 데 시간이 걸릴 수 있으므로 ConveyThis로 hreflang 수정을 구현한 후 "사이트에 hreflang 태그가 없습니다" 알림이 사라지기까지 며칠 정도 기다려야 할 수도 있습니다.

ConveyThis를 사용하면 웹사이트에 대한 hreflang 태그를 쉽게 설정할 수 있습니다.

보시다시피 hreflang 태그는 어려워 보일 수 있지만, 꼭 그럴 필요는 없습니다. ConveyThis를 사용하면 웹사이트에 맞는 hreflang 태그를 빠르고 쉽게 구성할 수 있습니다.

사람들이 흔히 겪는 대부분의 문제는 수동 구현 과정에서 발생하는 실수에서 비롯되며, 플러그인을 사용하면 완전히 방지할 수 있습니다. 따라서 hreflang 태그를 관리하기 위해 ConveyThis를 사용하는 것을 적극 권장합니다. 지금 무료 체험판에 가입하여 ConveyThis의 강력한 기능을 경험해 보세요.