짐도 고객은 국제적인 무리이며,많은 사람들이 다국어 웹 사이트를 만들려고합니다. 다른 국가에서 운영되는 비즈니스이든 다국어 재개 웹 페이지이든 타겟 고객은 자신의 언어로 정보를 읽을 수 있어야합니다. 그러나 모든 콘텐츠가 다른 언어로 제공되며 고객이 쉽게 사용할 수있는 사이트를 설정하는 것은 때로는 큰 주문처럼 느껴질 수 있습니다.
이 게시물에서는 다국어 웹 사이트 구축을위한 기술과 템플릿을 살펴 보겠습니다. 여러 언어로 명확하고 기능적이며 아름다운 웹 사이트를 만들었습니다!
성공적인 다국어 또는 이중 언어 웹 사이트를 위해 명심해야 할 사항:
모든 언어로 미리 계획하고 콘텐츠를 만들어야 합니다.: 우리가 다국어 웹 사이트에 대해 이야기 할 때,우리가 정말로 말하는 것은 하나의 웹 사이트에서 함께 공존 할 수있는 두 개(또는 그 이상)의 텍스트 세트를 서로 다른 언어로 만드는 것입니다. 이 작업을 성공적으로 수행하려면 탐색 메뉴 및 사이트 계획을 미리 구성하는 방법에 대해 생각해야합니다(아래에서 자세히 설명). 다른 말로,그것은 군더더기로 다국어 사이트를 만들기 위해 정말 어렵다.
따라서 좋은 번역,쉬운 사용자 인터페이스 및 다양한 언어로 된 콘텐츠를 제공하는 검색 엔진 최적화 이점을 갖춘”진정한”다국어 사이트를 구축하려는 경우 이러한 웹 사이트가 정말 잘 작동하고 있기 때문에 읽으십시오.
다국어 웹 사이트의 드롭 다운 메뉴 사용
놀라 디자인
템플릿:로마
대부분의 사람들이 다국어 또는 이중 언어 웹 사이트를 생각할 때 일반적으로 플래그 아이콘 사용을 생각합니다. 노라 디자인 웹 사이트는 그것을 할 수있는 또 다른 방법을 보여줍니다. 여기에서 그들은 정말 명확한 다국어 온라인 상점을 만들기 위해 자신의 탐색 및 템플릿의 드롭 다운 메뉴를 사용했습니다.
이 예제에서는 최상위 탐색을 사용하여 언어를 분할하는 것을 볼 수 있습니다. 그런 다음 각 언어는 드롭 다운으로 나타나는 자체 하위 페이지를 가져옵니다. 그들은 올바른 언어를 클릭하면 사용자는 바로 자신의 언어에 대한 전체 메뉴를 볼 수 있습니다.
모든 짐도 웹사이트는 최대 3 단계의 내비게이션을 수행할 수 있습니다. 이 기술을 사용하면 기본 탐색 수준이 언어를 분할하는 데 사용되기 때문에 주로 2 차 및 3 차 탐색 수준에 의존합니다. 따라서,당신은 당신의 탐색을 간단하게 유지해야-당신은 네 번째 또는 다섯 번째 수준으로 내려 가서 하위 페이지의 톤에 의존 할 수 없습니다. 더 간단한 항법 구조를 가진 웹 페이지가 따르기 매우 쉽기 때문에,결국 저것은 좋은 것 이다.
드롭다운 메뉴가 있는 짐도 템플릿에는 로마,바르셀로나,프라하,헬싱키,카이로,마이애미가 포함됩니다. 드롭 다운이있는 모든 템플릿을 보려면 템플릿 필터를 확인하고”메뉴”에서 드롭 다운을 선택하십시오.
다국어 웹 사이트의 탭 사용
자유&정신
템플릿: 함부르크
자유&정신 웹 사이트는 함부르크 템플릿을 사용하여 잘 수행 다국어 웹 사이트의 좋은 예입니다. 시각적으로,당신의 눈은 오렌지 로고와 함께 왼쪽에서 시작하고 자연스럽게 당신이 언어를 전환 할 수있는 오렌지와 회색 탭을 볼 페이지의 오른쪽으로 이동합니다.
이 효과를 얻기 위해 상단 탐색 메뉴 항목을 설정했습니다. 그런 다음 스타일 편집기를 사용하여 탐색 모음을 오른쪽 정렬하고 메뉴 색상을 변경했습니다. 회색과 오렌지 색상 선택은 탭처럼 보이는 그들이 어떤 언어에있는 사람들에게 분명히 만드는 좋은 일을.
사용자가 언어를 선택하면 해당 언어의 해당 메뉴(하위 페이지)가 왼쪽에 나타납니다.
위의 샘플 탐색 메뉴가 동일한 설정을 사용하여 표시되는 방법은 다음과 같습니다:
비슷한”분할”수준의 탐색이 있고 결과적으로 다국어 웹 사이트에서 잘 작동하는 경향이있는 템플릿은 시카고,보르도,함부르크,마드리드,릴 및 홍콩입니다.
다국어 웹 사이트에 플래그 사용
스테이션 스케이트
템플릿: 취리히
좋아,당신은 여전히 플래그 아이콘을 사용하는 데 관심이 있다면,여기에 정말 잘하고있는 사이트입니다. 영어와 스페인어-우리의 이전 예제와 마찬가지로,스케이트 역 웹 사이트는 언어로 분할 자신의 기본 탐색을 사용했다.
취리히 템플릿에서 보조 탐색은 기본 탐색 바로 아래에 수평으로 표시됩니다.
그런 다음 언어 플래그를 오른쪽에 정렬 된 작은 사진 요소로 삽입하고 해당 사진 요소를 다른 언어의 해당 페이지에 연결했습니다. 그 결과,당신은 쉽게 앞뒤로 둘 사이에 반송 할 수 있습니다. (여기에 플래그를 포함하여 무료 아이콘을 찾을 수있는 몇 가지 장소입니다).
여러 웹 사이트 만들기
캠핑 슈베르니
템플릿:마드리드
캠핑 슈베르니 웹 사이트는 두 개의 완전히 다른 웹 사이트,즉 프랑스어와 영어 용 웹 사이트를 만들어 다국어 콘텐츠를 더욱 발전 시켰습니다. 그들은 사진 요소로 업로드 작은 플래그 아이콘으로 함께 연결되어 있습니다.
두 개의 서로 다른 웹 사이트를 갖는 주요 이점은 각각에 대해 서로 다른 도메인 이름을 가질 수 있다는 것입니다(그들은
별도의 도메인이 필요하고 콘텐츠가 많은 경우 별도의 웹 사이트를 사용하는 것이 일반적입니다. 당신의 다른 언어뿐만 아니라 다른 사진과 다른 사용자 경험을 필요로 할 수있는 문화적 차이가있는 경우 그것은 또한 최선의 선택이 될 수 있습니다.
다국어 웹 사이트의 방문 페이지 또는 입구 페이지 구축
템플릿: 릴
다국어 퍼즐에 접근하는 또 다른 방법은 방문자가 즉시 자신의 언어를 클릭 할 수있는 방문 페이지로 홈페이지를 설정하는 것입니다. 이 기술에서는 실제로 홈페이지에서 전체 탐색을 숨길 수 있으며 원하는 언어에 대한 두 가지(또는 그 이상)옵션을 가진 사람들을 제시 할 수 있습니다.
이 샘플 웹 사이트에서 수행 한 방법은 다음과 같습니다.:
- 나는 칸바에서 두 개의 이미지를 만들었는데,하나는 영어를 말하고 하나는 에스파 콜을 말합니다.
- 나는 열 요소에 두 개의 사진 요소로 내 웹 사이트의 홈페이지에 업로드. 그런 다음 각각을 내 웹 사이트의 올바른 언어 페이지에 연결했습니다.
- 나는 탐색을 편집 가서 그들 옆에있는 안구 아이콘을 클릭하여 내 최상위 메뉴 항목을 모두 숨겨. 즉,내 홈페이지에 탐색 메뉴가 표시되지 않습니다.
이제 누군가가 자신의 언어로 이미지를 클릭하면 보조 페이지로 이동하여 거기에 도착하면 전체 영어 메뉴(또는 스페인어 메뉴)를 볼 수 있습니다. 이 두 가지 언어 웹 사이트의 환상을 제공합니다.
참고:이 기술은 몇 가지 템플릿,즉 가로 기본 및 보조 메뉴(드롭 다운 없음)가 있고 하단에 사이드 바가있는 템플릿에서만 작동합니다. 여기에는 릴,뉴욕,리가,리우데 자네이루 및 취리히가 포함됩니다.
