[추천]홈페이지 빌더(웹사이트 빌더, 쇼핑몰 빌더) 분석 사이트들(도구들) / 사이트 벤치마킹 사이트들(도구들) : Q. 이 사이트는 무엇으로 만들었지 ?

검색엔진최적화를 하고자 하면 처음부터 제작하는 경우, 워드프레스로 제작하면 되는데, 기존의 사이트/홈페이지/쇼핑몰을 SEO(검색엔진최적화)하고자 하면 직면하는 문제가 기존의 사이트/홈페이지/쇼핑몰을 어떤 사이트 빌더로 만들었는지 모른다는 것입니다.(사이트 개발자와 연락이 끊긴 경우, 소유자들은 어떤 빌더를 이용했는지 모르는 경우를 자주 접합니다.) 호스팅회사는 네임서버를 이용해 쉽게 찾을 수 있습니다.

 

워드프레스로 만들어진 것은 알수 있는데 다른 빌더로 만들어진 사이트들도 빌더를 알아내는 방법을 알아보았습니다.

 

홈페이지 빌더(웹사이트 빌더, 쇼핑몰 빌더) 분석(탐지) 요소들(어떤 홈페이지 빌더(웹사이트 빌더, 쇼핑몰 빌더)를 이용하였는지 분석할 수 있는 요소들)

WhatCMS.org 가 제시하는 분석(탐지) 요소들은 Meta, Headers, Markup, Javascript ,Domain입니다. ( Content Management Systems  )

메타( Meta )

CMS는 때때로 각 페이지의 html 내에 메타 태그를 포함합니다. 이것은 일반적으로 <meta name = “generator”content = “What CMS”/>와 같은 “generator(생성기)”태그이지만 “application-name”, “Powered-By”또는 CMS 제작자가 사용하기로 결정한 기타 요소일 수도 있습니다.

워드프레스로 만든 이 사이트(seenbuy.kr)의 소스중 헤드를 살펴보니, “<meta name=”generator”content=”WordPress 4.9.5”>”로 보여집니다.

헤더(Headers)

쿠키를 포함한 HTTP 헤더는 동일한 상황에서 CMS를 식별하는 데 사용할 수 있습니다.

마크 업( Markup , HTML : Hyper Text Markup Language )

CMS에 메타 태그가 없으면 다른 고유하게 식별 가능한 HTML 마크 업을 사용하는 경우가 많습니다. 고유한 HTML 주석, ID 또는 클래스(classes)가 식별 가능한 HTML 마크 업(언어)의 범위입니다.

자바 스크립트

식별 가능한 HTML 마크 업과 마찬가지로 CMS는 웹 페이지에 고유 한 자바 스크립트 코드를 삽입하기도 합니다.

도메인

일부 콘텐츠 관리 시스템은 호스팅도 제공합니다. CMS 개발자의 도메인에서 호스팅되는 웹 사이트는 완전히 공짜입니다.( Some content management systems also offer hosting. A website hosted on a CMS developer’s domain is a dead giveaway. )

예를들어, seenbuykr.wordpress.com 와 같은 도메인을 사용하였다면 이것은 wordpress.com 의 무료 호스팅을 이용하였다는 의미이고 홈페이지 빌더(웹사이트 빌더, 쇼핑몰 빌더)로 WordPress를 이용하였다는 의미입니다.

 

국내 사이트 빌더 순위

BuiltWith Logo 에 따른면( https://trends.builtwith.com/cms/country/Republic-of-Korea ), 국내 사이트 빌더 순위는 아래와 같습니다.

이 순위는 의뢰받은 사이트를 검색엔진최적화하기 위해서 학습해야할 사이트 빌더의 수를 의미하기도 합니다. WordPress(누적 점유율:57.0%) >  Wix( 누적 점유율:77.7% ) > Namo WebEditor( 누적 점유율:86.6% ) > EditPlus ( 누적 점유율:91.0% )>Blogger ( 누적 점유율:94.9% )> Adobe Muse( 누적 점유율:95.4% ) > Drupal  ( 누적 점유율:95.4% )순입니다.

한국내 사이트빌더 순위( Top in CMS usage in Republic of Korea · Week beginning May 21st 2018 )

Name .KR %
WordPress 30.52%
Namo WebEditor 8.87%
WordPress 4.7 7.82%
WordPress 4.8 7.5%
Wix 7.26%
Wix Non-Flash 7.26%
Wix Premium 6.19%
EditPlus 4.44%
Blogger 3.87%
WordPress 4.6 2.42%
WordPress 4.4 1.98%
WordPress 4.5 1.89%
WordPress 4.2 1.18%
WordPress 4.3 1.17%
WordPress 4.1 0.96%
WordPress 4.0 0.62%
WordPress 3.9 0.52%
Adobe Muse 0.47%
Drupal 0.44%
WordPress 3.8 0.42%

WIX에서 워드프레스로 이전

Wix를 워드프레스로 이전할 수 있다면 77.7%( 누적 점유율 )의 사이트를 최적화할 수 있습니다.

마이그레이션 툴로 워드프레스로 이전이 가능 하다는 의견과 실제로는 이 플러그인이 잘 작동하지 않는다는 의견( WIX를 워드프레스로 마이그레이션하기 ) 이 있습니다.

WIX에서 워드프레스로 이전

 

 

WIX를 워드프레스로 마이그레이션하기 이 제시하는 수동으로 이전하는 방법은 아래와 같습니다 .

  1. WIX RSS 피드를 xml 파일로 저장합니다.
  2. 워드프레스의 도구 > 가져오기에서 RSS 피드를 가져옵니다.
  3. 페이지는 수동으로 변환해야 합니다. (Wix에서는 페이지를 내보내는 기능을 허용하지 않는다고 하네요.)
  4. 그리고 그림도 가져오도록 합니다. 이때 Import External Images 플러그인을 사용할 수 있습니다.

 

위의 과정이 “How to Convert Wix to WordPress: A Complete Guide to All Your Options“라는 글에 자세히 설명되어 있으니 참고해보시기 바랍니다.

 

홈페이지 빌더(웹사이트 빌더, 쇼핑몰 빌더)로 wordpress 를 사용했는지 알아내는 방법들(탐지기, tool)

1. WhatCMS.org( https://whatcms.org/ )

WhatCMS.org 는 웹 사이트 콘텐츠를 분석하여 어떤 콘텐츠 관리 시스템이 사용되고 있는지 확인합니다. 우리는 300 개가 넘는 다른 CMS를 탐지 할 수 있습니다.

whatcms.org

 

WhatCMS.org는 18.5.22 현재 367가지의 CMS 응용 프로그램 및 서비스의 사용을 탐지할 수 있습니다.

탐지할 수 있는 CMS( Content Management Systems )의 종류와 시장점유율 그리고 대표적인 사이트들, 그리고 어떻게 CMS를 탐지하는지 정보를 제공합니다.

** CMS( Content Management Systems )

: 외국에서는 웹사이트 구축의 중요 목적이 웹 콘텐츠 제공이라고 생각하고 있어 (웹) 콘텐츠 관리 시스템이라고 부르고 있습니다. 한국어로는 웹사이트 관리 시스템 정도라고 생각하시면 됩니다.

: 여기서 말하는 웹 콘텐츠 관리 시스템 (WCM 또는 WCMS)은 웹 페이지의 콘텐츠의 관리를 지원하도록 설계된 CMS(콘텐츠 관리 시스템)입니다.
전문 지식이 부족한 사용자도 웹 마스터의 개입없이 웹 사이트의 콘텐츠를 추가, 수정 및 삭제할 수 있는 시스템입니다. 웹 컨텐츠에는 컨텐츠 를 표시하거나 사용자와 상호 작용 하는 텍스트 및 임베디드 그래픽 , 사진 , 비디오 , 오디오 , 맵 및 프로그램 코드 (예 : 어플리케이션)가 포함됩니다.

시장 점유율 통계에 따르면 가장 인기있는 콘텐츠 관리 시스템은 WordPress로 인터넷의 모든 웹 사이트 중 28 % 이상이 사용하고 알려진 콘텐츠 관리 시스템을 사용하는 모든 웹 사이트의 59 %가 사용합니다. 다른 인기있는 컨텐츠 관리 시스템에는 Joomla 와 Drupal이 있습니다. ( 출처 : https://en.wikipedia.org/wiki/Content_management_system )

WhatCMS.org 가 제공하는 367개의 CMS들중 제가 아는 CMS 는 Joomla, Wix, WordPress, Google Sites , 구글 Blogger 정도입니다. Wix 는 국내에서 광고를 많이해 순위가 높을 것 같은데, 전세계를 놓고 볼때는 7위 정도하고 시장점유율은 생각보다는 낮은 편입니다. WhatCMS.org 가 제시하는 순위, 시장점유율, 중요 이용 언어는 아래와 같습니다 .

WordPress

#1(Out of 367), 48.97%(Market Share), English (en) 62.53%

Drupal
#2(Out of 367), 6.393%(Market Share), English (en) 67.42%

Joomla
#3(Out of 367), 6.376%(Market Share), English (en) 47.25%

Wix
#7(Out of 367), 2.269%(Market Share), English (en) 99.95%

구글 Blogger
#12(Out of 367), 1.056%(Market Share), English (en) 49.15%

Content Management Systems  을 방문하시면 Meta, Headers, Markup, Javascript ,Domain들중 어떤 요소를 가지고 CMS를 탐지하는지 일목요연하게 확인하실 수 있습니다.

Content Management Systems_Detection Methods

 

 

 

2.What WordPress Theme is That?( http://whatwpthemeisthat.com/ )

제가 많이 사용하는 사이트(도구)입니다. 이 사이트를 이용하면, 특정 웹사이트가 워드프레스로 만들어젔는지 여부와 워드프레스로 만들어젔다면 어떤 테마를 사용하는지 쉽게 확인할 수 있습니다.
하지만, 모든 워드프레스 웹사이트의 테마를 알 수 있는 것은 아닙니다. Thesis 테마 같은 프레임워크형 테마를 사용하거나, 플러그인을 사용해서 정보를 숨긴 경우에는 아무것도 알아낼 수 없습니다. 이런 경우에는 소스 보기 기능을 사용해서 확인할 수 있습니다.( 출처 :  [Do it! 쉽게 만드는 워드프레스 웹사이트], (공)저: 이태원  )

whatwpthemeisthat.com

 

3. https://www.wpthemedetector.com/

4. 기타

이 밖에도 구글에서 WordPress decetor 로 조회하시면 많은 워드프레스 탐색 사이트(도구, tool)를 얻을 수 있습니다.

 

 

웹 사이트에 사용되는 기술을 찾을 수 있는 사이트들(도구들, tools)

1. Built With( https://builtwith.com ) : 추천

“Q. 이 사이트는 무엇으로 만들었지 ?” 에 대한 해답을 주는 사이트(도구, tool)

온라인 인터넷 리서치 도구로 구축 된 기술(Built With online Internet research tool)은 웹 사이트를 만드는 데 사용되는 기술과 아름다운 차트로 관련 기술 동향 통계를 제공한다는 사실을 알게 해 주어 매우 인상적입니다.

사용기술과 함께 광고가 사용되는지 여부를 알려줍니다.

웹 사이트를 추적하여 각 구성 요소를 공개하는 방법을 알아보는 것은 흥미롭습니다.

이런 신통방통한 사이트가 다 있나! 그동안 내 눈을 휘둥그레하게 만들었던 웹사이트들의 비밀을 알아낼 방법이 여기에 있었다. 2007년 설립된 ‘빌트위드(BuiltWith)’는 웹 기술 동향 정보 및 웹사이트 기술 조회 툴을 제공한다. 6,000여 개의 웹 기술과 2억 2천만 개가 넘는 웹사이트로부터 수집한 빌트위드의 기술 분석 데이터는 위치, 트래픽 등에 따라 원하는 내용을 필터링해 찾아볼 수 있으며 위젯, 프레임워크, CMS, 광고, 웹 표준, 웹 서버 등 다양한 분야를 아우른다. ( [BuiltWith] 뼛속까지 보인다 )

빌트위드의 전체 메뉴 구성은 ‘Trend’, ‘Features’, ‘Plans&Pricing’, ‘Customers’, ‘Resources’로 이뤄져 있다. ‘Trend’에서 웹 기술 트렌드와 전 세계 웹 스토어들의 전자상거래 볼륨 변화를 보여주며, ‘Features’에서는 빌트위드가 보유한 웹 분석 서비스와 기능들을 소개한다. ‘Plans&Pricing’을 눌러보니 서비스 이용을 원하는 이에게 적합한 패키지를 제안하고 있었고 월간, 혹은 연간으로 구매해 사용 가능하다는 사실을 알 수 있다. 연간 이용 시 두 달은 무료란다. ( [BuiltWith] 뼛속까지 보인다 )

[Anylytics and Tracking]

구글, 네이버 등 각종 애널리틱스가 설정되어 있는지 한눈에 확인할 수 있습니다.

builtwith_analyticsandtracking

[Widgets]사이트를 우수하고 만드는 위젯들이 모두 표시됩니다. 워드프레스의 플러그인들은 여기에 표시됩니다.

builtwith_widgets

[Frameworks]에서 워드프레서에서 이용한 테마이름을 확인할 수 있습니다.

builtwith_frameworks

[Mobile] 에서는 이 사이트가 모바일 친화적인지 확인할 수 있습니다.

이 페이지는 뷰포트 메타 태그를 사용합니다. 즉 콘텐츠가 모바일 콘텐츠에 맞게 최적화 될 수 있습니다.

 

builtwith_mobile

[Content Management Systems]Content Management Systems로 워드프레스를 사용했음을 알 수 있습니다.

builtwith_content management systems

사용된 기술을 선택하면 통계자료를 제공합니다.

builtwith_details builtwith_Ecommerce_auctons_co_kr builtwith_Ecommerce

 

2. W3 Techs( W3 기술 )

웹과 관련된 기술들에 현황 정보를 제공하는 곳입니다. ‘웹 기술 사용에 대한 가장 완전화고 가장 광범위한 소스를 제공’이 모토이며 웹 트렌드를 파악하기에 좋은 사이트입니다.( 웹사이트를 구축하는데 도움이 되는 사이트 )

W3 Techs 사이트 정보 도구 는 자세한 정보를 표 형식으로 알려줍니다.

  • 인기 순위 : 알렉사 랭크 순위로 제공됩니다.
  • WordPress, Joomla, Drupal 등과 같이 사용되는 CMS
  • PHP, Node.js, javascript 등과 같이 사용되는 프로그래밍 언어
  • 마크 업
  • 문자 인코딩
  • 이미지 파일 형식
  • 사이트 요소 – 외부 CSS, 인라인 CSS,
  • 압축, SPDY, HTTP / 2, HSTS, SSL 인증서 세부 정보,
  • 분석, 웹 서버, 분석, 역방향 프록시 정보

마지막으로 인기도 및 트래픽을 기준으로 기술 점수를 받게됩니다.

w3techs

3. 와플 라이저

Wappalyzer 는 Firefox 또는 Chrome에서 사용할 수 있는 브라우저 확장 프로그램으로 웹 사이트의 기술을 탐지하고 세부 정보를 표시합니다.

파이어폭스 또는 크롬 사용자라면, 확장 기능을 설치하시면 사이트에서 실행중인 항목들을 바로 확인할 수 있는 가장 쉬운 방법입니다.

Download & Install URL : https://www.wappalyzer.com/download

크롬 download URL : https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg

확인 가능한 기술들은 https://www.wappalyzer.com/datasets 을 참조하세요. ( Dreamweaver도 조회됩니다. )

 

wappalyzer

4. SimilarTech 

나는 어떻게 계산되었는지 모르지만  SimilarTech  는 광고, 분석, 위젯, 소셜 공유, 모바일, CDN, CMS, 미디어, 공개 그래프, 스키마 및 메타 태그 세부 정보와 같은 기술 점수와 목록을 제공합니다.

 

빠른 웹 사이트 프로파일 링을 위해 브라우저에 확장을 설치할 수도 있습니다.

시각화가 잘 되어 있어 보기가 너무 편하고 회원가입하면 history(변경 이력)도 조회할 수 있는 강점이 있습니다.

similartech

5. ALLORA 

ALLORA 를 사용하는 것은 특정 웹 사이트에서 사용되는 기술 스택을 찾는 간단하면서도 쉬운 방법입니다.

 

Allora 는 모든 웹 사이트에서 사용되는 경쟁 기술을 분석하여 고객을 찾을 수있게 합니다. Allora는 최고 1,000,000 개의 웹 사이트를 매일 업데이트합니다.

 

( 이미지 출처: How to find What Technology Website using? )

 

Built With 와 비슷한 정도의 정보를 제공하는데 분류가 안되어있는 것은 단점이고 시각화가 잘 되어 있는 것은 강점입니다. 훌륭합니다. 

allora_io

 

6. Netcraft

Netcraft Site Report 는 아마 시장에서 가장 오래된 도구 중 하나이며 다음과 같이 다양한 유용한 정보를 찾는 데 도움이 됩니다.

  • 배경 – 처음 본 제목, 순위, 언어, 설명
  • 네트워크 – IPv4 / IPv6 주소, 도메인 등록 기관, 네트워크 소유자, 호스팅 국가
  • SSL / TLS – POODLE,
  • heart bleed( OpenSSL 에서 나타나는 보안관련 버그), SSL 인증서 세부 정보 , 프로토콜 협상, 공개 키, 인증서 유형 및 체인 세부 정보 와 같은 취약성 상태
  • 호스팅 – 웹 사이트 호스팅
  • SPF 세부 정보
  • 보안 – 위험 등급, 차단 목록
  • 사이트 기술 – CDN, CMS, 소프트웨어, RSS, 압축, 문자 인코딩. 이외에도 Advertising Networks로 Google AdSense를 사용하는지, E-Commerce로 WooCommerce WordPress Plugin을 사용하는지 등을 확인할 수 있습니다.

Netcraft

 

 

참고자료 : 1. How to find What Technology Website using?

2. [Do it! 쉽게 만드는 워드프레스 웹사이트], (공)저: 이태원

3. 웹사이트를 구축하는데 도움이 되는 사이트

4. [BuiltWith] 뼛속까지 보인다

5. 벤치마킹 시 유용한 사이트

6. WIX에서 워드프레스로 이전

7. WIX를 워드프레스로 마이그레이션하기

답글 남기기