홈페이지 제작 방법 알아보기

왜 자신의 홈페이지 제작해야 하나?

이전 포스팅에서 퍼스널 브랜딩을 위해서 홈페이지로 온라인 빌딩을 만들어야 하는 이유에 대해 알아보았습니다. 이번 포스팅에서는 홈페이지 제작 방법에 대해 알아볼 예정인데요.

먼저 아래 링크를 읽어주세요.

홈페이지 이용해 온라인빌딩 건설 필요성

 

홈페이지 제작 단계

홈페이지 제작 방법에 관해서 알아보면 다양한 방법이 있겠지만, 일반적으로는 다음과 같은 단계를 거칩니다.

1. 목적과 목표 설정홈페이지 제작하기 전에, 제작하는 목적과 목표를 설정해야 합니다. 홈페이지를 만드는 이유가 무엇인지, 어떤 메시지를 전달하고 싶은지, 어떤 대상을 대상으로 하는지 등을 고민해 보세요.
2. 콘텐츠 기획목적과 목표를 설정한 후에는 어떤 내용을 담을지 결정해야 합니다. 홈페이지에는 대개 회사/기관 소개, 제품/서비스 소개, 고객 센터, 블로그 등의 내용이 포함됩니다. 이를 기반으로 각각의 페이지의 제목과 내용을 정해보세요.
3. 디자인콘텐츠를 준비한 후에는 디자인을 결정해야 합니다. 홈페이지를 제작하는 방법에는 여러 가지가 있지만, 대개는 HTML, CSS, JavaScript를 이용하여 제작됩니다. 디자인은 홈페이지의 이미지, 레이아웃, 색상 등을 결정하는 것을 말합니다.
4. 콘텐츠 제작기획한 후에는 콘텐츠를 제작하기 위해서 글쓰기, 사진/동영상 촬영, 그래픽 제작 등의 작업이 필요합니다.
5. 웹 호스팅 및 도메인 등록홈페이지를 제작한 후에는 호스팅 서비스와 도메인을 등록해야 합니다. 호스팅 서비스는 홈페이지를 인터넷에 공개하기 위한 서비스이며, 도메인은 홈페이지를 찾기 위한 주소입니다.
6. 검색 엔진 최적화(SEO) 작업홈페이지를 만들었다면 검색 엔진 최적화(SEO) 작업을 통해 검색 결과 상위에 노출되도록 해야 합니다. 이를 위해서는 페이지 제목, 메타 태그, 키워드 등을 최적화해야 합니다.

 

홈페이지 제작 도구

위와 같은 단계를 따라 홈페이지 제작하면 됩니다. 하지만 관련된 기술적인 부분이나 설명이 필요하시다면 언제든지 물어보세요. 제작 단계 중에 웹 호스팅, 도메인 등록, 검색엔진 최적화 등 어려운 용어가 보입니다.

화면 디자인 및 기능 구현은 코딩 전문가, 전문 디자이너만 할 수 있고 수백, 수천만 원이 필요한 것으로 잘 못 알려져 있습니다. 도구와 서비스를 통해 저렴하게 또는 무료로 홈페이지 제작을 할 수 있습니다. 어떤 것들이 있는지 알아보고 특징들에 대해 알아보겠습니다.

• 워드프레스(WordPress) : 워드프레스 링크
  • 블로그와 웹사이트 모두 만들 수 있는 오픈소스 웹사이트 제작 플랫폼
  • 많은 테마(디자인 템플릿)와 플러그인(기능 확장 툴)이 제공됨
  • 검색 엔진 최적화(SEO)에 용이하고, 유료 호스팅 서비스를 통해 더욱 전문적인 기능과 디자인을 활용할 수 있음
  • 단점으로는 보안 취약성에 대한 이슈가 종종 발생할 수 있음

• 윅스(Wix) : https://ko.wix.com/
  • 블로그와 웹사이트 모두 만들 수 있는 클라우드 기반 웹사이트 제작 플랫폼
  • Drag & Drop 방식의 인터페이스를 제공하여 디자인 작업이 용이함
  • SEO에 대한 제한적인 기능 제공 및 사용자 정의 기능이 제한적인 점이 단점

• SquareSpace : https://www.squarespace.com/
  • 클라우드 기반의 웹사이트 제작 도구로, 다양한 기능과 유연한 디자인 옵션 제공
  • 사용자 정의 기능이 많이 제한되어 있지만, 마케팅 도구와 SEO 관련 기능이 강화
  • 월별 구독 요금이 있으며, 다양한 요금제를 선택

• Shopify : https://www.shopify.com/
  • 온라인 스토어 및 전자상거래 웹사이트를 쉽게 제작할 수 있는 플랫폼
  • 상품 관리, 주문 처리, 결제 처리 등에 대한 기능이 내장되어 있어, 비즈니스에 적합
  • 유연한 디자인 옵션과 높은 보안 수준, 강력한 SEO 기능 등을 제공
  • 월별 구독 요금이 있으며, 다양한 요금제를 선택

• Webflow : https://webflow.com/
  • 전문적인 디자인 툴과 코드 에디터를 결합하여, 풍부한 디자인 옵션과 유연한 개발 환경을 제공
  • CMS(Content Management System) 기능도 제공하여, 블로그나 포트폴리오 사이트 등 다양한 종류 웹사이트 제작 가능
  • 전문적인 기능과 개발자 친화적인 환경을 원하는 경우에 적합하나 알아야 할 내용 많음

 

어떤 도구를 사용할 것인가?

정말 많은 도구들이 있고 도구별로 자기들의 서비스가 훌륭하고 장점이 많다고 말하고 있습니다. 그러나 아래 그림을 보면 어떤 도구를 사용해야 할지 어느 정도 감이 오실 것입니다.

 

 

도구 시장에서 43%의 점유율을 가지고 있고 별도의 제작 도구를 사용하지 않은 약 30% 사용자들을 제외하면 3분의 2 정도 사용자를 보유하고 있습니다. 정말 대단하지 않나요?

네이버, 티스토리 등의 무료 제공되는 블로그 기능들에 비하면 난이도가 매우 높습니다. 그리고 Money도 꽤 많이 들어가는데요. 일회성이 아니라 월 또는 연 단위로 비용이 들어가는데 취미로 하기에는 부담스러운 것도 사실입니다.

그런데도 사용자가 많다는 것은 이유가 있을 것 같습니다. 이에 대해서는 다음 포스팅에서 알아볼 예정입니다. 사용자가 많은 만큼 상대적으로 자료를 구하거나 정보를 얻기 유리합니다.

웹 호스팅(24시간 돌아가는 별도의 컴퓨터 대여) 비용, 도메인 주소(크롬, 사파리 등의 웹브라우저에 접속할 때 입력하는 주소) 비용, 기타 부수적인 비용 등이 필요합니다. 이 비용들을 최소화해서 운영할 수 있는 방법도 별도의 포스팅을 통해 알아볼 예정입니다.

 

마치며

홈페이지 제작 방법에 대해 알아보았습니다. 진행 단계를 알아보고, 그 과정에서 어려운 점이 있는지 알아보았습니다. 이를 해결하거나 도와주는 홈페이지 제작 도구 종류에 대해 알아보았습니다. 그중 워드프레스에 대해서 알아보고 단점을 알아보았습니다. 이러한 단점에도 불구하고 사용해볼 워드프레스에 대해서는 다음 포스팅에서 알아보도록 하겠습니다.