원페이지 웹사이트 제작의 모든 것 - Part 2



원페이지 웹사이트 제작의 모든 것 - Part 1을 통해 웹사이트의 기본 골조를 세우는 기초 공사를 마치셨나요? Part 2에서는 그냥 지나칠 법하지만 사실은 아주 중요한 마무리 작업에 대해 살펴보세요. 작은 디테일까지 놓치지 않아야 온라인 비즈니스의 성공을 이끄는 강력한 웹사이트를 완성할 수 있습니다.



원페이지 웹사이트 제작 방법 Part 2 (7 ~ 12)


  1. 내 비즈니스에 적합한지 판단하기

  2. 콘텐츠 계획 수립하기

  3. 템플릿 선택하기

  4. 콘텐츠 섹션 나누기

  5. 패럴렉스 스크롤링(Parallax Scrolling) 추가하기

  6. 각 섹션을 연결하는 앵커 메뉴 추가하기

  7. 방문자의 편의성을 고려해 스크롤링 최적화하기

  8. 강력한 CTA 배치하기

  9. 바닥글에 디테일 더하기

  10. SNS 계정 링크 추가하기

  11. SEO 최적화 작업하기

  12. 검색엔진 최적화(SEO) 작업하기



7. 방문자의 편의성을 고려해 스크롤링 최적화하기


원페이지 웹사이트의 길이가 너무 길면 방문자는 마우스 휠을 하염없이 굴리다 지치기 십상입니다. 사이트 방문자에게 편리한 경험을 제공하기 위해 클릭 한 번에 바로 사이트 상단으로 이동할 수 있는 Top 버튼을 추가하세요. Top 버튼은 사이트에 고정되어 위치하기 때문에 방문자가 사이트 맨 아래까지 스크롤링해도 페이지에 항상 표시됩니다.



8. 강력한 CTA 배치하기


한 페이지에 모든 콘텐츠를 담고 있기 때문에 뉴스레터 구독, 견적 및 예약 신청 등과 같은 우선순위로 방문자의 관심을 끌기 위한 목적으로 CTA(Call-to-action)를 적절하게 사용해야 합니다. CTA란 사이트 방문자가 즉각적인 조치를 취하도록 유도하는 짧은 문구를 말합니다. 페이지의 상단에 CTA를 배치하면 최고의 가시성을 확보하여 방문자를 의도한 목적에 따라 특정 섹션으로 안내할 수 있습니다.


6단계에서 각 섹션에 알맞은 앵커를 연결한 것처럼 CTA 버튼도 연결하면 됩니다. 에디터에서 CTA 버튼을 추가한 후 CTA를 앵커에 연결하여 방문자가 특정 섹션으로 이동하게 하세요. 즉 '문의하기'라고 표기한 CTA 버튼은 '문의하기' 섹션과 연결됩니다.



9. 바닥글에 디테일 더하기

바닥글은 페이지 하단에 있는 영역입니다. 대부분의 방문자들은 연락처 같은 중요한 정보를 찾으려고 바닥글로 이동합니다. 따라서 연락처 정보, SNS 링크, 영업시간, 이용 약관 등을 바닥글에 포함시키세요.


실제 오프라인 매장이 있는 경우 바닥글에 지도를 추가할 수도 있습니다.





10. SNS 계정 링크 추가하기

온라인에서의 모든 SNS 활동(Instagram, Facebook, Youtube 등)을 내 웹사이트에 연결하여 공유하는 것은 매우 중요합니다. 보다 더 많은 트래픽을 사이트로 유도할 수 있기 때문이죠.


SNS 계정을 사이트에 통합하여 더 많은 클릭과 참여를 유도하는 방법:

  • 웹사이트에 SNS 모음 추가: SNS 아이콘에 대한 여러 디자인 옵션 중 하나를 선택한 뒤 SNS 계정의 링크를 새로운 창으로 열리게끔 추가하면 됩니다. 다만, 방문자가 홈페이지를 스크롤링 할 때 SNS 아이콘이 항상 보일 수 있도록 '위치 고정' 옵션을 설정해야 하는 점 잊지 마세요.

  • Instagram 피드 추가:Instagram 피드를 웹사이트에 연동하여 팔로어를 늘리세요. 잠재 고객에게 비즈니스 사진과 위치 정보를 제공할 수 있는 좋은 방법입니다. Instagram 계정을 추가할 때 사용자 지정이 가능한 다양한 레이아웃 중 하나를 골라 원하는 대로 변경할 수 있습니다.





11. 검색엔진 최적화(SEO) 작업하기

온라인 마케팅의 꽃이라고도 불리는 검색엔진 최적화(SEO)는 모든 웹사이트의 중요 요소입니다. 검색엔진 최적화란 내 사이트가 특정 키워드 검색 결과에서 상위에 노출될 수 있도록 사이트를 최적화하여 더 많은 트래픽과 잠재 고객을 확보하기 위한 전반적인 작업을 의미합니다.


먼저 내 홈페이지가 Google에서 색인이 생성되는지 확인하세요. 다행히 Wix에서 제작한 웹사이트는 사이트를 만든 후 몇 초 안에 Google에 노출됩니다. 색인을 생성한 후 내 사이트와 관련된 키워드를 선택하여 해당 키워드 검색 결과에서 내 사이트가 눈에 잘 띌 수 있도록 하세요.


전문 지식이 없더라도 Wix에서 홈페이지를 제작하면 SEO 최적화 작업이 훨씬 쉬워집니다. Wix SEO 마법사는 키워드 추천부터 사이트 맞춤용 SEO 계획까지 맞춤형 체크리스트를 통해 필요한 과정을 친절하게 안내합니다.



12. 모바일 최적화 작업하기


오늘날 데스크톱보다는 스마트폰에서 인터넷을 검색하는 것이 일반적입니다. 이는 웹사이트가 모바일 버전에 따라 SEO 측면에서 우선순위가 매겨지는 이유이기도 합니다. 따라서 웹사이트는 데스크톱 버전과 마찬가지로 모바일 버전에서도 똑같이 보기 좋고, 기능적이어야 합니다. 이 과정에서 가독성과 페이지 탐색이 중요하다는 사실을 고려하면 원페이지 웹사이트로 사이트를 제작하기로 결정한 것은 이미 올바른 방향으로 나아가고 있음을 보여줍니다.


Wix에서 홈페이지를 제작하면 어떤 기기에서도 보기 좋은 모바일 버전의 사이트가 자동으로 생성되기 때문에 수고로움을 덜 수 있습니다. 에디터로 이동하여 모바일 에디터로 전환한 다음 내 모바일 사이트를 미리 확인하세요. 팁을 하나 드리자면, 모바일 사이트에서만 사용할 수 있는 퀵액션바를 추가하여 방문자들에게 편의를 제공하세요.





영감을 받을 수 있는 원페이지 웹사이트 샘플:

직관적 원페이지 웹사이트가 어떤 결과물인지 궁금하다면 Wix 사용자가 제작한 세련된 원페이지 웹사이트를 아래에서 확인하세요.



Young Book Design Awards




Mutiny Creative Agency




Ed5M




By Wix 팀






홈페이지 만들기