반응형
다국어블로그를 만들고 검색 엔진최적화 부분을 알아보던 중 마침 구글의 경우 동일한 콘텐츠를 여러 언어버전으로 생성한 경우 인덱싱과 검색결과를 보여줄 때 반영할 수 있는 기능이 있어 소개해 드리고자 합니다
구현하기
구현은 아래 태그를 동일한 콘텐츠를 포함하는 모든 페이지에 삽입합니다. 'lang_code'는 두 자리 언어코드를 'url'은 해당하는 페이지 주소를 사용합니다.
<link rel="alternate" hreflang="lang_code" href="url" />
예시 보기
티스토리에서 만든 다국어 블로그를 가지고 해당 기능을 구현해 보겠습니다. 관리자 화면에서 '블로그 관리' -> '스킨편집' -> 'HTML 편집' -> 'HTML' 순으로 이동하여 아래처럼 'alternate' 링크 태그를 삽입합니다.
<link id="al-kr" rel="alternate" hreflang="kr" href="" />
<link id="al-en" rel="alternate" hreflang="en" href="" />
주소 없이 링크만 삽입하는 이유는 구현된 다국어블로그 각 페이지마다 링크를 삽입하지 않고 해당 페이지가 열릴 때 동적으로 주소를 입력하기 위해서입니다
<body> 태그로 이동하여 최대한 하단에 각 페이지의 주소를 주입하는 기능을 하는 아래코드를 설치합니다
<script>
if (document.querySelector('.lan-en-btn a')) {
document.getElementById('al-en').href = document.querySelector('.lan-en-btn a').href
document.getElementById('al-kr').href = document.querySelector('.lan-kr-btn a').href
}
</script>
다국어 블로그 만들기
구글 인덱싱
이상으로 다국어블로그 검색엔진 최적화(인덱싱)에 대해서 알아보았습니다.
참고
https://developers.google.com/search/docs/specialty/international/localized-versions
728x90
반응형
'마케팅 및 SEO' 카테고리의 다른 글
구글 검색 (0) | 2023.03.31 |
---|---|
로봇 티엑스티 (0) | 2023.03.31 |
애널리틱스 측정기준 및 측정항목 (0) | 2023.02.20 |
사이트에서 값(가치) 가져오기 (5) | 2023.02.17 |
GA4 보고서 - 사용자 (1) | 2023.02.16 |