현지화된 검색 엔진 최적화 및 지역 라우팅

Webflow가 SEO 현지화와 도메인 및 페이지 수준 라우팅을 처리하는 방법을 알아보세요.
시작하기 전에: 현지화에 대해 알아보려면 현지화 개요를 살펴보세요. 

SEO(검색 엔진 최적화) 현지화를 통해 새로운 시장에서 웹사이트의 가시성을 높이고 사이트의 트래픽을 전반적으로 늘릴 수 있습니다. 페이지 설정에서 페이지 수준 SEO를 완전히 제어할 수 있는 반면, Webflow는 사이트 수준 SEO를 현지화하고 사이트 방문자를 선호하는 로케일로 안내하는 모범 사례를 구현합니다. 추가 단계가 필요하지 않습니다.

참고: 특정 현지화 기능은 특정 현지화 계획에서만 액세스할 수 있습니다. 현지화 계획 및 기능을 포괄적으로 비교해보세요.

이 튜토리얼에서는 다음 주제를 다룹니다. 

  1. SEO 국산화
  2. 지역 라우팅

SEO 국산화 

Webflow는 다양한 기술을 활용하여 페이지의 여러 언어/로케일 버전을 Google 및 기타 검색 엔진에 표시합니다. 

  • HTML 언어 태그
  • HTML 페이지 수준 태그
  • 사이트맵 hreflang 태그

HTML 언어 태그

HTML lang 속성(예: 사이트 언어 코드)은 브라우저, 검색 엔진 및 화면 판독기에 대한 페이지 콘텐츠의 언어를 지정합니다. Webflow는 각 로케일에 따라 사이트의 언어 코드를 자동으로 할당합니다. 

중요한: 그만큼 언어 코드 필드 사이트 설정 > 일반적인 탭 > 현지화 로케일별 언어 코드를 대체합니다. 사이트가 여러 로케일을 지원하는 경우 언어 코드 필드가 사이트 설정 비었다.

HTML 페이지 수준 태그

사이트의 각 페이지에는 다음의 지정된 페이지에 대한 현지화된 변형 목록이 포함되어 있습니다. 태그를 사용하여 현지화된 페이지가 상호 연결되는 방식을 검색 엔진이 이해할 수 있도록 하세요.

사이트맵 hreflang 태그

사이트맵의 hreflang 태그는 검색 엔진이 사이트 콘텐츠의 사용 가능한 언어 및 지역 변형을 인식하고, 현지화된 페이지가 어떻게 관련되어 있는지 확인하고, 검색 결과에서 사이트 방문자에게 가장 관련성이 높은 로케일을 제시하는 데 도움을 줍니다. 자동 생성된 사이트맵이 있는 사이트의 경우 Webflow는 사이트의 모든 정적 및 동적 페이지에 대해 hreflang 태그를 자동으로 통합합니다. 게시가 활성화된 로캘 하위 디렉터리만 자동 생성된 사이트맵에 표시됩니다. Webflow의 자동 생성 사이트맵에 대해 자세히 알아보세요.

참고: Webflow에서 사용자 정의 사이트맵을 활용하는 경우 각 페이지에 대해 hreflang 태그를 수동으로 추가해야 하거나 페이지 수준 hreflang 태그 삽입과 같은 대체 사용자 정의 코드 솔루션을 고려할 수 있습니다.

중요한: 보조 로캘(예: 로캘 B)의 CMS 콘텐츠가 다른 보조 로캘(예: 로캘 C)의 지역화된 콘텐츠에 대한 대안으로 사용되는 경우 항상 기본 로캘(예: 로캘 A)에서 활성 기본 버전을 유지하세요. CMS 항목이 기본 로케일에서는 게시 취소되었지만 2개 이상의 지원되는 로케일에 게시된 경우 Webflow는 대체 비기본 로케일을 결정할 수 없으며 각 현지화된 버전은 사이트맵에서 고유한 "x-default hreflang" 태그를 받게 됩니다. 페이지는 서로 독립적입니다.

지역 라우팅

지역 라우팅에는 사이트 방문자가 사이트에 액세스할 때 가장 적합한 로케일 버전으로 안내하는 작업이 포함됩니다. 지역 라우팅은 사이트 수준과 페이지 수준 모두에서 발생합니다.

사이트 또는 도메인 수준 라우팅 

기업 및 고급 지역화 계획에는 자동 도메인 수준 라우팅이 포함됩니다. 사이트 방문자가 "스페인어"를 선호하는 경우 Webflow는 이들을 사이트 루트 도메인의 적절한 로케일 버전으로 연결하도록 노력할 것입니다. 원하는 로캘이 사이트에서 지원되지 않거나 사이트 방문자가 기본 설정을 지정하지 않은 경우 Webflow는 기본 로캘로 리디렉션합니다. 

페이지 수준 라우팅

로케일 목록 요소 및 페이지 링크(즉, 링크 설정의 페이지 링크 유형)는 자동 페이지 수준 라우팅을 제공하여 방문자가 선호하는 언어로 사이트 페이지를 안내합니다. 예를 들어, 사이트 방문자가 영어로 "정보" 페이지를 탐색한 후 로케일 전환기에서 스페인어를 선택하면 사이트 방문자가 스페인어 로케일의 "정보" 페이지로 리디렉션됩니다. 

사이트 방문자가 특정 로케일에 존재하지 않는 페이지를 방문하는 경우 사이트는 방문자를 로케일 하위 디렉터리로 다시 라우팅합니다. 예를 들어, 누군가가 영어 로케일로 된 사이트 페이지를 방문한 다음 해당 페이지를 사용할 수 없는 스페인어 로케일로 전환하면 스페인어 로케일의 홈페이지로 리디렉션됩니다. 

명심하세요: 자동 페이지 수준 로케일 라우팅은 링크 설정 로 설정 페이지 또는 컬렉션 페이지 — 사이트의 다른 페이지나 항목을 참조하기 위해 링크 설정에서 직접 URL을 사용하는 경우, 링크는 사이트 방문자를 지역별 페이지로 연결하지 않습니다. 링크 설정에 대해 자세히 알아보세요.
이완 막
Ewan Mak의 최신 게시물 (모두 보기)