전환하는 스텔라 홈페이지 콘텐츠의 12가지 규칙
게시 됨: 2016-04-20홈페이지는 웹사이트에서 가장 중요한 부분 중 하나입니다. 소매업체의 창 디스플레이가 쇼핑객을 끌어들여야 하는 것처럼, 홈페이지에 전환할 수 있는 콘텐츠가 포함되어 있는지 확인하고 싶습니다. 방문 페이지가 매우 특정한 목적을 위해 매우 특정한 청중에게 초점을 맞추는 경우 홈페이지는 유입경로의 모든 단계에서 방문자에게 어필해야 합니다(귀하의 제품 또는 서비스에 따라 여러 페르소나도 포함). 아시다시피 이것은 전략과 노력이 필요합니다.
웹사이트를 재설계하거나 기존 홈페이지를 새롭게 단장하려는 경우 항상 전환을 염두에 두어야 합니다. 홈페이지 콘텐츠가 전환되도록 하기 위해 명심해야 할 12가지 규칙은 다음과 같습니다.
1. 방문자에 대한 명확한 목표를 염두에 두십시오.
방문자가 무엇을 하기를 원하십니까? 웹사이트의 목표는 방문자가 유입경로를 더 깊이 파고 들어가도록 하는 것이어야 합니다. 회사의 모습은 어떻습니까? Wistia를 예로 들어 보겠습니다. 그들의 홈페이지에 도착하면 다음과 같이 표시됩니다.
간단하고 효과적입니다. 이 페이지의 방문자는 무엇을 해야 하는지 정확히 알고 있습니다. "자세히 알아보기"를 클릭하십시오. 디자인은 절제되어 있으며 방문자가 웹 사이트를 파고드는 데 방해가 되지 않습니다. 이것은 가장 중요한 규칙입니다. 방문자가 귀하의 홈페이지에 방문한 후 무엇을 해야 할지 모를 경우 Google 검색에서 다음 목록으로 바로 이동할 가능성이 상당히 큽니다.
2. 방문자에게 귀하가 하는 일을 알려 주십시오.
이것은 명백해 보일 수 있지만 얼마나 많은 웹사이트가 이를 식별하기 어렵게 만드는지 놀랄 것입니다. 사용자는 귀하의 회사가 무엇을 하는지 알기 위해 "회사 소개" 또는 "우리의 기능"을 클릭할 필요가 없습니다. 사실, 당신은 그들이 당신의 홈페이지에 도착한 후 3초 이내에 당신이 하는 일을 그들에게 확실히 말하고 싶을 것입니다. 다시 말하지만, Wistia는 이것으로 환상적인 일을 합니다. "비즈니스를 위한 비디오 마케팅 플랫폼"이라는 제목은 그들의 능력을 명확하게 전달하고 방문자를 신속하게 선별하여 Wistia에 적합한지 확인합니다. 고양이 동영상을 게시할 곳을 찾고 계십니까? 당신은 아마도 오랫동안 Wistia의 웹사이트에 있지 않을 것입니다.
3. 또는 어떤 문제를 해결했는지 설명하십시오.
Unbounce는 많은 IT 경험이나 액세스 권한이 없는 마케터를 위한 훌륭한 도구입니다. 이러한 마케터는 Unbounce 홈페이지에 도착하면 바로 알 수 있습니다. 이것은 또한 방문자를 즉시 자격을 부여하므로 나중에 골치 아픈 일이 줄어듭니다.
4. 로고와 사이트 탐색을 잊지 마십시오.
사이트 탐색이 사용하기 쉽고 웹 사이트의 모든 요소를 표시하기를 원합니다. "문의하기" 선택 항목이 드롭다운 한두 개에 묻혀 있으면 쉽게 전환할 수 있는 기회를 놓치게 됩니다. 또한 친숙한 알림 - 로고가 최신 상태이고 모든 사이트 탐색 링크가 작동하는지 확인하십시오.
별거 아닌 것처럼 보일 수 있지만 최근에 다음과 같은 예를 보았습니다. Google "Geek Squad"(또는 Best Buy 사이트)에서 새 로고를 볼 수 있지만 직접 방문하면 ' 여전히 이전 브랜딩을 볼 수 있습니다. 이것은 혼란스러울 뿐만 아니라 방문자가 웹사이트에 최신 정보가 있는지 궁금해하게 만들 것입니다. 확실히 신뢰를 심어주는 좋은 방법은 아닙니다.


5. 청중의 공감을 이끌어 내십시오.
대부분의 인바운드 마케팅 전략과 마찬가지로 타겟 고객의 공감을 얻고자 합니다. 기술 지식이 풍부한 매우 구체적인 프로필을 대상으로 하는 경우 해당 기술 용어와 문구를 사본에 포함해야 합니다. 그러나 회사 전문 용어를 최대한 피하십시오. 별 의미가 없고 사람들을 짜증나게 하는 경향이 있습니다.
Mint는 타겟 청중과 공감대를 형성하는 데 큰 역할을 합니다. 모르는 경우 Mint는 은행 계좌와 신용 카드에 연결하여 지출을 추적하고 예산을 지키는 데 도움이 되는 앱입니다. "저 지평선"이라는 문구는 매력적이지만 방문자가 자신의 꿈을 상상할 수 있을 정도로 모호하고 "무료 가입"은 그들의 시장이 돈에 민감하다는 사실을 의식합니다.
6. 즉, 키워드로 홈페이지를 어지럽히지 마십시오.
이것은 몇 년 전만 해도 모범 사례였을지 모르지만 검색 목적으로 더 이상 필요하지 않으며 의심스러워 보입니다.

코드 아카데미가 좋은 예입니다. "코드 배우기"라는 키워드에 대한 첫 번째 Google 결과이지만 홈페이지에는 한 번만 표시됩니다. 그들은 가장 관련성이 높은 키워드를 선택하고 해당 키워드에 최적화했습니다. 그리고 작동 중입니다!

7. 훌륭한 디자인을 통합하십시오.
훌륭한 시각적 디자인은 관련 문구만큼 중요합니다. 훌륭한 디자인이 없으면 홈페이지는 방문자에게 신뢰와 역량을 전달할 수 없습니다. 훌륭한 디자인과 관련하여 다양한 옵션이 있지만 색상, 글꼴, 공백 및 레이아웃을 사용하여 브랜드를 전달하는 동시에 방문자를 다음 단계로 효과적으로 안내해야 합니다. (물론 이것은 말보다 훨씬 쉽습니다.)
8. 반응형 디자인도 포함하는 것을 잊지 마십시오.
데스크톱 기기보다 모바일에서 더 많은 Google 검색이 발생하므로 반응형 디자인은 정말 정말 중요합니다. 스마트폰에서 데스크톱 웹사이트를 탐색하는 것을 좋아하는 사람은 아무도 없지만 반응형 디자인은 이제 너무도 흔해져서 자산이 아닌 기대치가 높아졌습니다. 반응형 디자인이 없으신가요? 당신은 시대에 뒤떨어져 있고 그것은 신뢰 포인트를 앗아갑니다. 여전히 설득력이 필요하십니까? Google은 이제 반응형 디자인을 모바일 순위 결과에 반영합니다.
9. 디자인이라고 하면 접을 걱정은 하지 마세요.
예전에는 홈페이지의 모든 요소를 스크롤 없이 볼 수 있는 위치에 두는 것이 매우 중요했지만 모바일 덕분에 모두가 다시 스크롤하는 데 익숙해지고 있습니다. 물론, 가장 중요한 부분을 스크롤 없이 볼 수 있는 부분 위에 유지하고 싶지만 그 아래로 자유롭게 더 깊이 들어가 보세요. Spotify가 좋은 예입니다.
스크롤 없이 볼 수 있는 부분:

그러나 잘 팔리지 않았다면 아래로 스크롤하여 더 많은 정보를 찾을 수 있습니다.
스크롤 없이 볼 수 있는 부분:

이제 방문자는 제품에 대해 조금 더 읽을 수 있으며 추가 정보 없이 이탈했을 수 있는 방문자를 포착할 수 있습니다.
10. CTA를 잊지 마십시오.
궁극적으로 방문자를 고객으로 전환하고 싶습니까? 오른쪽. 이를 수행하는 가장 좋은 방법은 우수한 CTA를 사용하는 것입니다. 이제 이전에 논의한 바와 같이 여전히 홈페이지에 대한 명확한 목표를 유지하기를 원하므로 기본 CTA를 선택하고 이를 전면 및 중앙에 배치하십시오.
Sprout Social은 주요 CTA로 시선을 돌리는 훌륭한 일을 합니다. 밝고 중앙에 있으며 배경 이미지는 약간의 전략적 각도를 사용하여 눈을 페이지 중앙으로 미묘하게 다시 리디렉션합니다. Sprout Social은 방문자가 무료 평가판에 등록하기를 원하며 디자인을 통해 이를 분명히 했습니다. 모서리에 다른 CTA가 있지만(같은 CTA일 필요는 없음) 음소거된 색상을 선택하고 숨기면 주요 초점에서 산만해지지 않습니다. HubSpot이 가장 적절하다고 생각합니다. "CTA는 귀하의 홈페이지를 단순한 브로셔 형식이 아닌 판매 또는 리드 생성 엔진으로 전환합니다."
11. 사회적 증거를 포함하십시오.
이것은 간단합니다. 귀하의 홈페이지에 사회적 증거를 포함시키십시오. 큰 산업 이름이나 브랜드가 있는 경우 포함해야 합니다(가능한 경우 스크롤 없이 볼 수 있는 부분 위에). 팔로어 수, 환상적인 리뷰, 모든 것이 가능하지만 그것이 있는지 확인하십시오. 프로젝트 관리를 위한 비교적 새로운 플랫폼인 Slack의 경우 사회적 증거가 주목을 받습니다.

확신하지 못하셨나요? 페이지를 새로고침하세요.

참고 사항 - Slack의 사회적 증거는 플랫폼의 역량에 대해 실제로 설득력이 있을 뿐만 아니라 더 큰 것의 일부가 되고자 하는 인간의 욕망을 말하는 방식으로 이를 강조합니다. 세상을 바꾼다? 화성에 로봇? 그것은 매혹적이고 흥미진진합니다. NASA에 충분하다면 여러분에게도 충분히 좋을 것입니다.
12. 짧은 비디오를 포함하십시오!
이것은 StoryTeller가 가장 좋아하는 것입니다(비록 우리가 약간 편향될 수 있지만). 이제 실제로 짧은 비디오일 필요는 없습니다. 이미지를 최소한의 이미지라고 부를 것입니다. 짧은 비디오와 이미지는 매력적이며 짧은 비디오는 회사를 설명하고 사회적 증거를 제공하며 해결한 문제를 설명하는 등의 훌륭한 역할을 합니다. 이미지 경로를 선택하는 경우 치즈 스톡 사진을 피하십시오. 대신 감정을 불러일으키는 사진이나 비디오를 선택하십시오.
비디오를 전통적인 의미로 사용할 필요가 없음을 기억하십시오. 비디오로 할 수 있는 일이 백만 가지가 있습니다.

