SEO 와 다국어, UI 스터디 (XE 쓰면 망하는 겁니다.)

[ 이글은 2018년 06월 13일에 최종 수정되었습니다. ]
§

워드프레스의 Language switcher 플러그인 (다국어 플러그인) 은 상당히 많은 제품이 나와있습니다.

페이지 refresh 를 피하기 위해 AJAX 로 구동되는 플러그인도 있고, 별도의 url 을 만들어 주는 형태도 있고, 다국어 플러그인들이 모부 비슷해 보일수도 있지만, 세부적으로 살펴보면 작동방법 이 다양합니다.

Google-Language-Translator-Wordpress-Plugin

저는 다국어 플러그인을 사용하지 않습니다. 오래전 제 사이트를 기억하시는 분들, Wayback Machine 으로 예전에 제 사이트가 구동되었던 방식을 확인하신 분들은, 제가 hackya.com 에서 다국어 플러그인을 사용했었다고 오해하실 수 도 있는데, (그부분을 또 공유해달라고 하신 분들도 계셨어서. ㅋㅋㅋ) 저는 UI 부분만 javascript 으로 언어전환이 되도록 했던 것 이고, 사이트 전체가 번역되게 한것이 아니었습니다.

얼마전 XE 로 사이트를 운영하시다 유지도 힘들고, 몇가지 기능을 추가 + 사이트 리뉴얼 하시려는데 너무나 큰, 엄청난 견적비용이 나와 사이트를 워드프레스로 이전하고 싶어하시는 사장님 한분을 컨설팅 해드렸었습니다.

얼마전은 아니구나. 벌써 작년이라고 해야 하네요. 헐… 시간이 참….

그 사이트 리뉴얼 작업을 맡은 개발자 분께서 이 언어변환 문제에 관해 도움이 필요하다고 최근에 연락이 오셔서 다국어 언어 플러그인을 찾아드려야 했는데, SEO 관점에서 최대한 피해가 적은 플러그인을 찾기위해 저도 면밀하게 살펴봐야 했습니다.

결론부터 말씀드리자면 새로운 url 을 생성해주는 다국어 언어 플러그인이 SEO 관점에서 가장 피해가 적습니다. “지금 플러그인 홍보하냐?” “광고하냐? 이런 오해 받기 싫어 어느 플러그인을 권해드렸고 선택하셨는지는 밝히지 않습니다.

다국어 언어 변환기능은 왜 SEO 에 치명적일수 있는가?

그 의뢰자분이 벤치마킹으로 삼은 XE 사이트를 예로 들어 보겠습니다.

http://coel.co.kr/

coel_capture

고객사가 MBC, SBB, jtbc, KBS 등 모두 한국 방송회사들 이나 동영상 제작이 필요한 회사들 입니다.

그리고 이 코엘이라는 회사는 웹사이트를 통해 적극적으로 이 회사의 서비스 홍보를 꽤하고 있습니다.

외부링크 (external link) 를 달아준 다른 사이트가 무려 612개 나 되고, (hackya.com 의 경우 30개도 안됩니다.) 그 외부링크도 돈을 무척 많이 들여 생성했습니다.

http://www.kns.tv/news/articleView.html?idxno=195142
http://www.sunday-etimes.com/main/bbs/board.php?bo_table=news&wr_id=631&sca=%EC%86%8C%EB%B9%84%EC%9E%5C%90

언론사들에 돈을 주고 회사홍보성 기사를 작성한 것 입니다.


아, 여기서 잠깐. 제글 수시로 불펌해다가 자기 사이트에 올리시는 분들, 그렇게들 살고 싶냐? ㅋㅋㅋ

내글 퍼다가 짜집기 해서 기사작성까지 하면서 어떻게 출처도 않밝혀? ㅋㅋㅋ

제글 퍼가실때 링크를 밝히시라는 거는, 퍼가신 분들을 위한 일 이기도 합니다. 구글은 어느글이 원글 인지 정확하게 판단하는 algorithm 을 사용합니다. 네이버 처럼 멍청하지가 않아서, 무조건 최근글을 검색결과의 우선순위로 올려주지 않습니다. 원글이 우선순위로 올라갑니다. 그래서 링크를 밝히시면 오히려 본인 사이트의 SEO 에 도움이 되세요.


절대 이 코엘 사이트는 단순히 “우리 회사도 웹사이트 있어요.” 식으로 그냥 보여주기 위해 대충 하나 만든게 아닙니다.

사이트가 노출이 되기 위해 많은 투자와 공을 들인 것 입니다.

이제 코엘의 SEO 를 살펴보자

그렇지만, 검색엔진에서 이 코엘이란 사이트는 전혀 노출이 되고 있지 않습니다.

이렇게 이 사이트의 회사관련 홍보 내용을 그래로 ctrl+c, v 해서 검색엔진에 붙여넣고 검색을 해도 사이트가 뜨지 않습니다.

구글 검색결과

아니 연관단어도 아니고, 사이트에 적혀있는 단어들을 이렇게 많이 그대로 붙여 넣으면, 하나라도 걸려야 할 것 아닙니까?

“코엘은 국내외 4K, UHD, HD 디지털 영상(방송) 미디어 시장의 광고, 영화, 게임 등 컨텐츠 제작 분야의 DI”

coel_capture2

혹시 front-end 작업한 개발자가 완전 무개념이라 저 텍스트 내용을 이미지로 만들어 붙여넣은거 아니냐고 생각하실 수 있는데, 사이트 직접 들어가서 확인해 보세요. XE 가 문제인거지, front-end 는 아무런 문제가 없습니다. front-end 는 제대로 마크업 된 상태 입니다.

대략 하루에 방문자 수가 1명 미만입니다. ㅠㅠㅠㅠ (bot 말고 사람방문자)

사이트 방문자 한명도 없어도 돼. 서비스 홍보하려고, 마케팅 하려고 만든 사이트가 아니고, 단지 거래처들한테 우리도 웹사이트가 있다는 걸 보여주기 위해서 만든 것 뿐이야.

타 사이트에 내 구글 analytics 코드 inject 해서 사이트 방문자 수 알아보는 방법 (analytics 코드가 inject 은 되는데 정상적으로 작동하지 않아서 실패: 역쉬 구글의 기술력은 넘사벽?)

라고 한다면 오케이. SEO 랑 아무런 상관이 없죠.

그런데 저 코엘 이라는 사이트는 분명 웹상 노출이 되기 위해 많은 돈과 시간을 들였고…, 그렇지만 SEO 측면에서 보면 망한 사이트 인겁니다.

왜 망했는가? 바로 XE 에 탑재되어 있는 다국어 기능 때문에 망했습니다.

한국어와 영어 두개의 언어로 사이트 컨텐츠를 홍보하려는 건 좋은 생각이지만 (웹사이트가 여러 언어로 컨텐츠를 보여줄수록 구글검색엔진은 가산점을 부여해 줍니다.) 그걸 구현해주는 XE 의 UI 구동방식이 최악이라서 XE 를 사용하는 저 코엘이란 사이트도 망하게 된 것 입니다.

이 다국어 언어 변경 기능을 사용하지 않아도, XE 는 정말 웹에서 검색 안되는걸로 악명이 높습니다.

오죽하면, 제가 XE (구: 제로보드) 에 관해 일년에 글도 몇개쓸까 말까 한데, XE, 제로보드 이런 검색어로 검색하면 제 홈피가 XE 공홈 바로 아래 가장 먼저 뜹니다.

https://www.google.com/search?sclient=psy-ab&btnG=Search&q=xe+제로보드

사이트맵도 그냥 방치한지 벌써 몇년째고, 그 흔한 요스트 SEO 플러그인도 설치 안한 사이트가 hackya.com 입니다. 워드프레스 사이트 중에서 SEO 플러그인도 설치 안한 사이트 찾기 힘들죠. 그 흔치 않은 사이트가 hackya.com 입니다. SEO 는 신경도 쓰지않은…

수익을 포기한 사이트 라서 + 귀차니즘 때문에…

XE 의 SEO 문제, 개발자들 끼리는 다 아는 공공연한 비밀입니다. XE 로 사이트 구축하면, 정말 무슨 연예인이나 기획사 사이트라서 사람들에게 자동으로 알려질수 있는 사이트가 아니라면, 홍보가 되지 않아서 망한다는 사실.

가장 치명적인 케이스가 온라인 쇼핑몰 같은 경우입니다. 온라인 쇼핑몰은 무조건 홍보가 되어야 합니다.

그누보드도 영카트, 그누커머스 같은 온라인 쇼핑몰 솔루션이 있고, 워드프레스는 당연히 우커머스가 너무나도 유명하고, 그런데 XE 는 왜 온라인 쇼핑몰 솔루션이 없는지 궁금하셨나요?

영카트

XE 로 온라인 쇼핑몰 구축하면 100% 망하니까 XE 는 쇼핑몰 솔루션이 없는겁니다. ㅋㅋㅋ
왜 없는지 이제 이해가 되셨나요?

아, XE 의 다국어 변경 방식이 무조건 나쁜게 아닙니다. 분명 valid 한 use case 가 존재합니다.

use_case_for_SEO

이렇게 UI 를 다른 언어로 제공하는 경우, 각 언어마다 다른 url 을 제공할 필요가 없습니다. (예전 hackya 도 이렇게 한거였구요.)

또 XE 자체도 좋은 사용용도가 존재합니다. 예를 들자면, 나혼자만 그 존재를 알고 싶은 사이트를 만들고 싶을때. 웹사이트가 절대 검색에 노출되지 않으니, 혼자만 사이트를 보고 싶은 경우, XE 가 좋은 선택이라 생각됩니다. (이런 경우 웹에 사이트를 올리실 필요는 없고, 그냥 본인 컴퓨터에 XE 설치해서 혼자만 보시고 사용하면 될듯합니다.)

*워드프레스의 SEO 가 잘된 사이트의 예로 랭커님 사이트를 예로 들어가며 언젠가 글을 한번 쓰고 싶었는데, 왜 사이트 문을 닫아 버리셧는지.. 아쉽네요… 쩝.

hackya 는

Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

Tags: , , , ,

카테고리: ,

Ω

8 Comments

  • 앗! 제 예전 사이트가 SEO 가 조금 잘 됬었나요? (흐뭇흐뭇 ㅋㅋ)

    특정 키워드들로 검색하면, 구글 검색결과 1페이지 최상위(또는 2~3번째) 자리를 거의 1년간 붙박이로 고정이 되었었는데요.(폐쇄하기 전까지) 게다가 제 소셜 사이트들까지 주루룩~ (미안하게 시리 ㅎㅎ)

    나름 공은 들였는데, 정확히 뭐가 주효했는지는 모르겠어요. 그냥… 다른곳에서 많이 다루지 않는 주제이다 보니, 그런가? 하구… (궁금합니다)

    • Matthew says:

      지금 코딩하면서 어제 stackoverflow 에서 배운내용 글 하나 잠깐 작성하고 있었는데,

      http://hackya.com/us/wanted-to-write-my-code-more-eloquently/

      이글이 떠버렸네요? 허거걱…

      정리도 덜되었고 저번달에 나중에 올릴려고 (올해 여름에 휴가 갔을때 뜨게 하려고) publish 날짜를 한참 뒤로 미뤄놨던 글인데, 왜 지금 떴지? ㅠㅠㅠㅠ

      아니, 그리고 랭커님은 언제 댓글을 다셨데요? ㅠㅠㅠㅠ

      글도 다시 감추지 못하게…. 쩝…

      랭커님 사이트는 정말 잘하셨던게….

      이메일로 나중에 알려드릴게요. ㅎㅎㅎㅎ

  • sensyo says:

    XE도 공부함 해보려구했는데 접어야겠네용 ㅎㅎ

  • hellokim says:

    안녕하세요. 미국 애드센스 수익 관련 글을 살펴보면서 어제 님의 글을 보고 잠들었다가 오늘 다국어 플러그인을 검색하다보니 어느새 님의 블로그에 와있네요 ㅋㅋ
    해외를 대상으로 워드프레스를 하고 싶어서 다국어 플러그인을 설치하려고 하거든요. 그런데 이런 플러그인은 노출이 안된다니ㅠ 그럼 그냥 다국어 변환 플러그인을 깔지 말고 제가 파파고 이런걸로 번역한걸 올리는게 해외 노출에 도움이 될까요? 한국어는 거의 없게 하려고 했거든요.
    제가 한국이라 해외에서는 검색 노출이 어찌하면 잘되는지 잘 모르겠어요.

    • Matthew says:

      지금은 찾아보기 힘들지만, 예전에 조그만 사이트에도 엉터리 한국어 번역을 제공하고 그랬었습니다. 골프장 그린피 가격을 알아보려고 사이트에 들어 갔더니 한국국기 아이콘이 있어 궁금해져서 누르니 막 엉터리 한국가 출력되고. ㅋㅋㅋ

      다국어 사이트는 이렇게 구축하시는게 정석입니다.

      영어는

      https://www.microsoft.com/en-gb/

      한국어는

      https://www.microsoft.com/ko-kr/

      이런식으로요.

      ko 는 한국어

      kr 은 한국지역

      이런뜻 입니다.

      본인의 사이트 주소가 example.com 이라면

      한국어를 제공한다면

      example.com/ko

      한국지역에 관련된 컨텐츠라면

      example.com/kr

      한국어 도 제공하고, 한국에서도 서비스를 제공한다면

      example.com/ko-kr

      이런 형태가 되는 것 입니다.

      마이크로소프트, 레드불, 다국적 기업들은 대다수 이런 형태의 url 을 유지합니다.

      그런데 이런 형태의 다국어 사이트 구축이나 유지는, 개인이 하기에는 현실적으로 많이 어려운 것 이 사실입니다.

      플러그인을 사용하신다면, example.com 에서 ajax 로 한국어도 제공하고 영어도 제공하고, 이런 형태의 플러그인만은 꼭 피하셔야 합니다.

Leave a Reply

Your email address will not be published. Required fields are marked *