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 친화적인 대체 텍스트를 작성하는 것도 웹 사이트의 접근성을 개선하는 데 빠져서는 안될 중요한 단계입니다.


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