전세계 부동의 1위 사이트 빌더인
워드프레스로 홈페이지 제작
워드프레스의 장점은 아래와 같습니다.
전세계가 CMS로 웹사이트를 만드는 이유
드림위버에서 HTML, CSS, Javascript, php, 앵귤러(ANGULAR), 리액트(REACT), 뷰(VUE) 까지 정말 수없이 많은 웹사이트 빌더들이 있습니다. 그러나 특수한 기능을 위해 개별 코딩을 하지 않는 이상, 전세계적으로는 웹사이트 빌더와 CMS는 동의어입니다.
소스가 공개된 개방형 CMS로 만든 웹사이트들은 사이트 제작사가 아닌 더라도 수많은 제작사/제작자가 있으므로 유지보수가 가능합니다. 한편 소스가 비공개된 웹사이트 빌더로 구축된 사이트들은 사이트 유지보수를 사이트 제작사만이 할 수 있어 종속되게 됩니다. 간단한 팝업하나를 추가하려고 해도 추가 작업 요청을 해야하고 비용이 발생합니다.
CMS(Content Management System 콘텐츠 관리 시스템 )는 소프트웨어 응용 프로그램입니다 . CMS의 대부분이 웹에서 이루어지고 있어 WCMS가 정확하나 보통 CMS로 사용하고 있습니다. CMS를 사용하면 사용자 친화적인 인터페이스에서 콘텐츠를 생성, 관리, 수정 및 게시할 수 있습니다.
웹사이트를 제작하는 방법에는 다양한 방법이 있습니다. CMS 는 사용자가 처음부터 코딩하거나 코딩 방법을 전혀 몰라 도 웹사이트를 구축 및 관리할 수 있게 해줍니다.
웹 사이트를 구축하기 위해 CMS를 사용하면 어떤 이점이 있습니까?( 출처 : CMS (콘텐츠 관리 시스템) 란 무엇입니까? CMS 란 무엇입니까? )
- 단순한 컨텐츠 관리(Simplified Content Management)
- 디자인과 내용이 분리되었습니다(Zero Dependency). 컨텐츠 작성 및 디자인의 분리는 아마도 컨텐츠 관리 시스템을 사용하는 데 가장 큰 이점 일 것입니다. 디자인과 기능이 분리되어 있으므로 누구나 기술 지식 없이도 CMS에서 문서를 추가, 편집 및 형식화 할 수 있습니다.
- 액세스 권한을 설정하는 기능(Complete Control). 모든 CMS에서 관리자는 각 사용자에 대한 액세스 권한을 설정할 수 있습니다. 즉, 일부 사용자는 콘텐츠를 추가 및 편집하고 다른 사용자는 실제로 콘텐츠를 게시 할 수 있으며 다른 사용자는 범용 액세스 권한을 가질 수 있습니다. 이러한 사용자 분류 기능은 특정 사용자에 대한 액세스를 제한하여 보안을 강화합니다.
- 시간과 노력의 절약(Save Time And Efforts) : CMS를 사용하는 사이트를 빠르고 쉽게 업데이트 할 수 있습니다. CMS 디자인이 발전함에 따라 바닥 글, 머리글 및 위젯 영역을 단순히 이동하거나 업데이트하여 사이트의 디자인 요소도 수정하기가 점점 쉬워졌습니다.
- SEO 친화적(SEO Freindly). 모든 주요 CMS는 SEO 친화적이므로 메타 데이터, 사용자 정의 페이지 제목 및 조정 가능한 URL을 포함 할 수 있습니다. 또한 대부분 사이트 최적화를 개선하기 위해 사용할 수있는 많은 타사 플러그인이 있습니다.
- 인기있는 모든 CMS 옵션은 무료입니다(Reduce Maintance Cost) : 최소한 기본 프레임 워크의 경우 전문 테마, 웹 호스팅 또는 일부 플러그인에 대해 추가 비용을 지불 할 수 있지만 일반적으로 가장 인기있는 CMS 시스템을 완전 무료로 사용할 수 있습니다.
전세계 상위 100만 사이트의 CMS 빌더 순위
| WordPress | 363,912 | 36.39 % |
| Drupal | 34,120 | 3.41 % |
| SiteXpress | 29,599 | 2.96 % |
| Google Search Appliance | 29,187 | 2.92 % |
가격
- 호스팅 회사 : 카페24
홈페이지 제작
- 쇼핑몰 기획(호스팅 선정 & 도메인 연결, 호스트에 워드프레스 설치(반응형(resposive)으로 모바일용 web를 따로 개발할 필요 없음), 웹사이트 구조 & 메인화면 계획하기)
- 쇼핑몰의 디자인틀에 해당하는 워드프레스 테마 선정/설치 및 설정하기(메뉴, 푸터(이용약관&개인정보 처리방침 추가하기), 기본 위젯, 자식테마(One-Click Child Theme) 만들기 포함)
- (워드 프레스의 기능을 확장하는 도구인) 플러그인들 설치 & 설정하기/ 메뉴, 카테고리, 태그 만들기
- 전면 페이지, 상세 페이지들, 게시글들 만들기. 폼메일 삽입하기 등
- 상품카테고리 만들기 및 상품 등록하기
- 결제 플러그인 설치 및 연동하기(코드엠)
- 주문 / 배송 테스트 및 설정하기
- SNS 플러그인 설치 및 게시글 작성시 연동되어 자동으로 게시되게 하기
- 웹사이트 하단에 바로 전화하기 또는 다운로드 Call-To-Action 설치 등
- 50 페이지 미만 조건입니다. 50 페이지 초과시 공급가액이 올라갑니다
블로그 제작
- 홈페이지 제작과 내용이 동일합니다.
PWA(Progressive Web Apps )
- Uber,Alibaba,Trivago등에서 채택한 ‘프로그레시브 웹 앱스(Progressive Web Apps.PWA)’는 app의 장점을 모두 가지면서도 app에 비해 시간, 노력, 구측비용이 50%이하로 저렴합니다.
- PWA는 웹(web)이므로 검색포털에 노출되어 자연스럽게 유입을 얻을 수 있습니다.
- 스마트폰/태블릿은 기본, PC/노트북에서도 app을 구현할 수 있습니다.
- 홈 스크린(Home Screen)에 바로가기 아이콘을 추가하여 쉽게 찾아올수 있게 할 수 있습니다(유입 및 재방문을 크게 늘릴 수 있습니다)
- 무제한 무료 푸시 알람(Push Notification)을 보내어 재유입 또는 전환을 이끌 수 있습니다
- 이외에도 오프라인 상태에서도 작동하여 웹서버가 중지되어도 사용자는 해당 사이트를 이용할 수 있습니다.
- 일반 web에 비해 4배나 빠른 loading 속도로 검색엔진최적화에 높은 점수를 받아 상위에 랭크될 수 있는 강점(사업성)이 있습니다.
FAQ(자주 묻는 질문들)
Q. 경쟁사 또는 벤치마킹 회사가 워드프레스로 홈페이지를 만들었는데 똑같은 기능을 구현할 수 있을까요?
A. WhatCMS.org, WordPress Theme Search 사이트(http://whatwpthemeisthat.com/)를 이용하여 디자인틀인 테마는 물론 기능을 담당하는 플러그인들을 모두 파악할 수 있습니다.
또한 Wappalyzer, BuiltWith, W3 Tech, SimilarTech 등을 이용하여 해당 사이트 적용된 서버, WordPress, Joomla, Drupal 등과 같은 사용되는 CMS 종류, e-commerce 빌더의 종류, PHP, Node.js, javascript 등과 같이 사용되는 프로그래밍 언어 등 적용된 모든 기술을 파악할 수 있으므로 경쟁사 또는 벤치마킹할 사이트와 같이 구현할 수 있습니다.
(단, 프로그래밍 영역은 상당한 비용이 발생합니다.)
Q. 홈페이지는 있는데, 홈페이지를 상위노출 시키는 방법이 있을까요 ?
A. 검색엔진 결과 페이지에 상위노출 시키는 일련의 작업을 검색엔진최적화(SEO, Search Engine Optimization)라고 합니다. 검색엔진최적화(SEO)는 자사의 웹사이트 혹은 웹페이지를 검색엔진 로봇이 잘 수집하고 색인되게하여 노출되도록 최적화하는 방법입니다. 이를 통해 궁극적으로는 이용자에게 더 좋은 검색 경험을 제공해 주는 것이 최종 목표입니다. 사이트 운영자는 검색엔진최적화(SEO)를 통해 비용을 들이지 않고 자신의 웹사이트를 알릴 수 있고 유입과 판매를 이끌어낼 수 있습니다. 이를 마케팅 관점에서는 검색엔진마케팅(SEM, Search engine marketing)이라고 하며 무료이면서 가장 효율적인 마케팅 수단입니다.
웹사이트를 모바일 친화적으로 만들고 싶은데 가능할까요?
A. 예, 가능합니다. 워드프레스는 기본적으로 반응형 제작이 가능하여 모바일 친화적인 웹사이트가 만들어집니다. 여기에 betheme를 이용하여 모바일의 디자인을 더욱 세련되게 만들어드립니다.
한편 AMP(Accelerated Mobile Pages)로 로딩속도를 단축시켜 빠른 로딩속도가 가능하도록 사이트를 제작해드립니다.
더욱 빠른 로딩 속도를 원하시면 PWA(Progressive Web Apps)로 제작해드립니다.
웹사이트를 워드프레스로 만들었는데 PWA(Progressive Web Apps) 구현이 가능한가요?
A. 예, 가능합니다.
Uber,Alibaba,Trivago등에서 채택한 ‘프로그레시브 웹 앱스(Progressive Web Apps, PWA)’는 app의 장점을 모두 가지면서도 웹(web)이어서 검색엔진최적화가 가능합니다.
PWA는 웹(web)이므로 검색포털에 노출되어 자연스럽게 유입을 얻을 수 있습니다. 스마트폰/태블릿은 기본, PC/노트북에서도 app을 구현할 수 있습니다. 다운로드가 필요없습니다. 무제한 무료 푸시 알람이 가능합니다. 인터넷 오프라인 상태에서도 이용할 수 있습니다.
이런 이유로 PWA에 대한 수요가 증가하고 있습니다.
홈페이지/쇼핑몰 수준의 사이트는 해당 사이트에 PWA의 핵심기술인 매니페스트(manifest), 서비스워커(service worker)를 적용하여 어렵지 않게 PWA로 구축이 가능합니다.
워드프레스는 PHP에 기반하지만 javascript 코드를 넣을 수 있습니다. 또한 이미 많은 개발자들이 Vue로 워드프레스의 테마와 플러그인들을 개발하여 내놓고 있습니다. Progressive javascript인 Vue를 적용하면 서버단까지 개발이 가능합니다.
