Squarespace 사이트를 다국어로 만드는 방법

첫째, 왜 스퀘어스페이스 웹사이트를 번역해야 할까요?

Squarespace 웹사이트를 다국어로 만드는 주된 이유는 새로운 시장에 진출하기 위해서입니다. 영어 사용자는 웹 사용자의 51%에 불과하며, 이는 현재 타겟팅하지 않고 있는 49%의 사람들이 있다는 것을 의미합니다. 이는 여러분이 놓치고 있을 수 있는 많은 사람(및 비즈니스)을 의미합니다.

잠재 고객이 Chrome 브라우저에서 '번역 페이지'를 사용하길 바란다면 다시 생각해 보세요. 이런 식으로 서비스나 제품을 구매할 사람은 아무도 없습니다.

외국어로 된 브랜드 웹사이트를 발견했을 때 해당 언어로 볼 수 있는 옵션이 없었던 적이 얼마나 자주 있었나요? 바로 이탈입니다.

최종 사용자가 구매하려는 제품이나 서비스를 이해하지 못하면 신뢰를 얻을 수 없습니다.  

사용자 경험 향상은 큰 성과로 이어집니다

잠재 고객의 언어로 대화하는 것을 선택하면 매우 긍정적인 결과를 얻을 수 있습니다.

다른 시장의 사용자는 자신의 언어로 제공되지 않는 사이트를 절대 접할 수 없습니다. 눈에 보이지 않는 것이죠. 하지만 웹사이트를 번역하면 곧 SEO가 개선되는 것을 확인할 수 있습니다.

대부분의 브라우저에서 Google 번역을 통해 페이지를 즉시 번역하는 옵션을 제공하므로 최종 사용자에게는 충분하지 않냐고 질문할 수 있습니다.

간단히 말해, 아니요. 출력을 제어할 수 없으므로 브랜드 용어 및 원어로 유지하려는 기타 단어가 계속 번역됩니다. 이는 기괴하고 혼란스러운 읽기 경험만 제공할 뿐입니다. SEO 이점도 얻을 수 없으므로 타겟 시장에서 보이지 않게 됩니다.

그렇기 때문에 웹사이트를 이러한 방식으로 번역하는 것만으로는 충분하지 않으며 , 포괄적인 전용 웹사이트 번역 솔루션을 사용하여 잠재 고객에게 최상의 사용자 경험을 제공해야 합니다.

Weglot REVIEWS.io 사례를 보자. 이 회사는 웹사이트를 독일어로 번역한 후 독일어 트래픽이 120% 증가하고 국제 전환율이 20% 상승하는 성과를 거두었다.

"번역 속도를 획기적으로 높여줄 제품이 필요했습니다. 기존 수동 코딩 방식은 번거롭고 시간이 많이 소요되었지만, Weglot 사용하면 아주 간편합니다." 리치 볼, 마케팅 매니저, REVIEWS.io

새로운 시장으로 확장한다는 것은 멀리 떨어진 곳까지 진출하는 것뿐만 아니라 주변 국가도 성장 가능성이 큰 곳입니다.

14일 무료 체험판에 가입하여 사이트에서 Weglot 미리 사용해 보세요.

다국어 Squarespace 웹사이트는 어떻게 만드나요?

Squarespace 웹사이트를 번역하는 방법에는 여러 가지가 있습니다. 옵션을 살펴보고 사이트를 다국어로 만드는 가장 쉬운 방법에 대한 단계별 튜토리얼로 마무리해 보겠습니다.

1. Weglot: Squarespace의 권장 다국어 확장 프로그램

Weglot 은 Squarespace에서 권장하는 다국어 솔루션입니다. Squarespace 대시보드에서 몇 분 안에 통합하면 사이트가 즉시 라이브됩니다.

Weglot 오랫동안 Squarespace와 호환되어 왔습니다. 그리고 2022년에 우리는 Squarespace 확장 프로그램에 합류하여 수천 명의 Squarespace 사용자가 더욱 간편한 통합을 통해 다국어 기능을 사용할 수 있게 되었습니다.

주요 기능

Weglot 확장 프로그램은 Squarespace 웹사이트의 콘텐츠를 감지, 번역 및 표시합니다. 해결 방법, 복잡한 코드 삽입, 여러 웹사이트/웹페이지, 추가 번역 비용 없이도 Squarespace 자체의 코드 없음 특성에 따라 모든 것이 가능합니다.

가장 큰 장점은 개발자가 필요 없다는 것입니다. 결제 페이지(있는 경우)를 포함하여 웹사이트의 모든 부분을 번역할 수 있습니다.

선도적인 제공업체의 기계 번역

Weglot 사용하면 DeepL, Google 번역 및 Microsoft를 비롯한 주요 인공신경망 기계 번역 제공업체에서 제공하는 1차 기계 번역을 받을 수 있습니다. 그런 다음 해당 번역을 완벽하게 편집할 수 있어 수동 편집을 하거나, 팀원을 추가하여 변경하거나, Weglot 대시보드에서 바로 전문 번역을 주문할 수 있습니다.

즉시 번역된 고객 알림 이메일

Weglot 사용하여 Squarespace 사이트를 다국어로 전환하면 기본적으로 고객 알림 이메일도 번역됩니다. 이렇게 하면 웹사이트 안이든 밖이든 고객에게 완전히 현지화된 쇼핑 환경을 제공할 수 있습니다. 결국, 고객의 40%는 다른 언어로 구매하지 않습니다.

다국어 SEO 호환성

Weglot 솔루션의 각 부분은 Squarespace 웹사이트를 다국어로 만드는 데 필요한 여러 측면을 고려하도록 신중하게 설계되었습니다.

여기에는 특정 언어로 페이지를 공유할 수 있도록 모든 메타데이터를 번역하는 기능, 텍스트 확장으로 인한 웹 디자인 고려 사항을 visual editor , 그리고 여러 번역 관리 도구가 포함됩니다.

또한 새로 번역된 모든 사이트 페이지는 SEO 모범 사례를 따르며 Google에서 자동으로 색인화되므로 새로운 언어로 가시성을 확보할 수 있습니다.

Weglot 메타데이터를 번역하고, 해당 페이지의 다른 버전이 있음을 Google에 알리기 위해 hreflang 태그를 추가하며, 새로운 언어마다 전용 언어 URL을 생성합니다.

이러한 태그가 없으면 Google에서 중복 콘텐츠로 표시하여 순위를 떨어뜨립니다.

자동으로 추가된 언어 전환기

또한 프런트엔드에 언어 전환 버튼이 자동으로 추가되어 디자인을 편집하거나 Weglot사전 디자인된 언어 버튼 중 하나를 복제할 수 있습니다.

2. 스퀘어스페이스 사이트 수동 번역하기

Weglot 버전 7.1에서 Squarespace 웹사이트를 지원하며 플랫폼에서 권장하는 다국어 솔루션입니다. 그러나 7.0 버전을 사용하는 경우 사이트의 번역 버전을 수동으로 만들어야 합니다.

그 방법에 대한 동영상은 다음과 같습니다:

유의해야 할 제한 사항

이 방법을 사용하면 다국어 스퀘어스페이스 사이트를 만들 수 있지만 많은 수작업이 필요하고 고려해야 할 제한 사항이 있습니다.

우선 Squarespace 사이트는 기본적으로 기본 제공 텍스트(예: 결제 페이지)만 한 가지 언어로 표시합니다. 사이트 전체의 다른 중요한 메타데이터도 이에 영향을 받습니다. 또한 이 솔루션에서는 언어 하위 도메인이나 도메인을 사용할 수 없습니다.

그러나 Weglot 사용하면 감지 가능한 모든 콘텐츠를 번역하고, 이를 언어별 서브도메인에 배치하며, 번역된 결제 페이지를 제공할 수 있을 뿐만 아니라 웹사이트에 언어 전환기를 손쉽게 추가할 수 있습니다.

작동 방식

이 방법을 사용하여 웹사이트를 번역할 때는 페이지 패널로 이동하여 홈페이지를 만든 다음 연결되지 않음 섹션 아래에 넣으세요.

그런 다음 두 개의 드롭다운(언어 선택기 역할을 하는)을 추가하고 대상 언어의 이름을 따서 각 드롭다운의 이름을 지정해야 합니다. 이러한 메뉴는 다국어 웹사이트의 각 페이지에 표시됩니다.

첫 번째 드롭다운에서 + 페이지 추가를 클릭하면 동일한 언어로 된 모든 페이지가 추가됩니다. 이 언어의 랜딩 페이지를 설정해야 하며, 드롭다운의 첫 번째 페이지가 되어야 합니다.

두 번째 드롭다운에서도 이 과정을 반복하면 첫 번째 드롭다운과 같은 순서로 각 페이지의 두 번째 버전이 만들어집니다. 이 작업을 가속화하려면 첫 번째 언어에서 페이지를 복사한 다음 텍스트를 바꾸기만 하면 됩니다.

홈페이지(링크되지 않음) > '수정'으로 돌아가서 텍스트 또는 버튼을 추가하여 두 드롭다운의 첫 번째 페이지에 링크합니다.

내비게이션이 이와 비슷해야 합니다:

자세한 내용은 Squarespace의 가이드를 참조하세요.

3. 자바스크립트 스퀘어스페이스 다국어 솔루션

자바스크립트 다국어 솔루션은 간단한 자바스크립트 snippet 추가하는 것만으로 웹사이트를 번역할 수 있게 해줍니다. 이 snippet 대부분의 콘텐츠를 자동으로 snippet 번역된 내용을 표시하도록 변경합니다. 사용법이 매우 간단하며, 여러 개의 스퀘어스페이스 웹사이트를 생성하지 않고도 번역된 내용을 표시해 줍니다.

주요 이름은 다음과 같습니다:

• Bablic
• 현지화
• 다국어 번역기(약간 다르게 작동함)

자바스크립트 솔루션을 사용하면 번역된 콘텐츠가 사용자 친화적인 방식으로 Squarespace 사이트에 표시됩니다. 즉, 별도의 메뉴 항목으로 추가되는 것이 아니라 웹사이트의 다국어 버전으로 제공됩니다. 언어 전환기가 포함되며 페이지를 중복하거나 새로 추가할 필요가 없습니다.

선택할 수 있는 솔루션은 여러 가지가 있지만 모두 동일한 단점이 있습니다.

SEO 기능

첫 번째 주요 단점은 다국어 SEO 기능이 부족하다는 점입니다.

이 솔루션은 페이지의 콘텐츠를 감지하고 번역을 위해 동적으로 변경하는 방식으로 작동합니다. 그러나 소스 코드의 콘텐츠는 번역되지 않으며 Google 봇이 이를 스캔합니다.

즉, 번역된 콘텐츠는 검색 엔진이 크롤링할 때 표시되지 않습니다. 따라서 번역된 언어의 검색에 표시된다는 보장은 없습니다.

콘텐츠도 모두 하나의 URL 아래에 존재하게 됩니다. 사이트의 원래 언어로만 SEO 친화적이므로 다른 언어에 대한 가시성이 심각하게 제한됩니다.

문제 로드 중

사이트 페이지 로딩에 문제가 발생하는 경우도 있습니다. 이러한 솔루션이 항상 원활하게 작동하는 것은 아니므로 다른 언어 간에 전환할 때 사용자에게 잠시 동안 두 언어가 모두 표시되는 콘텐츠 플래시가 표시됩니다.

번역된 페이지를 소셜 미디어에 공유할 때 다른 문제가 발생하는데, 안타깝게도 메타데이터가 원래 언어로 유지되므로 불가능합니다.

4. 다국어 지원

멀티랭귀지라이저는 Squarespace에서 꽤 인기 있는 JavaScript 다국어 솔루션이지만 Bablic 또는 Localize와는 작동 방식이 다릅니다. 웹사이트의 번역된 콘텐츠를 직접 제공해야 하므로 시간과 비용이 많이 들 수 있습니다.

그런 다음 다중 언어화 도구는 페이지 내에 직접 번역을 추가하고 방문자가 원하지 않는 콘텐츠를 숨겨서 Squarespace 사이트를 다국어로 만듭니다.

예를 들어 페이지를 만들고 프랑스어와 영어로 콘텐츠를 추가할 수 있습니다. 기본 언어로 영어를 선택하면 프랑스어 콘텐츠는 숨겨집니다. 이는 좋은 해결책처럼 보일 수 있지만 몇 가지 주요 단점도 있습니다.

SEO 기능

앞서 설명한 대로 Google 봇은 웹사이트 소스 코드를 스캔하여 색인을 생성하는 방식으로 작동합니다. 다국어 라이저를 사용하면 Google은 프랑스어와 영어 콘텐츠를 분리하지 않고 동시에 스캔합니다.

결국 프랑스어와 영어 제목이 모두 포함된 페이지가 Google에 색인화됩니다. 이는 SEO에 가장 좋지 않습니다.

앱 또는 통합 번역 불가능

다국어라이저는 Squarespace 페이지에서 제공되지 않는 콘텐츠는 번역할 수 없습니다. 따라서 리뷰 플러그인과 같은 외부 소스에서 제공되는 콘텐츠는 원래 언어로 유지됩니다. 즉, 사이트에 표시되는 고객 리뷰는 번역되지 않습니다.

또한 전자상거래 Squarespace 사이트가 있는 경우 결제를 번역할 수 없습니다. 웹사이트에서 전송되는 모든 자동 이메일도 원래 사이트 언어로 유지되므로 마찬가지입니다.

5. CSS 솔루션

Google에서 'Squarespace 다국어 솔루션'을 검색하면 여러 웹사이트나 번역된 페이지가 없어도 이 작업을 수행할 수 있는 무료 CSS 코드 솔루션을 제공하는 여러 개발자를 찾을 수 있습니다.

하지만 모든 무료 솔루션이 그렇듯 여러 가지 문제가 있습니다.

첫째, 이 Squarespace 다국어 솔루션을 구현하는 데 도움이 되는 개발자의 의견이 절대적으로 필요합니다.

이러한 솔루션은 문제가 많고 지저분한 솔루션으로, 실제로 작동하도록 하기 위해 여러 가지 '해결 방법'이 필요합니다.

이러한 문제에는 모바일 버전 사용성 문제가 포함됩니다. 일부 사용자는 페이지가 올바른 언어로 로드되는 동안 웹사이트 탐색에서 보이는 모든 부분이 표시된다고 보고합니다(사이트 속도에도 좋지 않습니다).

또한 많은 솔루션이 특정 Squarespace 템플릿에 한정되어 있어 다른 템플릿에서 테스트되지 않았기 때문에 여기에서도 문제가 발생할 수 있습니다.

둘째, 다국어 Squarespace 사이트에서 원하는 위치에 배치하기 위해 언어 전환기를 디자인 요구사항에 맞게 조정하려면 사용자 정의 코드를 사용해야 하며, 배치 위치에 따라 추가 코드가 필요할 수 있습니다.

CSS 솔루션도 웹사이트 콘텐츠를 번역하지 않으므로 직접 번역해야 합니다. 이는 콘텐츠를 표시하기 위한 임시방편일 뿐입니다.  

항상 그렇듯이 이러한 솔루션은 SEO와 호환되지 않으므로 새로 번역한 다국어 Squarespace 사이트가 Google에 표시될 것이라고 기대하지 마세요.

스퀘어스페이스에서 다국어 웹사이트는 어떻게 만드나요?

이 단계별 Squarespace 튜토리얼에서는 Squarespace의 권장 번역 솔루션인 Weglot 사이트에 추가하는 방법을 보여 드리겠습니다.

이 통합 기능은 Squarespace 7.1에서만 사용할 수 있습니다. 버전 7.0 또는 5를 사용 중인 경우 일반적인 통합.

#1 Weglot 확장 프로그램 연결

스퀘어스페이스 대시보드에서 '설정' > '웹사이트' > '사이트 언어'로 이동합니다. 조금 아래로 스크롤하면 Weglot 표시됩니다. '연결'을 클릭합니다.

Weglot 스퀘어스페이스 사이트에 대한 액세스 권한을 부여할지 묻는 팝업이 나타납니다. '허용'을 클릭합니다.

#2 Weglot 계정 만들기

그러면 2분 정도 걸리는 Weglot 계정을 만들라는 메시지가 표시됩니다. 여기에서 웹사이트 번역을 관리할 수 있습니다.

#3 언어 선택

계정을 만들면 프로젝트 이름을 지정한 다음 웹사이트의 원래 언어와 번역할 언어를 선택하라는 메시지가 표시됩니다.

이제 Squarespace 사이트가 다국어로 제공됩니다! 수동으로 페이지를 만들고, 복제하고, 서로 연결할 필요 없이 모두 가능합니다.

실시간 다국어 사이트를 방문하시면 이제 완전히 번역된 상태임을 확인하실 수 있습니다. 언어 전환기를 사용하여 기본 언어와 새로 추가된 언어 간에 전환하세요. 이후 Weglot 통해 번역 내용을 편집하고, Squarespace 웹사이트 빌더를 통해 언어 전환기의 외관을 수정할 수 있습니다.

#4 언어 하위 도메인 만들기

1. 언어별 하위 도메인을 설정하려면(예: 프랑스어 웹사이트는 https://fr.mywebsite/ 프랑스어) Squarespace 대시보드 > '웹사이트' > '사이트 언어'로 돌아가서 '다국어 SEO'라는 섹션이 보일 때까지 아래로 스크롤합니다. '도메인 추가'를 클릭하여 언어 하위 도메인을 설정하세요. 여기서 아무것도 복제할 필요가 없습니다.

1. 화면의 지시를 따릅니다. 여기에 DNS 항목이 표시됩니다.
2. DNS 항목 추가
3. Squarespace 대시보드 > '설정' > '도메인' 내 도메인 섹션에 추가해야 합니다.

이 단계에 도움이 필요하신가요? 연락처 [이메일 보호] 또는 FAQ

도메인 네임이 'Squarespace에서 관리'에 표시됩니다. 이를 클릭한 다음 'DNS 설정'을 클릭합니다. 'A'가 표시된 드롭다운을 선택하고 CNAME을 선택하여 다른 항목을 추가합니다.

그런 다음 Weglot 대시보드에서 DNS 레코드를 복사합니다. 첫 번째 열에 언어 코드를 붙여넣고 IP 주소 섹션에 'websitesweglot.com'을 붙여넣은 다음 '추가'를 클릭합니다.

완료되었습니다! 이제 Weglot 계정으로 돌아가서 "DNS 확인"을 클릭하면 몇 분 후에 녹색 체크 아이콘이 표시되며, 이는 언어 하위 도메인이 활성화되었음을 의미합니다.

요약

Squarespace 사이트를 다국어로 만들 때 선택할 수 있는 여러 가지 솔루션을 소개해 드렸습니다. 요약하면 다음과 같습니다:

• Squarespace의 수동 솔루션 - SEO 없음, 많은 중복 및 수동 링크 포함
• 자바스크립트 - 여러 사이트 없이 표시 가능 - 낮은 다국어 SEO 기능
• CSS - 개발자의 입력이 필요하고 SEO 기능이 없는 지저분한 솔루션
• Google 번역 버튼 - 저렴하고 빠르지만 현지화 및 번역 제어가 전혀 되지 않음 - SEO 없음
• Weglot - Weglot 빠르고 쉬운 설치, 중복 사이트 없음, 다국어 SEO 기능 및 개발자가 필요없는 기능을 제공합니다.

다국어 웹사이트로서 Squarespace 웹사이트가 어떤 모습일지 확인할 준비가 되셨나요? 지금 14일 평가판으로 Weglot 무료로 사용해 보세요. 무료 플랜과 월 15유로부터 시작하는 유료 플랜이 있으며, 자세한 내용은 가격 페이지를 확인하세요!