2021년, 궁극의 웹사이트 제작 단계별 가이드




기술이 발전함에 따라 그것이 얼마나 복잡한 지 깨닫지 않고도 점점 더 많은 작업을 수행 할 수 있게 되었습니다. 휴대 전화의 동영상 (3살 된 조카가 이미 한 손으로하고 플레이 하고 있음)에 액세스 하거나 엄지 손가락으로 좋아요를 누르는 것이 얼마나 쉬워 졌는지 살펴보세요.


혼자서 웹사이트를 만드는 것은 이젠 현실이 된 경이로움 중 하나 입니다. 웹사이트 빌더의 진화 덕분에 누구나 웹사이트를 디자인하고 인상적인 온라인 존재감을 스스로 만들 수 있게 되었죠.


더 좋아진 점 : 사용 가능한 수많은 전문 기능 (온라인 상점, 예약 기능 등)을 통해 수익을 창출하고 팬 커뮤니티를 육성하며 온라인에서 브랜드를 홍보 할 수 있습니다. 즉, 웹사이트는 더이상 아름다운 쇼윈도우가 아닌 온라인 세상에서 비즈니스 생활의 중심입니다.


시작하기에 앞서, 올바른 방향으로 나아가기 위한 몇 가지 기본 지식이 필요합니다. 웹사이트 빌더 선택 부터 도메인 소유권 주장 및 Google 검색에 이르기까지… 이 전체 가이드는 2021년 웹 사이트를 디자인하는 방법을 상세히 안내 할 거예요.



웹 사이트를 제작하는 방법


  1. 목표 설정

  2. 웹 사이트 빌더 선택

  3. 레이아웃 정의

  4. 도메인 이름 신청

  5. 콘텐츠 수집

  6. 올바른 페이지 추가

  7. 사용성을 우선으로 놓기

  8. 제대로 SEO 하기

  9. 필요한 전문 도구 선택

  10. 모든 사람이 액세스 할 수 있도록 하기

  11. 방문자와 교류

  12. 모바일 최적화

  13. 피드백 요청

  14. 게시하고 다시 반복하기


01. 목표 설정


시작하기 전에 달성하고자 하는 것이 무엇인지 명확해야 합니다. 웹사이트 아이디어가 너무 많기 때문에 다음과 같은 다양한 형태를 취할 수 있습니다.


  • 제품을 판매하는 온라인 상점


  • 당신의 예술을 선보이는 포트폴리오


  • 마케팅 캠페인을 홍보하기위한 랜딩 페이지


  • 잠재적 고용주의 관심을 끌기위한 이력서 웹 사이트


  • 지식을 공유하는 블로그


  • 결혼식, 파티 및 회사 행사를위한 이벤트 웹 사이트


목적이 무엇이 되었든 웹사이트는 하나의 주요 목표를 충족해야 합니다. 사이트의 모든 요소는 그 중요한 목적에 부합해야 해요. 예를 들어 사이트의 목적이 사진을 온라인으로 판매하는 것이라면 작업 표시, 블로그 기사 작성 등 다양한 기술을 활용하여 작업을 지원할 수 있습니다.


방문자는 물론 Google의 봇도 눈 깜짝 할 사이에 귀하의 비즈니스가 무엇인지 이해하기를 원합니다. 주요 목표가 여러개인 경우 혼동을 일으킬 수 있으며 방문자가 사이트 내 페이지를 빨리 떠날 가능성이 높아질 수 있습니다.


02. 웹 사이트 빌더 선택


이제 목표를 확인 했으므로 목표를 달성하는 데 적합한 도구를 선택해야 합니다. 웹 사이트 빌더 (콘텐츠 관리 시스템 또는 CMS라고도 함)는 웹 사이트를 생성, 개인화 및 게시할 수있는 플랫폼입니다.


시장에는 수십 개의 플랫폼이 있지만 모든 웹사이트 빌더가 동등하게 태어나는 것은 아닙니다. 어느 것을 사용 해야할지 잘 모르겠다구요? Wix.com은 세계 최고의 웹사이트 빌더 중 1 위를 차지했고, 그럴만한 이유가 있습니다. 다음은 Wix의 몇 가지 장점입니다.


가격 : 웹 사이트 생성, 게시 및 호스팅은 원하는 기간 동안 완전히 무료입니다. 맞춤형 기능으로 온라인 존재를 업그레이드 하려는 경우 프리미엄 패키지도 사용할 수 있습니다. 여기에는 올인원 전자 상거래 솔루션에서 사용자 지정 도메인 이름에 이르기까지 온라인에서 성공하는 데 필요한 모든 것이 포함됩니다.


당신의 스타일, 당신의 작품 : 당신이 노련한 웹사이트 디자이너이든 웹사이트 디자인 방법을 여전히 궁금해하든, Wix는 모든 사람에게 적합하고 다양한 창의적인 경로를 제공한다는 것을 알게 될 거예요.


웹사이트 제작 초보자는 사이트를 생성하는 최초의 인공 지능 플랫폼인 Wix ADI (인공 디자인 인텔리전스)를 즐길 수 있습니다. 동시에 숙련된 제작자는 Velo by Wix를 살펴볼 수 있습니다.이를 통해 사이트의 엔진에 뛰어들어 정교한 앱, API 및 데이터베이스를 구축 할 수 있습니다. 이렇게해서 자신의 브랜드에 완벽하게 맞는 결과를 얻을 수 있으며 그냥 봐 왔던 흔한 웹사이트와는 다른 차별화를 느낄 거예요.


전문가에 의한, 전문가를 위한, 전문가용 : 웹 사이트는 온라인 생활의 중심이기 때문에 Wix는 뉴스 레터, 인보이스, 사용자 데이터베이스 등 필요한 모든 전문 솔루션을 한 곳에 보관합니다. 하나의 인터페이스에서 모두 액세스 할 수 있으며 기억해야 할 암호는 하나 뿐입니다.


또한 내 웹 사이트가 업계 최고 수준의 수준을 유지하고 있는지 확인합니다. 전문적으로 보이는 웹 사이트를 만드는 도구를 갖게 될 뿐만 아니라 Wix SEO 마법사로 사이트를 최적화하여 Google에서 검색 될 가능성을 높일 수 있습니다. Wix는 모든 사용자에게 SSL 인증서를 제공하므로 사이트의 보안을 극대화 할 수 있습니다.


지식 장벽 없음 : 시장에서 가장 완벽한 플랫폼이라고 해서 사용하기가 가장 어려울까요? 그렇지 않습니다. 그 반대지요. Wix는 드래그 앤 드롭 웹사이트 빌더로, 원하는 콘텐츠를 원하는 곳에 배치 할 수 있습니다. 이미지에서 텍스트에 이르기까지, 타사의 도움 없이도 모든 것을 몇 초 만에 변경할 수 있습니다.


전문가 팁 : 질문이 있으세요? 도움이 필요하다구요? 걱정하지 마세요. 당신은 혼자가 아니에요. 연중 무휴 지원팀에서 소셜 미디어 페이지에 이르기까지 항상 소통 할 고객 지원팀이 있습니다. 또한 온라인에서 유용한 자료를 많이 찾을 수도 있어요. 이러한 기본 Wix 튜토리얼로 시작하고 Wix 블로그 (진정한 나만의 것) 및 도움말 센터를 계속 탐색하여 웹 디자인, 온라인 마케팅, SEO 등에 대한 지식을 키우세요.


웹 사이트를 만들 준비가 되셨나요? 시작하는 방법은 다음과 같습니다.


  1. 데스크톱 또는 모바일에서 Wix.com으로 이동합니다.

  2. 이메일 주소를 입력하고 비밀번호를 생성하세요. 이제 원하는 만큼 많은 웹 사이트를 만들 수있는 계정이 생겼습니다.

  3. 방대한 웹사이트 템플릿 컬렉션을 탐색하고 필요에 가장 적합한 템플릿을 선택한 다음 원하는 도구와 기능으로 맞춤 설정을 시작하세요. 웹사이트를 처음부터 구축하고 싶다면 비어있는 캔버스로 시작하여 템플릿에서 가져올 수 있습니다.


윅스에서 고를 수 있는 템플릿의 예시 이미지


03. 레이아웃 정의


팩트 : 방문자가 웹 사이트에 대한 인상을 결정하는 데는 50 밀리 초 밖에 걸리지 않습니다. 이것이 바로 페이지의 시각적 구조, 즉 웹 사이트 레이아웃이 제대로 작동하는 데 매우 중요한 이유입니다.


제대로 시작하려면 먼저 레이아웃의 기반이 될 템플릿을 선택합니다. 템플릿은 전문 디자이너가 만든 미리 디자인 된 레이아웃이 있는 웹 사이트입니다. 자신만의 템플릿을 만들려면 모든 요소를 ​​완전히 사용자 정의 할 수 있습니다. 텍스트, 이미지 및 색상과 같은 세부 정보를 추가, 제거 또는 변경합니다.


Wix는 광범위한 무료 웹 사이트 템플릿 라이브러리를 제공합니다. 블로그를 시작하든 개인 웹 사이트를 만들든, 모든 종류의 비즈니스를 위한 디자인을 찾을 수 있습니다. 각 템플릿은 목적에 적합하게, 예를 들어 강사의 경우 온라인 예약 위젯, 오프라인 상점인 경우 Google지도 위젯과 같은 필수 도구를 포함하고 있습니다.


여러 페이지 템플릿과 단일 페이지 템플릿 중에서 선택할 수 있습니다. 웹 사이트에 방대한 양의 콘텐츠가 포함되어 있는 경우 여러 페이지 사이트를 선택합니다. 이 경우 방문자가 사이트를 탐색 할 수 있는 기본 웹 사이트 메뉴가 포함됩니다. 그러나 표시할 텍스트 콘텐츠가 적다면 원 페이지 웹사이트로 이동하는 것이 좋습니다. 이 트렌디한 옵션은 랜딩 페이지, 이벤트 웹사이트 및 기타 짧은 형식의 콘텐츠 사이트에 널리 사용됩니다.


전문가 팁 : 창의력을 발휘할 준비가 되셨나요? 좋은 시작은 제대로 된 다른 웹 사이트를 살펴보는 것입니다. 펜과 종이를 들고 성공적인 웹 사이트 예제와 최고의 웹 사이트 디자인을 탐색하면서 아이디어를 적어보세요. Pinterest 및 Dribbble과 같이 디자인 영감을 전담하는 소셜 미디어 플랫폼이 많이 있으므로 이들도 확인하세요.



04. 도메인 이름 신청


간단히 말해서 도메인 이름은 인터넷상의 주소입니다. 방문자가 'www' 바로 다음의 브라우저 표시 줄에 표시되는 것을 보는 것이지요.


도메인 이름을 등록하는 것은 온라인 성공에 매우 중요합니다. 사용자 정의된 도메인이 있는 웹 사이트는 인터넷 사용자에게 자동으로 더 전문적이고 신뢰할 수있는 곳으로 인식됩니다.


도메인 이름을 현명하게 선택하면 검색 엔진 (예 : Google 및 Bing) 에서 내 웹사이트가 무엇인지 이해하는 데 도움을 줍니다. 결과적으로 이것은 SEO에 긍정적인 영향을 미칠 수 있습니다. 따라서 자신의 도메인 이름을 갖는 것이 사용자 지정 이메일 주소를 얻는 첫 번째 단계입니다.


이제 브랜드의 도메인 이름을 어떻게 선택할까요? 방문자의 기억에 남도록 하려면 다음을 기억하세요.


  • 간결함 : 길이가 길수록 방문자가 철자를 잘못 입력 할 가능성이 높아집니다.


  • 단순함 : 기호, 특수 문자 및 숫자를 사용하지 마세요.


  • 전문적 : 혼동을 피하기 위해 도메인 이름에 비즈니스 이름이 포함되어야 합니다.


  • 연상적 : 비즈니스와 관련된 단어를 찾아서 도메인 이름에 대한 힌트를 포함합니다.


꿈의 도메인 이름을 사용할 수 있는지 알고 싶으세요? 이 도메인 이름 등록 도구를 사용하여 즉시 정보를 얻으세요. 꿈꾸던 도메인 이름을 여전히 선택 할 수 있다면 주저하지 말고 인터넷에서 꿈의 도메인 이름을 구입하세요.


만약 그런 상황이 아니라 하더라도 당황하지 마세요. 원래 선택한 도메인 이름에서 다양한 변형을 시도 해 보세요. 단어 순서를 가지고 바꿔보거나 시작 부분에 "the"와 같은 단어를 추가하거나 도메인 확장자를 변경할 수 있습니다. .org에서 .com 및 .net까지 45개의 최상위 도메인 확장자 중에서 선택할 수 있습니다. 내 비즈니스 유형과 지리적 위치에 맞는 것을 선택하세요.



05. 콘텐츠 수집


이제 실용화 하고 사이트에 게재 할 자료를 준비할 때 입니다. 여기에는 이미지, 슬로건, 비디오, 텍스트 등이 포함됩니다. 가치 있고 브랜드화 된 콘텐츠를 제공 할 수 있도록 최대한 자신만의 독창적인 자료를 사용하세요.


고유한 콘텐츠를 만들지 않을 때마다 법적 방법을 통해 리소스를 확보해야 합니다. Wix는 Unsplash의 파트너가 제공하는 100 만장 이상의 무료 사진 라이브러리와 Wix 전용 인터랙티브 동영상 등 다양한 미디어 기능을 제공합니다. 또한 무제한으로 확인할 수 있는 스톡 사진 및 이미지 저장소도 있지요.


많은 콘텐츠가 훌륭하지만 항상 양보다 품질을 우선시 해야 합니다. 사람들은 화면을 통해 25 % 느리게 읽기 때문에 인내심이 적습니다. 관심 범위가 줄어드는 시간에 방문자의 관심을 끌 수있는 가장 좋은 방법은 최고의 콘텐츠만 보여주는 것입니다.


사이트에 더 많은 콘텐츠를 올릴수록 로딩 시간이 더 오래 걸리기 때문에 조정도 중요합니다. 방문자가 사이트 오픈을 너무 오래 기다릴 경우, 아무런 행동도 취하지 않고 페이지를 떠나 (웹 디자인 용어로 "바운스"라고 함) 경쟁 업체로 이동하게 됩니다. 따라서 콘텐츠를 여러 페이지에 분산 시키고 웹 사이트 속도 최적화를 위해 다음 기술을 따르도록 하세요.


마지막으로 콘텐츠가 완전히 브랜드화 되었는지 확인 해 보세요. 웹 사이트를 온라인 페르소나로 생각하는 것이죠. 브랜드 색상부터 글꼴 및 로고에 이르기까지 정확히 내가 누구인지를 나타내야 합니다. 만약 전문 로고가 없다면 지금이 바로 그 때 입니다. 이 로고 디자인 팁의 도움으로 나만의 로고를 만드세요. 준비가 되면 웹 사이트 메뉴에 배치하고 홈페이지에 연결하여 방문자가 사이트를 쉽게 탐색 할 수 있습니다.


전문가 팁 : 마케팅 게임을 처음 접하거나 브랜드 언어를 연마 할 수 있다고 생각하시나요? 텍스트에서 시각 자료까지,이 가이드는 자신의 브랜드를 구축하는 데 필요한 모든 것을 설명하고 견고한 브랜드 아이덴티티를 위한 첫 단계를 제공합니다.



06. 올바른 페이지 추가


모든 비즈니스는 고유하고 모든 웹 사이트도 마찬가지 입니다. 그럼에도 불구하고 사이트 방문자들이 기대하는 몇 가지 전통적인 섹션이 있습니다. 웹 사이트에 필요한 필수 페이지는 다음과 같습니다.


홈페이지 : 좋은 첫인상을 만들 수 있는 기회는 단 한번 뿐입니다. 방문자가 가장 먼저 보게 되는 곳이므로 홈페이지 디자인은 깔끔하고 체계적이며 시선을 사로 잡아야 합니다. 내가 누구이며 무엇을 하는지 명확히 해야 합니다.


가장 중요한 정보 (로고, 비즈니스 이름, 슬로건 [있는 경우], 방문자가 더 많이 탐색하도록 초대하는 버튼)를 포함해야합니다. 이 모든 정보는 페이지에서 가장 먼저 표시되는 부분이므로 스크롤 없이 볼 수 있는 부분 (방문자에게 아래로 스크롤하지 않고도 볼 수있는 사이트 섹션)을 포함합니다.


제품 또는 서비스 페이지 : 제품 페이지는 방문자가 내가 제공하는 제품을 발견하는 곳이며, 제품에 확신이 들 경우 신용 카드를 꺼내 구매 할 기회를 만듭니다. 이 카테고리의 핵심 권장 사항 : 고화질의 제품 사진을 추가하고, 정확하고 매력적인 서비스 또는 제품 설명을 작성하고, 제품 제공 조건 (예 : 배송 및 반품 정책)에 대해 투명하게 작성하세요.


'소개' 페이지 : 스토리를 전달하고 브랜드를 묘사하는 데 도움이 되는 가치, 방법 및 기타 정보를 공유합니다. 일인칭 ( "나"또는 "우리")을 선호하여 더 개인적인 일로 만들고 목적에 맞을 경우 유머 감각을 더하세요. 또한 고객은 항상 비즈니스 관계의 이면에 있는 얼굴을 보고 싶어 하므로 자신이나 팀원의 사진을 추가하는 것을 잊지 마세요.


연락처 섹션 : 전화 번호, 우편 주소, 비즈니스 이메일 주소 및 소셜 미디어 계정을 포함해야 합니다. 방문자가 어디서든 쉽게 연락 할 수 있도록 해야 합니다. 방문자가 연락하여 즉각적인 응답을 받을 수 있는 기회를 제공하는 라이브 채팅 위젯을 추가하는 것도 고려할 수 있습니다.



연락처 섹션이 추가된 윅스 웹사이트의 이미지


추가 사항 (하지만 적극 권장함) :


블로그 : 블로그를 만드는 것은 전문가로서의 명성을 높이고 충성도 높은 커뮤니티를 육성하는 데 도움이 되며 웹 사이트로 트래픽을 유도하는 효과적인 방법입니다. 블로그에서 수익을 창출하기 위해 구현할 수 있는 전략도 있습니다.


타고난 작가가 아니어도 걱정하지 마세요. 생각보다 할 말이 훨씬 많으니까요. 고객 (성공 사례, 사례 연구, 인터뷰) 또는 자신 (참석한 이벤트, 신입 사원 등)에 대해 이야기 할 수 있습니다. 그러나 가장 가치 있는 블로그 아이디어는 내 전문 지식을 공유하는 것입니다. 독자들은 내가 어떠한 문제를 직면할 때 그것을 해결하기 위해 사용하는 팁, 방법 및 해킹을 공유하는 것을 좋아합니다. 더 많은 영감을 얻으려면 이 블로그 예제를 확인하세요.


고객 평가/피드백 : 69%의 소비자가 좋은 고객 경험 후에 제품을 다른 사람에게 추천합니다. 입소문의 힘을 활용하고 고객의 정직한 웹 사이트 사용 후기를 통해 판매를 촉진하도록 하세요.



07. 사용성을 우선으로 놓기


아름다운 웹 사이트는 훌륭하지만 그것만으론 충분하지 않습니다. 방문자가 페이지에서 시간을 보내고 콘텐츠를 즐기고 궁극적으로 참여하게 하려면 탐색을 용이하게 해야합니다. 이것이 바로 사용자 경험(UX)이며 다음은 몇 가지 기본적인 개념입니다.


아키텍처 : 집의 방과 마찬가지로 웹 사이트 탐색을 용이하게 하려면 페이지를 올바르게 연결해야 합니다. 이를 위해서는 페이지 간의 내부 링크를 구현해야 합니다. 궁극적으로 "두 번 클릭 규칙"을 따르세요. 방문자가 어디에 있든 사이트 페이지에 액세스하기 위해 두 번 이상 클릭 할 필요가 없도록 하세요.


색상 : 색상 심리학에서 볼 수 있듯이 색상은 우리 정신에 큰 영향을 미치기 때문에 중요한 마케팅 도구가 될 수 있습니다. 일반적인 규칙은 기본 색상 ( 60%), 보조 색상 (30%), 강조 색상 (10%)의 세 가지 음영으로 제한하는 것입니다. 완벽한 색상 조합을 만들려면 이러한 무료 색상 팔레트 생성기 중 일부를 참조하거나 영감을 얻기 위해 성공적인 웹 사이트 색상 구성표를 살펴보세요.


CTA : 클릭 유도 문구는 방문자에게 취해야 할 조치를 알려주는 메시지입니다. 웹은 "지금 등록", "놓치지 마세요"또는 "지금 바로 받기"와 같은 클릭 유도 문안 예제로 가득 차 있습니다. CTA는 버튼 형식이거나 링크 된 텍스트 일 ​​수 있습니다. 짧아야하고, 명령형 동사가 있어야하며, 긴급한 요소를 포함하는 것이 바람직합니다. 효과적인 CTA 작성에 대해서는 이 완전한 가이드에서 자세히 알아보세요.


글꼴 : 아무도 읽을 수 없다면 양질의 콘텐츠를 가진 들 무슨 소용일까요? 웹 사이트에 가장 적합한 글꼴을 선택할 때는 읽기 쉽고 (데스크톱 및 모바일 모두에서) 브랜드 아이덴티티와 일치하며 서로 잘 어울리는 글꼴을 선택하세요. 타이포그래피의 세계는 방대하고, 이 무료 글꼴 선택은 올바른 방향으로 나아갈 것입니다. 황금 비율 : 시각적 혼란을 피하기 위해 최대 세 개의 글꼴을 선택하세요. 믹스 앤 매치 방법을 잘 모르겠다면 다음과 같은 최고의 글꼴 조합을 선택 할 수 있습니다.


바닥 글(footer) : 사이트의 하단 부분입니다 (상단은 header 라고 함). 웹 사이트 바닥 글은 방문자에게 즉시 표시되지는 않지만 사용성을 향상시키기 위해 여러 가지 방법으로 사용할 수 있습니다. 예를 들어 모든 연락처 정보를 추가하거나 사이트 카테고리로 연결되는 간단한 메뉴를 표시하거나 사이트 면책 조항 텍스트를 표시 할 수있는 좋은 장소입니다. 이 방법은 웹 사이트의 사용자 경험을 크게 향상시킬 수 있습니다.


메뉴 : 전문 웹 사이트의 핵심 요소는 방문자가 한 카테고리에서 다른 카테고리로 쉽게 이동할 수 있도록 합니다. 이러한 이유로 웹 사이트의 모든 페이지에 표시 되어야 합니다. 어떤 유형의 웹 사이트 메뉴를 선택하든 방문자가 페이지를 아래로 스크롤 할 때 계속 유지되는 고정 메뉴를 선택하는 것이 좋습니다. 그러면 방문자가 메뉴를 찾기 위해 끝까지 이동할 필요가 없습니다. 모바일 메뉴의 경우 작은 화면에 과부하가 걸리지 않도록 카테고리 수를 최소로 유지하세요.


모션 : 웹 사이트의 모든 비 정적 요소를 의미합니다. 모션은 다양한 모양, 크기 및 위치에서 발생할 수 있습니다. 호버(Hover) 효과에서 Wix Video Maker를 사용하여 만들 수있는 전체 동영상 배경에 이르기까지 무엇이든 가능합니다. 애니메이션은 방문자의 시선을 사로 잡기 때문에 훌륭합니다. 그러나 장점과 마찬가지로 적당히 사용해야 하겠죠? 자세한 내용이 궁금하다면 이 가이드는 웹 사이트에서 애니메이션에 대해 해야 할 일과 하지 말아야 할 일을 모두 설명 합니다.


스크롤 효과 : 이름에서 알 수 있듯이 방문자가 사이트를 위 아래로 스크롤 할 때 나타납니다. 스크롤의 정교함은 주의를 끌고 페이지와 다른 레이어 사이에 부드러운 전환을 만듭니다. 시차 스크롤에 대해 들어 보셨을 거예요. 이 전문적인 3D 효과는 매년 필수적인 웹 디자인 트렌드에 올라갑니다. 하지만 더 많은 스크롤 효과 (예 : 표시 또는 확대)가 있으며, 모두 Wix 에디터에 이미 포함되어 있습니다.


공백 : 웹 사이트에서 아무것도 포함하지 않는 영역입니다. 이 휑한 공간에 왠지 모를 두려움이 드는가요? 걱정하지 않으셔도 됩니다. 공백은 방문자에게 이미지 또는 콘텐츠 사이의 "숨쉬는" 공간을 제공하여 훨씬 더 나은 사용자 경험에 기여할 수 있으니까요.


전문가 팁 : 레오나르도 다빈치는 온라인 크리에이션에 대해 뭐라고 말할까요? 사실 할 말이 많을 겁니다. 수세기 동안 예술과 디자인을 지배했던 동일한 규칙이 인터넷에도 적용됩니다. 균형에서 대칭에 이르기까지 디자인의 7가지 기본 원칙을 웹 사이트에 적용하는 방법을 알아보세요.



08. 제대로 SEO 하기


Google에서 내 웹 사이트를 검색하는 데는 여러 요소가 맞물립니다. 실제로 콘텐츠의 품질, 업계의 경쟁력, 보유하고 있는 백 링크 수 등과 같이 웹 사이트 순위를 매기는 알고리즘을 구성하는 최소 200개 이상의 신호가 있습니다.


SEO (검색 엔진 최적화)는 그 자체로 과학입니다. 첫 열매를 얻으려면 시간, 인내 및 끈기가 필요합니다.


그러나 페이지를 만드는 동안 이미 실행 할 수있는 많은 단계가 있습니다. 게시 한 콘텐츠가 검색되고 적절하게 순위가 매겨 질 수 있는 최상의 기회를 제공하려면 다음 SEO 팁에 따라 작업 해 보세요.


키워드 : 사이트와 관련된 키워드를 찾기 위해 키워드 조사를 시작합니다. 나와 같은 웹 사이트를 찾기 위해 잠재 방문자가 Google에서 어떤 종류의 질문을 검색 할지 스스로에게 물어보는 거죠.


일단 키워드가 있으면 하나의 주요 키워드와 두 개의 보조 키워드를 선택하세요. 사이트 전체 (SEO 제목 및 설명, 홈페이지 등)의 전략적 위치에 키워드를 배치하되 과용하지 마세요. 검색 엔진은 키워드를 콘텐츠에 부자연스럽게 "끼워넣기"하는 웹 사이트에는 불이익을 줍니다.


온 페이지(On-page) SEO : 온 페이지 SEO는 검색 엔진에 페이지가 무엇인지 알려주는 것입니다. 각 페이지에 대해 웹 사이트 빌더는 메타 데이터를 입력하도록 요청합니다. 여기에는 URL, SEO 제목 (Google 결과 목록에 표시되는 파란색 링크) 및 설명이 포함됩니다. 방문자가 이러한 요소를 눈치 채지 못하더라도 순위에있어 중요하므로 간과하지 마세요.


계층 구조 : Google 봇은 잘 구성된 페이지를 좋아하는 것 같습니다. 중요한 내용을 먼저 배치하고 단락과 결합된 다양한 수준의 머리글을 활용하여 텍스트에 계층 구조를 부여합니다. SEO를 개선하는 것 외에도 웹 사이트를 훑어 보는 경향이 있는 방문자를 기쁘게 할 것입니다.


지역 SEO : 내 비즈니스가 실제하는 물리적인 위치가 있을 경우, 웹 사이트가 내 지역에 있는 사람들의 상위 결과에 나타나기를 바라는 건 당연합니다. Google지도에서 찾아질 수 있는 기회를 얻으려면 Google 마이 비즈니스에 등록하세요. 또한 연락처 정보가 모든 온라인 채널에서 일관적인지 확인하세요. 현지 SEO에 대한 이 가이드는 내 비즈니스가 있는 지역 고객에게 마케팅하고 매장 방문을 늘리는 데 도움을 줍니다.


대체 텍스트(Alt text) : Google은 많은 지식을 가지고 있을 수 있지만 사진이나 GIF는 "읽을"수 없습니다.(아직!) 그러나 시각적 콘텐츠는 여전히 Google 결과 페이지에 나타납니다. 봇이 사진에 대한 설명을 읽기 때문입니다. 일반적으로 대체 텍스트로 알려진 이러한 설명은 방문자에게 표시되지 않지만 여전히 미디어의 내용에 대한 매우 강력한 표시를 제공합니다. 이미지에 대한 SEO 친화적인 대체 텍스트를 작성하는 것도 웹 사이트의 접근성을 개선하는 데 빠져서는 안될 중요한 단계입니다.


내부 링크 : 페이지가 더 많이 상호 연결 될수록 봇이 웹 사이트를 더 쉽게 탐색 할 수 있습니다. 방문자가 더 많은 페이지를 찾을 수 있도록 사이트 전체에 링크를 추가하세요.


전문가 팁 : 할 일 목록에서 항목을 선택하는 것 보다 더 만족스러운 것은 없습니다. Wix SEO 마법사는 웹 페이지를 분석하고 다루어야 하는 SEO 요소의 개인화 된 체크리스트를 발행하는 강력한 무료 도구입니다. 필수예요!



09. 필요한 전문 도구 선택


인터넷은 세계에서 가장 중요한 시장이 되고 있습니다. 2021년에는 전 세계 21억 4천만 명이 온라인으로 상품과 서비스를 구매할 것으로 예상됩니다. 그렇기 때문에 사이트에 안전하고 효율적인 비즈니스를 촉진하기 위한 모든 도구가 포함되어야 합니다. Wix는 규모나 업종에 관계 없이 고객과 상호 작용하는 데 필요한 전문 솔루션을 포함합니다.


예약 : 모든 서비스 기반 웹 사이트는 온라인 예약 및 결제를 연중 무휴로 받을 수 있어야 합니다. Wix Bookings가 바로 그 역할을 합니다. 여기에는 고객의 캘린더 관리 기능에서 부터 편리한 마케팅 자동화 기능에 이르기까지 온라인 마켓에서 가장 정교한 옵션이 포함됩니다. 최대 장점 : 거래에 수수료가 없다는 것!



예약 서비스를 도입한 윅스 웹사이트의 예시


전자 상거래(e-Commerce) : 상품을 온라인으로 판매하고 지속적인 수익을 창출하고 싶으십니까? 그렇다면 온라인 스토어가 정답 입니다. 주문 추적 부터 손쉬운 대금 수령, 드롭쉬핑으로 비즈니스 확장에 이르기까지 모든 것을 하나의 전용 장소에서 관리 할 수 ​​있습니다.


사진 : 작품을 선보이거나 온라인으로 사진을 판매하거나 신규 고객을 유치하려는 경우 포토그래피 웹 사이트를 만드는 것이 좋습니다. 사진 경력과 비즈니스를 성장시키는 방법에 대한 더 많은 영감과 팁은 Wix 포토 그래피 블로그를 확인하세요.


음악 : Wix 뮤직은 창작의 자유를 유지하면서 청중을 확장하려는 뮤지션을 위한 최첨단 플랫폼입니다. 이를 통해 웹 사이트에서 직접 음악을 판매하고 수익의 100%를 유지할 수 있습니다. 동시에 120개가 넘는 디지털 매장에 음악을 배포할 수 있습니다.


호텔 : 호텔 웹 사이트를 통해 예약을 관리하고, 게스트가 선호하는 언어로 예약하고, 즉시 확인 이메일을 보내고, 온라인 결제를 수락 할 수 있습니다. 이 단계별 가이드는 손님을 놀라게 할 호텔 웹 사이트를 만드는 단계를 안내합니다.


레스토랑 : 레스토랑 웹 사이트를 통해 온라인으로 주문 및 테이블 예약을 할 수 있어 고객에게 편리하고 전문적인 솔루션을 제공합니다. 군침이 도는 메뉴 디자인으로 사이트 방문자를 유인하고 Facebook Business 및 Foursquare 페이지에 쉽게 연결할 수 있습니다. 더 많은 팁을 보려면 레스토랑 웹 사이트를 만드는 방법에 대해 알아야 할 모든 것에서 팁을 찾아보세요.



10. 모든 사람이 액세스 할 수 있도록 만들기


요즘은 모든 사람이 진정으로 전문적인 웹 사이트를 이용할 수 있어야 합니다. 웹 접근성은 모든 사람이 자신의 능력에 관계 없이 편안하게 웹 사이트를 경험하고 상호 작용할 수 있도록 합니다. 여기에는 시각 장애, 일시적인 부상, 청력 상실 등이 있는 사람들이 포함됩니다. 10억 명이 넘는 사람들은 모두 어떤 형태의 장애를 가지고 살고 있기 때문에 모든 사람의 요구를 충족시키는 것이 중요합니다. 또한 나와 내 비즈니스가 포용성과 다양성을 중시한다는 것을 보여주는 것도 중요하지요.


웹 사이트의 접근성을 개선하는 방법에는 여러 가지가 있습니다. 먼저 명확한 헤더를 사용하여 다양한 수준의 정보를 정의하여 웹 사이트를 계층적으로 구축합니다. 또한 사이트가 키패드로 완벽하게 작동하는지 확인하고, 이미지에 대한 대체 텍스트를 작성하고, 제목 태그 등을 사용하세요. 웹 사이트에 액세스 할 수 있도록 하기 위해 할 수있는 일이 더 많이 있으며, 이런 단계는 모두 SEO 노력을 강화할 것입니다.


또한 고객이 다국어 웹 사이트에서 혜택을 받을 수 있는지 고려 해 보세요. 내 비즈니스가 다른 국가에도 기반을 두고 있나요? 우리 나라 뿐만 아닌 전 해외에도 고객층이 있나요? 새로운 시장으로 확장하려고 계획 중이신가요?


이러한 질문에 "예"라고 답했다면 다국어 웹 사이트를 구축해야 할 때입니다. 방문자에게 자신의 언어로 콘텐츠를 제공하면 방문자가 더 많이 참여 (구매)하여 궁극적으로 고객 경험을 개선 할 수 있습니다.


전문가 팁 : Wix 앱 마켓에는 웹 사이트의 비즈니스 잠재력을 높일 수 있는 다양한 앱이 포함되어 있습니다. 채팅에서 결제, 팝업 및 Google 광고에 이르기까지 비즈니스의 모든 측면을 위한 도구가 있습니다.



11. 방문자와 교류


웹 사이트는 단순한 탐색을 위한 정적 항목 그 이상입니다. 요즘 방문자는 사이트를 통해 나와 직접 교류를 기대합니다. 올바른 홍보 도구를 추가하면 방문자를 고객으로, 고객에서 충성도 높은 고객으로 전환하는 데 도움이 됩니다. 사이트에 통합 할 때 고려해야 할 기능은 다음과 같습니다.


라이브 채팅: 이 전문 도구는 판매에 놀라운 일을 할 수 있습니다. 실제로 Wix 설문 조사에 따르면 웹 사이트에 라이브 채팅 기능을 설치한 사용자는 단 한 달 만에 예약이 33%, 매출이 39% 증가 했습니다.


사이트에 실시간 채팅 위젯을 추가하면 방문자가 나와 상호 작용하는 능력이 크게 달라집니다. 빠른 고객 지원을 제공하거나 결정을 내리지 않은 방문자가 장바구니로 이동할 수 있도록 돕는 것 모두 사용자 화면 하단에 있는 이 작은 창의 유용한 추가 기능입니다.


소셜 미디어 : 웹 사이트와 마찬가지로 소셜 미디어 채널은 온라인 존재의 중요한 측면입니다. 성공적인 소셜 미디어 마스터가 되려면 잘 계획된 소셜 미디어 캘린더, 뛰어난 소셜 미디어 콘텐츠 아이디어 및 소셜 미디어 그래픽을 만드는 데 적합한 도구가 있어야 합니다. 비즈니스를 위한 강력한 전략을 수립하기 위해 소셜 미디어 마케팅을 읽어보세요.


또한 웹 사이트를 소셜 계정에 연결하거나 그 반대로 연결하세요. 소셜 채널 전반에 웹 사이트 링크를 배치하고 웹 사이트 홈페이지에 소셜 아이콘을 추가하세요. 메뉴 아래, 페이지 오른쪽 또는 왼쪽, 바닥 글과 같이 보이는 곳에 있어야 합니다.


뉴스 레터 : 한때 온라인 마케팅의 왕으로 여겨 졌던 이메일 마케팅은 여전히 ​​웹 사이트와 비즈니스에 대한 주요 트래픽 소스입니다. 이를 사용하여 최신 제품을 홍보하고 블로그 기사를 내거나 구독자와 함께 사업의 성과를 축하 할 수 있습니다.


캠페인의 성공을 정확히 어떻게 최적화 할 수 있을까요? 메일링 리스트에 구독자를 확보하려면 사이트에 라이트 박스를 배치하여 사람들이 구독하도록 초대하세요. 그와 동시에 첫 번째 뉴스 레터를 보내는 겁니다. Wix의 이메일 마케팅 솔루션을 사용하면 미리 만들어진 템플릿으로 뉴스 레터를 디자인 하는 것 부터 통계를 보내고 확인하는 것까지 웹 사이트의 대시 보드에서 모든 작업을 바로 수행 할 수 있습니다.


설문 양식 : 누구든지 의견을 공유하고 싶어합니다. 고객과 오래 지속되는 관계를 구축하는 강력한 방법 중 하나는 피드백을 요청하는 것 입니다. 웹 사이트를 위한 온라인 양식을 작성하면 방문자가 제품, 서비스, 웹 사이트 또는 고객 지원에 대한 생각을 안전하게 공유 할 수 있습니다.


또한 이것은 내 사이트의 평가 섹션에 추가 할 수 있는 황금 자료를 만듭니다. 가장 필수적인 정보만 포함하도록 양식의 필드 수는 제한해야 합니다. 더 많은 질문을 할수록 고객이 양식을 작성할 가능성이 낮아집니다.


전문가 팁 : 여러 채널에서 자신이 참여 할 수 있도록 하는 것이 방문자의 상호 작용을 늘리기 위해 할 수 있는 유일한 방법은 아닙니다. 디자인에서 회원 페이지에 이르기까지 이 가이드는 디자이너가 웹 사이트 사용자 참여를 높이기 위해 사용하는 모든 전략을 제공합니다.



12. 모바일 최적화


작은 화면이 작은 영향을 주는 걸까요? 결코 그렇지 않습니다. 스마트폰 및 태블릿 사용량이 증가함에 따라 모든 기기에서 원활한 탐색 환경을 보장하는 것이 중요합니다. 또한 Google이 모바일 우선 색인 생성을 구현했기 때문에 검색 결과 1 페이지에서 순위를 올릴 가능성을 높이려면 사이트의 모바일 버전을 최적화하는 것이 훨씬 더 중요해 졌습니다.


Wix로 사이트를 생성하면 모바일 에디터를 통해 사이트의 모바일 버전이 자동으로 생성됩니다. 즉, 처음부터 새로운 구조를 구축하는 것에 대해 걱정할 필요가 없습니다. 하지만 이 작은 공간에 맞게 콘텐츠를 최적화하는 것은 여전히 ​​개인 스스로에게 달려 있습니다.


첫째, 모바일 웹 사이트 페이지에서 가장 중요한 요소만 유지하고 꼭 필요하지 않은 요소는 제거하세요. 둘째, 가장 중요한 정보를 중앙에 배치하여 접힌 부분의 공간을 최적화 하세요. 이것이 방문자가 가장 먼저 보게 될 것이므로 매력적이고도 유익하게 유지하세요.


마지막으로 빠른 작업 표시 줄을 추가합니다. 방문자가 전화나 이메일을 통해 쉽게 연락 할 수 있으며 사이트의 다른 페이지에 대한 바로 가기 링크를 얻을 수 있습니다. 즉, 스크롤링 시간이 줄어들고 콘텐츠를 즐기는 시간이 늘어납니다.



모바일에 최적화된 윅스 웹사이트 이미지


13. 피드백 요청


이 시점이 되면 웹 사이트를 성공적으로 제작하는 방법을 알았다고 할 수 있지만 여전히 더 성장할 수 있는 여지가 있습니다. 자신의 창작물에 있어 공정성을 유지하기란 특히 어렵기 때문에 이 단계가 중요합니다.


포트폴리오, 블로그 또는 다른 유형의 웹 사이트를 만들든 관계 없이 한 걸음 물러서서 신뢰할 수있는 사람에게 정직한 피드백을 제공하도록 요청 할 때 입니다. 그들의 비판을 받아들이고 감정 없이 듣는 것이 항상 즐겁지만은 않을 수도 있다는 것을 기억하세요. 완벽한 최종 결과를 얻으려면 친구나 동료에게 다음 요소를 확인하도록 요청하세요.


  • 텍스트 교정이 완벽합니까? 맞춤법 오류는 내가 열심히 노력해 쌓은 전문적인 명성을 망칠 수 있습니다.


  • 페이지를 쉽게 탐색 할 수 있습니까? 사이트의 전략적 페이지를 찾는 데 한,두 번 이상의 클릭이 필요하다면 페이지의 아키텍처와 메뉴의 가시성을 재고해야 할 수 있습니다.


  • 모바일 버전이 최적화 되어 있습니까? 인터넷 사용자의 거의 50%가 모바일 장치를 사용하여 웹 사이트를 탐색합니다. 세계 인구의 절반이 좌절감을 느끼게 하고 싶지는 않으시죠?


  • 모든 링크가 작동합니까? 모든 링크를 클릭하여 404 에러 페이지(페이지가 더 이상 존재하지 않음을 나타냄)를 표시하지 않는지 확인합니다. 또한 방문자가 사이트를 떠날 위험을 최소화 하기 위해 새 탭에서 외부 링크를 여는 것이 좋습니다.


  • 모든 SEO 요소가 올바르게 작성 되었습니까? 대체 텍스트에서 제목 태그에 이르기까지 확인 할 항목이 많이 있습니다. 고맙게도 Wix의 SEO 도구를 사용하여 순위를 높이고 검색 엔진 가시성을 높일 수 있습니다.


전문가 팁 : 놓친 것이 있을까봐 걱정 되시나요? 이 필수 웹 사이트 시작 체크리스트와 웹 사이트를 만드는 방법에 대한 가이드를 읽은 후에는 그런 걱정이 사라질 거예요. 웹 사이트에서 "게시" 버튼을 누르기 전에 확인하세요.



14. 게시하고 다시 돌아 가기


축하합니다! 이제 당신의 웹 사이트가 활성화 되었습니다. 하지만 끝났다고 생각하기 전 한번 더 생각 해 보세요. 항상 개선의 여지가 있을뿐 만 아니라 콘텐츠를 지속적으로 최신 상태로 유지해야 합니다. 너무 오랫동안 휴면 상태인 것 처럼 보이는 사이트는 매력적이지 않으며 신뢰할 수 없는 것 처럼 보일 수도 있으니까요.


웹 사이트를 정기적으로 업데이트 하면 업계에서 일어나고 있는 일에 대해 깨어 있고, 활동적이며 최신 상태임을 알 수 있습니다. 현재 트렌드에 부합하고 블랙 프라이데이 프로모션이나 여름 스무디 레시피와 같은 콘텐츠를 시기 적절하게 공유하고 있는지 확인하세요. 또한 Instagram 피드를 사이트에 추가하여 최신 콘텐츠가 홈페이지에 자동으로 표시되도록 할 수 있습니다.


마지막으로 Wix의 마케팅 통합을 활용하고 웹 사이트를 추적 도구에 연결하여 사이트의 성장과 실적을 정기적으로 확인하세요. 다음 플랫폼은 개선 할 수 있는 부분과 방법을 확인하는 데 도움이 됩니다.


Google Analytics : 얼마나 많은 방문자가 귀하의 페이지를 방문 했습니까? 어디에서 왔습니까? 블로그 기사를 얼마나 오랫동안 읽었습니까? 이 모든 정보 (그리고 훨씬 더 많은 정보)는 Google의 유명한 도구를 통해 무료로 제공됩니다. 자세한 내용은 초보자 가이드에서 Google Analytics를 효과적으로 사용하는 방법을 설명합니다.


Google Search Console : 주요 검색 엔진에서 내 페이지의 순위가 궁금하다면 이 플랫폼을 사용하는 것이 좋습니다. 여기에서 경쟁하는 키워드 부터 시간 경과에 따른 진행에 이르기까지 유기적 트래픽에 대한 모든 세부 정보를 얻을 수 있습니다. 약간의 지침이 필요하십니까? 이 Google Search Console 가이드는 방법을 보여줍니다.


히트 맵(Heatmaps) : 정확한 색상 코드를 사용하여 히트 맵은 방문자가 보고 있는 페이지 부분과 클릭 한 내용을 보여줍니다. 이 명석한 도구는 디자인과 콘텐츠를 개선하는 데 도움을 줄 수 있습니다. Wix를 사용하면 Crazy Egg 및 Hotjar를 비롯한 여러 주요 히트 맵 솔루션에 웹사이트를 연결할 수 있습니다.


결론:

2021년에는 웹사이트가 필수입니다. 하지만 웹사이트를 항상 최신으로 유지하는 것이 실제적인 차이를 만듭니다. 가능한 한 자주 주의를 기울이고, 최신 정보를 확인하고, 콘텐츠를 업데이트하세요.




Localised by 노윤지

Wix 한국 마케팅 매니저




홈페이지 만들기