회사의 가상 정문으로 봉사,이 페이지는 귀하의 웹사이트의 트래픽의 대부분에서 그리기에 대 한 책임. 아직도,그것의 굴지에도 불구하고,많은 기업은 그것을 제대로 낙관하기 위하여 고투한다.
당신은 당신의 홈페이지는 모자를 많이 착용해야합니다 참조하십시오. 오히려 하나의 특정 작업을 중심으로 전용 방문 페이지처럼 취급하는 것보다,그것은 다른 기원에서,다른 관객을 제공하기 위해 설계되어야한다. 그리고 이렇게 효과적으로 하기 위하여는,그것은 목적에 건설된것을 필요로 한다. 즉,트래픽을 유도하고 방문자를 교육하며 전환을 초대하는 요소를 통합해야 합니다.
홈페이지의 성능을 향상시키기 위해,모든 홈페이지가 가지고 있어야 이러한 요소를 확인하십시오.
12 중요 요소 모든 웹 사이트 홈페이지에는
이 이미지를 사이트에 공유
웹 사이트에 포함해야 할 내용 홈페이지 디자인
제목
3 초 이내에 웹 사이트는 비즈니스가 제공하는 것을 방문자에게 알려야합니다. 저것은 너의 표제가 들어오는 곳에 이다. 단 약간 낱말 이,너의 웹사이트에 사본의 가장 중요한 조각의 한 이다.
많은 유형의 사람들이 귀하의 웹 사이트를 방문 할 수 있으며,모든 사람을 위해 집에 닿는 몇 가지 단어를 찾기 위해 열심히 노력할 것입니다. 대신,너의 제품에 행복하게에 확률이 높은 그 사람의 세 번째를 표적으로 하기 위하여 너의 표제를 쓰십시요.
제목 자체를 명확하고 간단하게 유지하십시오. 드롭 박스의 헤드 라인은 좋은 예입니다:”당신이 한 곳에서,작업에 필요한 모든 것을.”그것은 간단하면서도 강력한—필요 드롭 박스가 정말 무엇을 알아 내기 위해 전문 용어를 디코딩 없습니다.
하위 헤드라인
하위 헤드라인은 귀하가 하는 일 또는 제공하는 일에 대한 간략한 설명을 제공하여 헤드라인을 보완해야 합니다. 이것은 너의 제품 또는 서비스가 해결하는 일반적인 고통 점에 안으로 영점규정해서 효과적으로 할 수 있는다.
여기 거울에서 중대한 이하 표제의 보기는 있는다:”보통 광경안에 숨기기.”그것은 거울 체육관의 기본 판매 포인트에 연마: 그것은 장비와 소중한 평방 피트를 차지하지 않고 당신의 가정의 안락에서 전체 재택 체육관,개인 트레이너,운동 계획의 모든입니다.
모바일 헤드 라인을 최적화하려면 방문자에게 더 나은 경험을 제공하기 위해 더 큰 글꼴을 사용합니다. 작은 글꼴은 모바일 방문자가 사이트의 콘텐츠를 읽고 상호 작용하기 위해 핀치 및 확대/축소하도록 강제 할 수 있습니다. 우리의 조언? 페이지 편집기에서 제목 옵션을 사용합니다. 페이지 제목에 대 한 완벽 한 있습니다. 부제목은 계층 구조의 순서를 따라야합니다… 및 기타. 이 표제의 몇을 있을 수 있는다,다만 확인하십시요 순서안에 이다 것 을 너는. 예를 들어,당신은 3 에 1 에서 점프 할 수 없습니다—대신 2 를 선택합니다.
기본 클릭 유도 문안
홈페이지의 목표는 방문자가 귀하의 웹 사이트를 더 깊이 파고 들어가 깔때기 아래로 이동하도록 강요하는 것입니다. 사기 주기의 다른 단계에 사람을 지시하는 겹의 위 2 개 에 3 개의 외침 에 활동을 포함하십시요-발견하기 쉬운 반점안에 그들을 두십시요.
이러한 통계청은 시각적으로 눈에 띄는 것이어야 하며,이상적으로는 홈페이지의 색 구성표와 대조되는 색상으로 전체적인 디자인과 조화를 이루어야 합니다. 사본 적요—더 이상으로 보다는 5 개의 낱말—및 활동 동쪽으로 향하게 하는 지키십시오,그래서 방문자를 당신이 제안하고 있다 무엇이건을 누르도록 강요한다. 예를 들어”가입”,”약속”또는”무료로 사용해보십시오.”
방과후 본사 웹사이트에는 방과후 프로그램을 가족들에게 홍보하는 데 관심이 있는 프로그램 디렉터를 대상으로 하는 두 개의 학과가 있습니다. “무료 프로필 만들기”는 방문자가 계정을 만드는 데 필요한 너지를 제공합니다—방과 후 본사 공급자가되기위한 첫 번째 단계.
지원 이미지
대부분의 사람들은 시각적입니다. 당신이 제공하는 것을 명확하게 나타내는 이미지(또는 짧은 비디오)를 사용하십시오. 감정을 포착하고,행동을 유도하고,당신이 쓰고있는 이야기를 시각적으로 말하는 이미지를 사용하십시오.
모바일 사용자에 맞게 이미지를 최적화하려면 파일 크기가 축소된 고품질 이미지를 사용합니다. (허브스팟의 소프트웨어에 업로드된 이미지가 자동으로 압축되므로 허브스팟의 고객은 이에 대해 걱정할 필요가 없습니다. 그렇지 않으면 티닝과 같은 도구가 트릭을 수행합니다.)또한,항상 그들을 스크린 리더를 사용 하 여 방문자에 게 더 액세스할 수 있도록 하 고 한 단계 귀하의 검색 엔진 최적화 노력을 이미지에 대체 텍스트를 추가 합니다.
4 리버스 스모크하우스 홈페이지는 감성적인 이미지의 좋은 예입니다.:
혜택
당신이 하는 일을 설명하는 것은 중요할 뿐만 아니라,왜 당신이 하는 일이 중요한지 설명하는 것입니다. 장래성은 저것이 주변에 찌르는 그들을 강박할 것이다 것이 이기 때문에 너에게서 사기의 이득에 관하여 알 싶는다.
사본을 가볍고 읽기 쉽게 유지하고 고객의 언어를 말하십시오. 에버 노트는 매력적인 시각적으로 기쁘게,이해하기 쉬운 방법으로 자신의 홈페이지에 목록 혜택의 훌륭한 일을한다:
사회적 증명
사회적 증명은 신뢰의 강력한 지표입니다. 너의 제품 또는 서비스는 세계안에 제일 이을 수 있고,저 요구를 놓는것은 그렇는다—사람에게서 그것을 듣으면 않는한 사람이 너를,너무 믿지 않을지도 모르지 않는다 고 정당하다. 이것이 바로 사회적 증거가 하는 일입니다.
홈페이지에 최고의(짧은)인용문 몇 개를 포함하고 해당되는 경우 사례 연구에 대한 링크를 포함하십시오. 이름과 사진을 추가하면 이러한 평가에 더 많은 신뢰성을 제공합니다. 실제 고객의 빛나는 평가와 함께 자신의 홈페이지에이 못.
탐색
홈페이지 탐색에 있는 디자인과 콘텐츠는 웹사이트 전환과 바운스의 차이를 의미할 수 있습니다. 이탈률을 줄이려면 방문자에게 홈페이지에서 필요한 페이지에 대한 명확한 경로를 제공하십시오. 페이지 맨 위에 탐색 메뉴를 표시하고 링크를 계층 구조로 구성합니다.
아무도 그것을 디자인 하는 데 도움이 하는 사람들 보다 더 나은 귀하의 웹사이트를 알고,그래서 그것은 간단 하 고 직관적인 방문자가 귀하의 사이트에서 찾고 있는 것을 찾을 수 있도록 사용자 테스트를 실시 해야 합니다. 가능한 경우 검색 상자를 포함하십시오. (더 유용한 웹 사이트 탐색 팁을 보려면이 블로그 게시물을 읽으십시오.)
다음은 슬림&허스키 피자 비리아 홈페이지에서 명확하고 잘 구조화 된 탐색 디자인의 예입니다:
콘텐츠 제공
홈페이지에서 더 많은 리드를 생성하려면 백서,전자 책 또는 가이드와 같은 정말 훌륭한 콘텐츠 제공 기능이 있습니다. 구매 준비가 되지 않을 수 있습니다 사람 오히려 그들에 게 관심이 주제에 대 한 자세한 정보를 제공 하는 제안을 다운로드 수 있습니다. 영감이 필요한 경우 선택할 수있는 여러 가지 콘텐츠 유형이 있습니다.
보조 클릭 유도문안
기본 목표에 관심이 없는 잠재고객에게 추가 전환 기회를 제공하기 위해 홈페이지에 보조 클릭 유도문안을 포함시키십시오. 비상 계획 처럼 그들의 생각:그들은 아직 뭔가 높은 약속에 대 한 준비가 되지 않은 방문자에 대 한 다른 경로 제공 당신이 요구 하는.
기본 클릭률이 접힘 위에 있어야 하지만,접음률 아래에 보조 클릭률을 배치하여 방문자가 아래로 스크롤할 때 클릭할 수 있도록 합니다. 예를 들어,스팬스의 홈페이지에 배 아래,당신은 세 가지를 찾을 수 있습니다,명확하게 클릭까지 몇 가지 더 많은 옵션을 스크롤 한 사람들을 줄 호출-투-액션 표시. 하나는 20 달러 할인된 가격으로,다른 하나는”지금 쇼핑하기”로 온라인 카탈로그를 탐색할 수 있습니다.기능
혜택 외에도 몇 가지 주요 기능을 나열하십시오. 이것은 사람들에게 당신의 제품 및 서비스에 의해 제공되는 무슨이의 이해의 더 많은 것을 준다. 다시 말하지만,복사 빛과 읽기 쉬운 유지. 비즈니스를위한 드롭 박스는,예를 들어,바로 배 아래에 자신의 홈페이지에 기능 매트릭스를 보여주는 멀리 부끄러워하지 않습니다.
리소스
다시 말하지만,대부분의 웹 사이트 방문자는 구매할 준비가되지 않습니다… 아직. 정보 더를 찾고 있는 사람을 위해,곳에 타당한 정보를 찾아볼 수 있는 자원 센터에 연결을 제안하십시요. 뿐만 아니라 이것은 오래를 위한 당신의 웹 페이지에 그(것)들을 지키는가,그러나 또한 당신이 당신의 기업에 있는 생각 지도자로 당신의 신뢰성을 설치할 것을 돕는다.
폴드 아래 바닥글에 리소스 링크를 추가합니다. 고객이 가구를 쉽게 구입할 수 있도록 도와주는 신용 카드 링크,구매하기 전에 완벽한 색상을 찾고있는 사람들을위한 패브릭 견본 가이드,새로운 가구 시장에 있지만 아직 구매할 준비가되지 않은 사람들을위한 온라인 카탈로그.성공 지표
고객 성공 사례 외에도 상과 표창 모두 좋은 첫인상을 불러일으키는 데 도움이 될 수 있습니다. 당신의 회사는 비판적으로 명성 레스토랑? 당신은 올해 최고의 새로운 응용 프로그램을 선정했다? 홈페이지 방문자가 귀하의 업적을 알려주십시오. 사회적 증거와 마찬가지로,그것은 당신을 모르는 사람들에게 당신의 사업에 더 많은 신뢰를 줄 것입니다.
캘린더의 홈페이지에서,예를 들어,당신은 가트너와 드롭 박스와 같은 그들을 인식 한 유명한 조직의 이름을 찾을 수 있습니다.
방문 할 가치가있는 홈페이지
사이트의 홈페이지는 각 방문자가 귀하의 비즈니스에 대한 첫 번째 소개입니다. 고객이 되기 위하여 그들이 그들의 마음을 만들 전에,너가 매출하는 것을의 아이디어를 얻기 위하여 너의 홈페이지를 검토할 것이다,저것이 그들에게 중요한 까 왜,그리고 너가 하는 것을에서 제안해야 혜탁받을 수 있는 까 라고.
위에서 설명한 요소를 통합 한 홈페이지로 화려한 첫인상을 만드십시오. 그리고 더 많은 영감을 얻으려면 아래의 무료 룩북을 다운로드하여 홈페이지의 놀라운 예를 확인하십시오.
편집자 주:이 게시물은 원래 2012 년 1 월에 출판되었으며 신선도,정확성 및 포괄성을 위해 업데이트되었습니다.
