쇼케이스

Name: Intlayer
Author: Intlayer

Intlayer로 구축된 프로젝트를 발견하세요

Intlayer

Per-component i18n for React, Next.js, Vue, Svelte | Intlayer

게시됨2026년 3월 8일

마지막 스캔2026년 3월 9일

Intlayer 버전workspace:*

이 프로젝트 평가

사용된 라이브러리

Intlayer

v8.2.3

@intlayer/api

vworkspace:*

@intlayer/config

vworkspace:*

@intlayer/core

vworkspace:*

@intlayer/design-system

vworkspace

@intlayer/dictionaries-entry

vworkspace:*

@intlayer/editor-react

vworkspace:*

@intlayer/types

vworkspace:*

@intlayer/unmerged-dictionaries-entry

vworkspace:*

intlayer

vworkspace:*

next-intlayer

vworkspace:*

@intlayer/swc

vworkspace:*

@intlayer/backend

vworkspace:*

@intlayer/ai

vworkspace:*

@intlayer/chokidar

vworkspace:*

@intlayer/docs

vworkspace:*

intlayer-editor

vworkspace:*

express-intlayer

vworkspace:*

@intlayer/cli

vworkspace:*

vue-intlayer

vworkspace:*

react-intlayer

vworkspace:*

@intlayer/sync-json-plugin

vworkspace:*

다른 프로젝트

국제화를 위해 Intlayer를 사용하는 다른 프로젝트를 탐색하십시오.

SEO 및 글로벌 도달 범위

국제화 모범 사례에 대한 기술적 분석.

언어 태그:

"en"

<html> 태그의 lang 속성은 페이지의 기본 언어를 선언합니다. 이를 통해 검색 엔진과 브라우저가 콘텐츠 언어를 이해할 수 있습니다.

<html lang="ko">

중요한 이유: SEO 및 접근성에 필수적입니다. 스크린 리더가 콘텐츠를 올바르게 발음하는 데 사용합니다.

HTML dir:

"ltr"

<html> 태그의 dir 속성은 콘텐츠의 텍스트 방향성을 지정합니다. 이는 오른쪽에서 왼쪽(RTL)으로 작성되는 언어에 필수적입니다.

<html lang="ar" dir="rtl"><html lang="ko" dir="ltr">

중요한 이유: 아랍어, 히브리어, 페르시아어, 우르두어와 같은 RTL 언어의 올바른 렌더링에 중요합니다. 가독성과 사용자 경험을 향상시킵니다. 값: ltr(왼쪽에서 오른쪽), rtl(오른쪽에서 왼쪽) 또는 auto.

Hreflangs:

[  "en",  "ru",  "ja",  "fr",  "ko",  "zh",  "es",  "de",  "ar",  "it",  "en-GB",  "pt",  "hi",  "tr",  "pl",  "id",  "vi",  "uk",  "x-default"]

Hreflang 링크는 검색 엔진에 페이지의 대체 언어 버전을 알려줍니다. 중복 콘텐츠 문제를 방지하고 사용자에게 올바른 언어를 제공하는 데 도움이 됩니다.

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

모범 사례: 지원하지 않는 언어의 사용자를 위해 x-default를 포함하세요.

x-default:

페이지에 x-default hreflang 태그가 포함되어 있는지 나타냅니다. 이 태그는 언어 기본 설정이 특정 hreflang과 일치하지 않는 사용자를 위한 기본/대체 페이지를 지정합니다.

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

모범 사례: 다국어 사이트에는 항상 x-default를 포함하세요. 언어 선택기 페이지 또는 기본 언어 버전을 가리켜야 합니다. 중요한 이유: 언어가 특별히 지원되지 않더라도 국제 사용자가 적절한 페이지로 안내되도록 보장합니다.

정규:

Canonical 태그는 검색 엔진에 어떤 URL 버전이 "마스터" 사본인지 알려줍니다. 다국어 사이트에서 중복 콘텐츠 페널티를 피하는 데 중요합니다.

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

모범 사례: 각 언어 버전은 다른 언어가 아닌 자신을 가리키는 고유한 canonical을 가져야 합니다.

현지화된 링크:

사이트에 현지화된 콘텐츠로의 링크가 포함되어 있는지 확인합니다. 이는 언어 버전 간의 적절한 내부 링크를 나타냅니다.

좋은 관행: hreflang 대체 및 언어 전환기를 사용하여 언어 버전 간 교차 링크. 도움이 되는 것: 언어 간 사용자 탐색 및 모든 버전의 검색 엔진 발견.

모든 앵커 현지화됨:

페이지의 모든 내부 링크가 경로에 로케일 접두사（예: /en/, /fr/）를 포함하는지 확인합니다. 이는 적절한 언어 라우팅에 중요합니다.

<!-- 좋음 --><a href="/en/about">About</a><a href="/fr/about">À propos</a><!-- 나쁨 --><a href="/about">About</a>

중요한 이유: 다국어 사이트의 일관된 언어 경험과 적절한 URL 구조를 보장합니다.

robots.txt

접근 가능:

robots.txt 파일은 검색 엔진 크롤러에게 웹사이트의 어떤 페이지나 섹션에 액세스할 수 있거나 없는지 알려주는 텍스트 파일입니다.

User-agent: *Disallow: /admin/Allow: /

중요한 이유: 크롤러 액세스를 제어하고 중요한 콘텐츠의 인덱싱을 허용하면서 민감한 영역을 보호하는 데 필수적입니다.

언어 대체 없이 금지:

robots.txt에서 금지되었지만 동등한 로케일별 버전이 없는 경로입니다. 이는 불완전한 국제화를 나타낼 수 있습니다.

예제 문제: /admin/이 금지되었지만 /en/admin/, /ko/admin/ 등이 없는 경우 사이트 구조가 로케일 접두사를 일관되게 사용하지 않음을 시사할 수 있습니다.

모범 사례: 사이트가 URL 기반 현지화를 사용하는 경우 모든 금지된 경로에 로케일 동등물이 있는지 확인하십시오.

sitemap.xml

발견된 URL:

sitemap.xml 파일에서 발견된 URL의 총 수입니다. 사이트맵은 검색 엔진이 웹사이트의 모든 페이지를 발견하고 인덱싱하는 데 도움이 됩니다.

좋은 관행: 사이트맵을 최신 상태로 유지하고 정리하세요. 대형 사이트의 경우 여러 사이트맵을 참조하는 사이트맵 인덱스 파일을 사용하세요. 영향: 더 많은 URL이 발견되면 검색 엔진 인덱싱의 범위가 더 넓어집니다.

대체 항목 존재:

사이트맵에 대체 언어 버전이 있는 <xhtml:link> 요소가 포함되어 있는지 나타냅니다. 이것은 각 페이지의 모든 언어 변형을 검색 엔진에 알려줍니다.

<url>  <loc>https://example.com/ko/page</loc>  <xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/page"/>  <xhtml:link rel="alternate" hreflang="ko" href="https://example.com/ko/page"/></url>

모범 사례: 사이트맵에 대체 항목을 포함하여 검색 엔진이 언어 버전 간의 관계를 이해하도록 돕습니다.

x-default 존재:

x-default hreflang 태그는 언어가 명시적으로 대상이 되지 않는 사용자를 위한 기본 페이지를 지정합니다. 이것은 국제 사용자를 위한 대체입니다.

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

모범 사례: x-default를 언어 선택기 페이지 또는 가장 보편적인 언어 버전（종종 영어）으로 지정하십시오. 중요: 모든 hreflang 대체 세트에는 x-default가 포함되어야 합니다.