홈페이지는 방문자를 변환하는 데 중요한 역할을 합니다. 사람들이 방문 페이지를 방문 하더라도, 그들은 당신의 홈페이지에 몰래 들여다 하는 경향이 (그리고 아마 당신의 페이지) 더 나은 당신을 알고 당신이 신뢰할 수 있는지 확인.
홈페이지 최적화는 전환율 최적화를 위한 첫 번째 단계 중 하나입니다. 이 문서에서는 표준 홈페이지 요소 중 일부를 분석하고 최적화하는 방법을 보여 드리겠습니다.
1. 프로토 타입 디자인
전문 웹 사이트에 대한 사람들의 아이디어는 표준 규범과 모범 사례를 얼마나 잘 준수하는지에 따라 크게 정의됩니다. 한 연구에 따르면 웹 사이트의 높은 프로토 비정형 (많은 프로토 타입 디자인 요소 포함)은 방문객에게 더 심미적으로 매력적입니다.
당신은 당신의 웹 사이트가 프로토 타입 전문적으로 디자인 된 웹 사이트처럼 보이는지 확인해야합니다. 전문 웹 사이트 디자인 요소 중 일부는 다음과 같습니다.
사이트 속도:
웹사이트의 성능은 디자인 요소보다 먼저 제공됩니다. 로드하는 데 몇 초가 걸리거나 작업을 수행하는 데 속도가 느린 경우 사람들은 웹 사이트에 관심을 잃습니다. 4명 중 1명은 로드하는 데 4초 이상이 걸리면 웹사이트를 포기하겠다고 답했습니다. Google은 웹마스터에게 모바일 기기에서 로딩 시간을 3초 미만으로 유지할 것을 권장합니다.
페이지 로드 시간이 1초에서 10초로 이동하면 모바일 사이트 방문자가 수신 거부할 확률이 123% 증가합니다.
항행:
간단하고 직관적인 탐색 메뉴가 있는지 확인합니다. 사람들이 웹사이트에서 무엇을 찾고 있는지 알아내려고 할 때 혼동해서는 안됩니다.
홈페이지 탐색 메뉴에는 무엇이 포함되어야 하나요?
홈페이지의 탐색 메뉴는 가장 중요한 페이지를 볼 수 있는 좋은 장소입니다. 제품 페이지가 좋은 예가 될 수 있습니다. 탐색에 가장 중요한 제품을 삽입해야 합니다.
그러나 일반 키워드인 "제품" 또는 "서비스"를 사용하는 대신 검색 엔진이 페이지를 크롤링할 수 있도록 순위를 매기려는 키워드를 사용하는 것이 좋습니다.
"홈 페이지 최적화" 및 "카피 라이팅" 서비스를 제공하는 경우 일반 "서비스" 키워드가 아닌 탐색 메뉴에서 이 두 키워드를 사용해야 합니다. 메뉴에 드롭다운 레이아웃을 사용해야 하는 경우 일반적인 드롭다운이 아닌 메가 메뉴를 사용해야 합니다.
제품 외에도 사람들이 귀하를 알아갈 수 있도록 하려면 자신이 누구인지, 무엇을 제공하는지 설명하는 "정보" 페이지가 필요합니다. "About" 페이지는 신뢰할 수 있고 신뢰할 수 있는 사람들을 설득하는 데 중요한 역할을 합니다. 그래서 대신 사후 고려로 고려, 그것은 당신의 최고의 페이지를 확인.
콘텐츠:
홈페이지의 콘텐츠는 가장 중요한 작업을 수행합니다: 방문자에게 메시지를 전달합니다.
텍스트와 시각적 개체를 활용하여 그렇게 합니다. 사람들이 홈페이지 콘텐츠에 관해서 텍스트 보다 더 중요 한 시각적 개체를 고려 하는 경향이 있지만, 텍스트는 메시지를 전달에 매우 중요 한 역할을 한다. 이미지가 오해하는 경향이 있지만 웹 사이트의 사본은 갑작스럽고 간단합니다.
반면 에 비주얼은 테마를 설정하고 복사본의 영향을 증가시키는 데 이상적입니다. 이러한 콘텐츠 요소의 좋은 조합은 최고 성능의 홈페이지를위한 완벽한 조리법이다.
어쩌면 홈페이지의 가장 중요한 사본은 헤드 라인과 하위 제목입니다. 이것은 당신이 당신의 방문자에게 독특한 가치 제안을 제안 할 수있는 곳입니다. 헤드라인 사본은 규칙에 얽매이지 않아야 하는 창의적인 작업으로 간주되지만 성공하려면 명확하고 수요가 많은 이점을 제공해야 합니다. Ogilvy가 "광고에 대한 Ogilvy"에서 설명했듯이:
"가장 잘 작동하는 헤드 라인은 독자에게 혜택을 약속하는 것입니다 - 흰색 세척, 갤런 당 더 많은 마일, 여드름에서 자유, 적은 충치. 잡지를 통해 리플과 헤드 라인이 어떤 종류의 혜택을 약속 광고의 수를 계산합니다."
Poptin이 UX에 최적화된 헤드라인에서 제품의 이점을 제공하는 방법은 다음과 같습니다.
홈페이지의 콘텐츠는 홈페이지 이탈률에 직접적인 영향을 미치며, 이는 다른 페이지를 보고 모르고 홈페이지를 보고 나가는 사람이 얼마나 많은지 보여줍니다.
좋은 이탈률은 10%에서 30%사이라고합니다. 50% 이상의 모든 것에 관한 것이 어야 합니다. 다음은 이탈률을 줄이기 위해 홈페이지 콘텐츠를 최적화하기 위해 문의해야 하는 몇 가지 질문입니다.
- 우리가 언뜻 보기에 무엇을 제공하는지 분명히 알 수 있습니까?
- 사용자가 있어야 할 곳을 클릭하고 있습니까?
- 페이지가 고객이 사이트에 오는 #1 위해 조정되어 있습니까?
- 페이지가 간단하고 간단합니까?
- 나는 사용자에게 그들이 찾고있는 것을 주고 있습니까?
2. 사회적 증거
디자인 프로토 타입이 신뢰성의 의미를 제공하는 경우, 사회적 증거는 당신의 주장과 약속에 대한 어려운 사실을 방문자에게 제공합니다. 웹사이트에서 청구하는 클레임은 유효한 사회적 증거를 동반하지 않는 경우 아무런 영향을 미치지 않습니다.
Airmeet의 성능 마케팅 리더인 Vicky Jain은 홈페이지에 고객 사례 연구를 배치하면 데모 요청을 300% 증가시킬 수 있다고 설명합니다.
"사회적 증거는 잠재 고객을 위한 솔루션과 같아서 더 나은 결정을 내리고 자신감을 느끼고 클레임을 비교할 수 있도록 도와줍니다. 올바른 페이지/섹션에 올바른 페이지를 배치할 수 있다면 다른 요소에 많이 의존할 필요가 없으며 페이지판매가 줄어듭니다."
신중하게 배치하면 어떤 형태의 사회적 증거 (평가, 숫자, 사례 연구, 등급, 동료 리뷰 사이트 배지)는 400 %까지 지표를 향상시킬 수 있습니다. 내 실험 중 하나에서, 우리는 고객의 강력한 사례 연구를 배치하고 CTA를했다 "다음 성공적인 사례 연구가 될"그것은 3 배 더 많은 제품 데모 요청을 몰았다.
방문 페이지에서 사용할 수 있는 이러한 소셜 증명 유형 중 일부는 다음과 같습니다.
사례 연구:
귀하의 주장과 약속에 대한 어려운 사실을 제공하는 데 있어 과거의 성공사례는 이길 수 없습니다. 가장 강력한 사회적 증거 요소로, 사례 연구는 홈페이지 디자인에 큰 도움이 될 수 있습니다. 고려해야 할 몇 가지 사항이 있습니다.
- 사회적 증거를 간결하게 유지하고 요점을 유지하십시오. 클라이언트에 대한 작업 결과를 설명하지만 별도의 페이지에서 사례 연구의 전체 계정을 유지합니다. 홈페이지에서 전체 사례 연구에 연결합니다.
- 클라이언트의 따옴표와 이미지를 사용합니다.
- 전후 상태를 설명하고 숫자를 사용하여 비교합니다. 고객의 견적을 활용하여 가장 많은 결과를 볼 수 있습니다.
평가:
평가는 귀하와 귀하의 제품을 지지하는 고객의 인용문입니다. 이 따옴표는 틈새 시장에서 최고 회사에서 높은 티켓 사람들에서 오는 경우 방문자에 가장 많은 영향을 미칠 수 있습니다.
이 분야에서 적극적이어야 하며 사람들에게 증언을 요청해야 합니다. 실제 평가에 대한 대가로 보상(예: 할인)을 제공하는 것은 여기서 먼 길을 갈 수 있습니다.
고객에게 작업 결과 언급하고 다른 사람들이 고객이어야 하는 이유를 설명해 달라고 요청하는 것이 좋습니다. 실제 데이터를 인용하면 그들의 주장이 더 설득력이 있을 수 있습니다.
트러스트 아이콘:
트러스트 아이콘은 함께 일했던 회사 또는 소개된 출판물의 로고입니다.
그들은 내가 얼마 전에 한 연구에 따르면 사회적 증거의 가장 인기있는 형태입니다. 그들은 쉽게 얻을 수 있으며 시각적 인 특성으로 인해 방문자에게 눈에 띄는 영향을 미칩니다. 평가와 마찬가지로 유명 고객의 로고가 있는 경우 가장 큰 효과를 낼 수 있습니다.
데이터/숫자:
인상적인 수의 사람들과 함께 일했거나 그들과 함께 인상적인 결과를 달성한 경우 홈페이지에 데이터/번호를 표시할 수 있습니다. 이 숫자는 단순히 그들이 인상적인 소리로 당신의 사업과 관련된 아무것도 될 수 있습니다.
ZeroBounce는 Inc. 5000 목록에서 40번이라는 사실을 언급하여 매우 신뢰할 수 있습니다.
소셜 미디어:
소셜 미디어를 사회적 증거의 한 형태로 활용하는 것은 팔로워 수를 보여주는 것 이상입니다. 소셜 미디어의 진정한 장점은 긍정적인 고객 정서의 저장소입니다.
벤 애스턴은 "감정은 사람의 행동, 글쓰기, 연설에 담긴 감정, 의견, 태도와 표현 내의 감정적 메시지"라고 설명한다.
이 감정적인 메시지는 소셜 미디어에서 더 강한 힘을 가지고 (일반적인 평가에 비해) 그들은 타사 플랫폼에 게시하고 더 진실한 것 때문에. 결국, 사용자 생성 콘텐츠는 소비자가 정품으로 볼 확률이 2.4배 높습니다.
홈페이지에서 이러한 긍정적인 감정을 언급하십시오. 원래 게시물의 스크린 샷은 이에 이상적입니다.
개 이용 후기:
신뢰할 수 있는 출처를 통해 제품 또는 서비스에 대한 실제 리뷰를 소개할 수 있습니다. 이러한 리뷰는 Amazon 고객 리뷰 또는 Trustpilot과 같은 신뢰할 수 있는 리뷰 사이트에 게재되므로 소셜 미디어와 마찬가지로 사용자 생성 콘텐츠의 좋은 예가 될 수 있습니다. 홈페이지에서 리뷰를 사용하는 간단한 방법은 타사 리뷰 사이트에 연결하는 것입니다. MailBird가 이렇게 하는 방법은 다음과 같습니다.
3. 모바일 친화적 인 디자인 :
사람들은 모바일 장치를 사용할 뿐만 아니라 인터넷에 액세스할 수 있을 뿐만 아니라 그 어느 때보다 온라인에서 구매하고 있습니다. 2019년 모바일 기기에서 온라인 소매 전환의 41.32%가 이루어졌습니다.
2015년 Google은 모바일 친화적인 업데이트를 통해 "모바일 검색 결과에서 모바일 친화적인 페이지 순위"를 높였습니다. 그 여파는 분명했다 : 가독성과 유용성에 최적화 된 웹 사이트 페이지는 모바일에서 수행 구글 검색 (이는 전체 검색의 절반 이상입니다)에서 우선 순위를 부여했다.
모바일 친화적 인 디자인은 구글과 AnswerLab에의해 수행 된 연구에 따라 이러한 기능을 가지고:
호출-투-액션은 접이식 위와 중앙에 있습니다.
사람들이 최우선 정보와 요소에 액세스할 수 있는지 확인하십시오.
메뉴는 짧고 간단하며 탐색하기 쉽습니다.
길고 복잡한 메뉴는 모바일 장치에서 관리하기가 어렵습니다. 짧고 간단하며 탐색하기 쉬운 메뉴를 사용해야 합니다.
홈페이지로 돌아가는 것은 쉽습니다.
It’s industry-standard that you can create a logo for your website that should lead back to your homepage.
산만 방지
웹사이트는 간질(예: 콘텐츠를 숨기고 사용자에게 앱을 설치하라는 메시지를 표시하는 전체 페이지 프로모션)을 사용해서는 안 되며 웹 사이트의 콘텐츠를 쉽게 볼 수 있어야 합니다.
현장 검색을 수행하는 것은 간단하고 효과적입니다.
고급 검색 필터가 있는 보이는 검색 모음을 제공하고 검색 결과를 관련성 있게 만듭니다.
방문자는 장벽없이 웹 사이트를 탐색 할 수 있습니다
사람들은 로그인하지 않고도 웹사이트를 탐색하고 구매할 수 있어야 합니다.
양식을 채우는 것은 간단합니다.
양식을 작성하는 것이 번거로움이 아닌지 확인하십시오. 효율적인 양식을 사용하고 간소화된 정보 입력, 날짜 선택 일정 등의 옵션을 제공합니다.
전체 웹 사이트는 모바일에 최적화되어 있습니다.
Make sure all your website’s elements (including images, texts, menus, etc.) are optimized using an efficient responsive design. Test your website using cross-browser testing tools. This could help a lot in identifying and fixing errors on different devices and operating systems.
4. 접기 위의 CTA :
위의 아이디어는 인터넷 페이지를 설명하기 위해 발명되지 않았습니다. 그것은 수세기 동안 신문에 인쇄에 사용되었습니다 (따라서 단어 "접기"의 사용). 신문에서 가장 중요한 헤드라인과 이미지는 항상 종이 시트의 상단 절반에 사용되어 쉽게 알아볼 수 있었습니다.
오늘날 동일한 아이디어는 스크롤할 필요 없이 즉시 페이지의 표시되는 내용을 설명하는 데 사용됩니다.
일부 전문가들은 CTA를 접어넣으면 방문자가 아래로 스크롤하여 페이지 콘텐츠를 더 많이 볼 수 있다고 주장합니다. CTA를 접기 아래에 추가하는 데 몇 가지 이점이 있을 수 있지만 가시성과 간결함을 능가하는 것은 없습니다.
점점 더 많은 사람들이 가장 눈에 띄는 곳 위에 주요 CTA를 추가하고 메시지를 신속하게 전달하는 데 관심이 있습니다.
닐슨 노먼 그룹의연구에 따르면, 사람들은접지 아래 100 픽셀보다 102 % 더 많은 100 픽셀을 봅니다. 이것은 연구가 주장을 뒷받침하기 위해 제시하는 히트맵입니다.
빨간 점은 사람들이 가장 많이 보는 장소입니다. 노란색 점은 사람들이 덜 보이는 장소이며, 흰색 점은 사람들이 거의 주의를 기울이지 않는 곳입니다. 그래서 분명히 위의 배 개념을 방어 마케터는 데이터 중심의 연구에 올 때 할 말이있다.
페이지에서 가장 중요한 요소를 보고 더 자주 클릭하려면 사람들이 가장 주의를 기울이는 접기 위에 배치해야 합니다.
접기 위에 포함할 내용:
지금까지 당신은 접기 위의 콘텐츠가 가장 많은 보기를 얻는다는 것을 확신해야하지만, 그 다음에 는 접힌 위에 무엇을 포함해야 하는지에 대한 질문이 있습니까? "지금 구매" 버튼을 포함하고 매출을 늘릴 것으로 예상해야 합니까?
대답은 그렇게 간단하지 않을 수 있습니다. 유명한 제품을 가진 인기 있는 웹사이트 는 바로 위의 구매를 장려 하는 경우 판매 증가 볼 수 있습니다.
예를 들어, Mailchimp (아마도 가장 알려진 이메일 마케팅 플랫폼)는 홈페이지에서 접기 위의 "계획 따기"를 권장합니다.
이는 대부분의 이메일 마케팅 플랫폼이 무료 평가판 등록을 장려하거나 해당 기능에 대한 자세한 정보를 제공하는 것입니다. 대부분의 비즈니스 웹 사이트는 방문자가 잠재 고객으로 유입 경로에 들어가거나 제품에 대해 더 많은 교육을 받을 수 있도록 하는 CTA를 포함하는 것이 더 합리적이라고 봅습니다.
내가 최고 비즈니스의 홈페이지의 홈페이지 요소에 했던 연구에서, 나는이 웹 사이트에서 사용되는 가장 많이 사용되는 CTA 유형은 "더 많은 정보"유형이었다는 것을 발견 (더 많은 것을 배우고, 지금 보고, 더 많은 것을 알아서, 더 읽기) 및 "샘플"유형 (무료로 가입, 다운로드, 무료 평가판을 시작, 기타).
샹티이는 홈페이지의 위의 공간을 잘 활용합니다. 나는 샹티의 마케팅 매니저 인 아나스타샤 마트비에바에게 연락하여 위의 공간의 역학을 설명해 달라고 요청했습니다.
"Chanty.com 홈페이지에서는 여러 가지 디자인 요소를 사용하여 웹 사이트 전환을 증가시합니다. 우선, 홈페이지 위에는 우리 팀이 개발한 직원 생산성 계산기로 이어지는 헬로 바가 있습니다. 이 계산기는 사용자가 시간당 및 직원당 생산성을 측정할 수 있게 해주며, Google의 첫 페이지에 순위를 매길 수 있도록 웹사이트로 큰 트래픽을 유도할 수 있습니다."
다음은 "더 많은 일을 함께 하십시오"라는 제목이며, 바로 아래에 있는 이메일 입력으로 가입하고 도구를 무료로 사용해 볼 것을 제안합니다. 세 번째 주요 홈페이지 요소는 Chanty를 사용하는 방법에 대한 비디오 가이드입니다. 대화 만들기, 작업 할당, 통화, 오디오 메시지 녹음 과 같은 Chanty 기능을 보여주는 3분 짜리 비디오 자습서입니다."
5. 실습 고객 지원
방문자는 다양한 단계에서 제품에 대한 많은 질문이 있습니다. 홈페이지 방문자는 더 많은 질문이, 특히 그들 중 대부분은 처음 방문자이기 때문에.
좋은 홈페이지 디자인과 양질의 콘텐츠는 질문에 대한 답을 찾는 데 도움이 될 수 있지만, 질문이 답변되지 않은 경우 를 대비하여 실무 커뮤니케이션 수단을 제공해야 합니다.
고객의 질문에 답하면 매출이 최대 15% 증가하는 동시에 고객 만족도를 약 20%높일 수있습니다.
홈페이지에는 고객 지원을 제공하는 몇 가지 방법이 있습니다.
1. 연락처 페이지 디자인
"정보" 페이지와 마찬가지로 "연락처" 페이지는 웹사이트의 신뢰성을 제공합니다. 대담하고 눈에 띄게 하고 방문자에게 연락할 이유를 제공합니다.
연락처 페이지에서 서로 다른 통신 수단을 제공합니다. 웹사이트에서 직접 사용할 수 있는 간단한 양식과 이메일 클라이언트에서 사용할 수 있는 이메일 주소를 삽입합니다.
2. 실시간 채팅 사용
방문자(또는 잠재 고객) 쿼리에 대한 응답 시간이 느리게 조정되면 이를 보존하는 기능에 큰 영향을 미칩니다. 연락처 양식 쿼리에 대한 응답이 빨라지면 성공 확률이 높아지며 응답 시간이 길어지면 잠재 고객을 놓칠 수 있습니다. 한 연구에 따르면 "응답 없이 단 5분 만에 리드와 접촉할 확률이 10배 감소하는 것으로 나타났습니다."
이 연구는 또한 조사 대상 기업의 7%만이 잠재 고객의 질의5분 이내에 응답한 것으로 나타났습니다. 이 회사는 모두 지원을 위해 라이브 채팅을 사용했습니다. 실시간 채팅은 쿼리에 응답하고 훌륭한 고객 경험을제공하는 가장 빠르고 쉬운방법입니다.
일반적인 라이브 채팅 소프트웨어가 실제 생활에서 작동하는 방법은 다음과 같습니다.
출처: 라이브 에이전트
3. 챗봇
라이브 채팅 지원에서 쿼리에 응답하는 경우 로봇은 챗봇을 통해 제출된 쿼리를 담당합니다. 그리고 그들은 꽤 좋은 일을하고 있습니다. 챗봇에는 자연어 처리 기술이 장착되어 있어 쿼리를 분석하고 최상의 응답을 제공합니다.
이러한 도구는 특정 기능, 가격 책정, 통합 등에 대한 쿼리와 같은 간단하고 반복적인 쿼리에 거의 대답할 수 있습니다. 쿼리가 복잡해지면 고객을 인적 지원 에이전트에 연결할 수 있습니다.
홈페이지에서 사용할 수 있는 최고의 챗봇 도구 목록은 다음과 같습니다.
마침내:
홈페이지는 비즈니스의 스토어프론트로 기능합니다. 좋은 홈페이지에 사람들을 유혹 하 고 신뢰할 수 있는 신뢰할 수 있는 당신을 제시 할 수 있습니다., 나쁜 홈페이지 멀리 사람들을 구동할 수 있는 동안. 좋은 홈페이지에는 5 가지 요소가 있습니다.
- 그것은 방문자의 기대를 충족시키는 프로토 타입 디자인을 가지고 있습니다.
- 그것은 신뢰성을 보여주기 위해 사회적 증거를 사용합니다.
- 휴대 전화의 사용은 데스크톱을 초과하기 때문에 그것은 모바일 친화적입니다.
- 그들은 접이식 위의 공간을 활용하여 가장 중요한 CTA를 보여줍니다.
- 방문자의 질문에 대한 답변을 직접 지원합니다.
저자의 바이오:
Mostafa Dastras is a writer at The Digital Project Manager, a leading digital project management resource hub and community run by the indie digital publishing team at Black & White Zebra. His work has appeared on some top publications such as HubSpot, WordStream, SmartInsights, LeadPages, Sendinblue, and MarketingProfs.
