전환 랜딩 페이지를 구축하는 방법

게시 됨: 2022-06-08

대부분의 경우 랜딩 페이지는 사용자를 "방금 탐색 중" 상태에서 유료 고객으로 전환할 수 있는 최고의 도구입니다. 물론 크리에이티브, 헤드라인, 타겟팅 등이 제 역할을 하지만 랜딩 페이지는 캠페인의 얼굴입니다. 설득력이 없으면 이러한 전환율에 작별을 고할 수 있습니다. 이것이 바로 착륙선을 만드는 것만으로는 충분하지 않은 이유입니다. " 여기에 이익이 온다 "고 연주하는 오케스트라를 만들기 위해 착륙선을 테스트하고 모든 요소를 ​​미세 조정해야 합니다.

랜딩 페이지의 성능을 높이려면 몇 가지 주요 사항을 확인해야 합니다. 기능적이고, 접근 가능하고, 사용 가능하고, 직관적이고, 설득력이 있어야 합니다. 우리는 다음 구절에서 이러한 각 특성을 분석할 것입니다.


기능의

전환 랜딩 페이지를 구축하는 방법 넵 광고 블로그 제휴 마케팅

랜딩 페이지와 관련하여 기능은 기술적 성능을 의미합니다. 예를 들어 얼마나 잘 로드되고 얼마나 빨리 로드되는지를 의미합니다. 사용자 경험을 방해하고 전환율을 손상시키므로 결함이나 버그도 없어야 합니다.

대부분의 사용자는 페이지가 로드될 때까지 기다리는 것을 좋아하지 않기 때문에 로드 속도도 CR에 중요합니다. 이 경우 다른 사람의 제안으로 전환할 가능성이 더 큽니다. 여기 또는 다른 무료 액세스 플랫폼에서 착륙선의 속도를 모니터링 할 수 있으며 Google의 PageSpeed ​​Insights 를 확인하여 이 문제를 더 잘 이해할 수 있습니다.

속도는 주로 GEO에 따라 달라집니다. 국가마다 인터넷 속도가 다르고 동일한 페이지를 로드하는 데 이탈리아에 비해 아르헨티나에서 훨씬 더 오래 걸릴 수 있기 때문입니다. 청중이 착륙선에 빠르게 액세스할 수 있도록 하려면 목표 GEO에 최대한 가까운 서버를 사용하십시오. CDN(Content Delivery Network)은 이를 지원하는 도구입니다. Cloudflare, Hostry 또는 NGENIX와 같은 다양한 플랫폼을 사용하면 모든 페이지의 로딩 속도를 최적화하고 콘텐츠 검색을 훨씬 빠르게 만들어 전환율에 도움이 되는 경우가 많습니다.

https://cyberhoot.com/cybrary/content-delivery-network-cdn/

얻기 쉬운

전환 랜딩 페이지를 구축하는 방법 넵 광고 블로그 제휴 마케팅

접근성은 SEO(즉, 웹 페이지를 얼마나 쉽게 찾을 수 있는지)와 다양한 장치 및 화면 비율에 대한 최적화를 모두 다룹니다. SEO 최적화가 최우선 순위는 아닐 수 있지만 적시에 적절한 양의 유기적 트래픽을 생성할 수 있습니다. 페이지 레이아웃의 경우 모든 요소가 시각적으로 잘 보이고 균형을 유지해야 합니다. 클릭 유도문안(CTA) 버튼과 리드 양식에 대해 이야기할 때 특히 중요합니다.

장치에 관계없이 디자인과 무결성을 유지하는 잘 구성된 페이지는 품질의 표시이며 사용자는 이를 좋아합니다. 그것은 모두 청중에 달려 있지만 페이지가 iPhone 5S와 iPhone 13 모두에 최적화되어 있는 것이 가장 좋습니다 . 이 플랫폼 또는 온라인에서 사용 가능한 다른 플랫폼에서 랜더의 반응성을 테스트할 수 있습니다 . 대부분의 최신 브라우저에는 개발자 도구가 내장 되어 있어 브라우저에 따라 F12 또는 Shift+Ctrl+C 를 누르고 페이지의 적응 기능을 확인할 수 있습니다. 다음은 Chrome용 개발자 메뉴 버전입니다.

전환 랜딩 페이지를 구축하는 방법 넵 광고 블로그 제휴 마케팅

정기적인 기술 유지 관리 및 점검을 실행하여 착륙선이 작동하고 접근 가능한지 확인하십시오. 이 두 가지 사항은 페이지 성능에 매우 중요합니다. 사용자가 웹사이트에 액세스하여 볼 수 없다면 귀하의 제안이 얼마나 좋은지는 중요하지 않기 때문입니다.

쓸 수 있는

전환 랜딩 페이지를 구축하는 방법 넵 광고 블로그 제휴 마케팅

우리 는 사용자 경험과 UX 디자인을 말할 때 사용성 이라는 기준을 자주 접하게 됩니다 . 실제로 사용자 여정을 최대한 원활하고 편안하게 만드는 것이 중요합니다. 이를 달성하려면 페이지 내용의 사용 용이성과 이해 용이성에 주의를 기울여야 합니다.

사용자에게 페이지를 편안하게 만들려면 적을수록 좋다는 규칙을 따릅니다. 현란한 배너를 적게 사용하고 적당한 색상 팔레트를 사용하십시오. 그러나 CTA와 같은 중요한 부분을 돋보이게 하는 것도 필수적이며 대비되는 색상이 좋습니다.

이미지 출처: https://www.reynders.com/en/how-we-work
이미지 출처: https://www.reynders.com/en/how-we-work

따라서 눈에 눈물을 흘리지 않으면서 선명하고 신선한 대비를 유지하기 직전의 균형이라고 설명하는 더 좋은 방법은 없습니다 . 요컨대 이것은 피해야 할 접근 방식입니다.

이미지 출처: https://www.reynders.com/en/how-we-work
이미지 출처: https://chasemor.files.wordpress.com/2010/11/baddesign.jpg

사용성은 또한 장치 최적화에 추가됩니다. 예를 들어 모바일 트래픽을 유도하는 경우 사용자가 한 손으로 더 쉽게 탭하고 스크롤할 수 있도록 화면 하단에 실행 가능한 모든 메뉴, 버튼 등을 만드는 것이 좋습니다. 또한 인기 있는 장치 크기를 고려하는 것을 잊지 마십시오. 화면이 클수록 상단과 반대쪽에 도달하기가 더 어렵습니다.

이미지 출처: https://www.practicalecommerce.com/mobile-site-pass-thumb-zone-test

킬러 랜더를 만드는 모바일 애플리케이션 디자인 웹 사이트 UX 원칙대한 보다 귀중한 통찰력을 얻으려면 다음 리소스를 확인하십시오 .

직관적

이 점은 또한 사용자 편의성과 밀접하게 연결되어 있으며 랜딩 페이지는 최대한 사용자 친화적이어야 함을 의미합니다. 청중이 쉽게 페이지를 탐색하고 중요한 정보를 찾을 수 있어야 합니다. 이를 수행하는 한 가지 방법 은 접힌 부분 위에 최상의(그리고 가장 설득력 있는) 비트를 배치하는 것 입니다. 이 아이디어는 전통적인 뉴스 출판에서 비롯되었으며 가장 뜨겁고 가장 선정적인 헤드라인이 첫 페이지 상단에 배치되어 신문을 반으로 접은 상태에서도 계속 표시된다는 것을 의미합니다. 최신 웹사이트의 경우 이 원칙은 다음과 같이 작동합니다.

이미지 출처: https://imu.nl/internet-marketing-kennisbank/webdesign/above-en-below-the-line/

직관적이라는 것은 아이디어를 가장 잘 전달하는 단어를 선택하는 것을 의미하기도 합니다. 간단한 언어를 사용하되 청중의 배경도 고려하십시오. 십대에게 로켓 과학에 대해 이야기하지 말고 로켓 과학자와 유치한 대화를 피하십시오. 적절하고 관련성이 있도록 유지하십시오.

언어 선택과 관련하여 웹사이트 현지화를 언급하는 것도 중요합니다. 랜딩 페이지에 기계 번역을 사용하지 마십시오. 괜찮게 보일 수 있지만 원어민은 엉성함을 보고 감사하지 않을 것입니다. 이러한 태도는 사용자의 신뢰를 약화시키고 귀하의 페이지를 덜 진정성 있게 보이게 합니다. 온라인 번역 에이전시는 많고 다양하며 One Hour Translation Services 등을 검색하여 시작할 수 있습니다. 원어민 번역가의 서비스를 이용하는 것이 항상 더 좋지만 예산이 적다면 최소한 공인 전문가를 찾으십시오. 그건 그렇고, 삶의 꿀팁이 있습니다. 모든 영어 원어민이 영국과 미국에서 온 것은 아니며 프랑스에서 온 프랑스어도 아닙니다. 예를 들어 영어나 프랑스어로 번역이 필요한 경우 아프리카 국가의 원어민을 검색하세요. 이는 기본 언어가 동일하고 가격이 낮은 국가가 덜 명확하므로 현지화 비용을 절약할 수 있음을 의미합니다.

동기

이미지 출처: https://www.reynders.com/en/how-we-work

마지막으로 랜딩 페이지의 목표는 전환하는 것이므로 설득에 추가되는 요소를 사용하십시오. 사용 후기, 언박싱 비디오, 리뷰와 같은 사회적 증거 및 UGC(사용자 생성 콘텐츠)는 때때로 결정을 내리지 못한 방문자를 설득하는 데 놀라운 역할을 합니다. 또한 연락처 정보(리드 생성 제안용), 배송 조건(뉴트라 및 전자 상거래용), 법률 인용문(베팅 및 도박용) 또는 Q&A 섹션(거의 모든 업종용)을 제공할 수 있습니다.

웹 사이트의 또 다른 중요한 신뢰 자산은 사이트의 ID를 확인하고 서버와의 암호화된 연결을 생성하는 SSL(Secure Sockets Layer) 인증서입니다. 이 인증서는 사용자의 데이터가 누출이나 사이버 공격으로부터 보호되고 사용자가 안전한 웹 사이트에 머무르고 탐색할 가능성이 더 높은지 확인합니다. 이 기사에서는 랜더를 위한 SSL 인증서를 무료로 받고 청중과 더 많은 영향력을 얻는 방법에 대해 자세히 알아볼 수 있습니다.

방문자를 구매하도록 유도하는 또 다른 좋은 방법은 제안의 수량이나 시기에 제한을 두는 것입니다. 똑딱거리는 타이머와 이번 주 배너만 현대인의 누락에 대한 두려움(FOMO)을 유발하고 저울을 유리하게 기울일 수 있습니다.

이미지 출처: https://www.reynders.com/en/how-we-work
이미지 출처: https://cdn.dribbble.com/users/3587/screenshots/2214362/dribbble_preview.jpg?compress=1&resize=400×30

해야 할 일과 하지 말아야 할 일

이미지 출처: https://www.reynders.com/en/how-we-work

따라서 착륙선을 최대한 날씬하게 만들고 전환 목표를 달성하기 위한 체크리스트가 있습니다.

✓ 청중과 같은 언어로 말해야 하며 사용자의 배경과 라이프스타일을 고려해야 합니다.
✓ 화려한 요소로 오버로드되지 않은 간결한 웹 페이지를 찾으십시오.
✓ 사용자에게 증거 및 사회적 증거 제공: 제품의 UGC, 리뷰, 개봉기, 비디오 및 실제 사진.
✓ 고품질 복사 및 번역을 사용하십시오.
✓ 착륙선의 적재 속도를 모니터링하고 그에 따라 최적화하십시오. CDN 도구를 사용하여 최상의 콘텐츠 검색 속도를 확인하십시오.
✓ 다양한 장치에 대한 사이트의 적응성을 확인하십시오. 사용자는 장치의 크기, 수명 및 용량에 관계없이 사이트에 액세스할 수 있어야 합니다.
✓ 사이드 프로젝트로 이메일 데이터베이스를 수집하는 작업을 수행하십시오. 이는 이메일 마케팅 캠페인의 귀중한 자산이 될 것입니다.
✓ 귀하의 사이트에서 제한된 제안 및 타이머로 긴급 전술을 구현하십시오.
✓ 관련이 있는 경우 상향 판매를 구현합니다. 예를 들어 뉴트라, 전자 상거래 및 온라인 교육을 통해 인상적인 결과를 얻을 수 있습니다.

✗ 장황하게 말하지 마세요. 장황하게 읽히는 책은 잘 팔리지 않지만 보통 지루합니다.
✗ 한 페이지에 너무 많은 충돌 색상과 밝은 요소를 사용하지 마십시오.
✗ 기계 번역은 잊으세요. 저렴한 현지화 서비스를 원하시면 Tier-3 국가의 원어민을 검색하세요.
✗ 알림 및 팝업 요소에 너무 집착하지 마세요. 사용자 경험에 방해가 될 수 있습니다.
✗ 못생겼다고만 생각하지 마세요. 물론 이상한 디자인 선택에 대한 매력이 있지만 잘 디자인된 웹 사이트가 더 나은 성능을 발휘하는 경우가 더 많습니다.

결론

현대 사용자에게는 많은 옵션과 기회가 있으므로 유료 고객으로 전환하기가 더 어렵습니다. 이것이 랜딩 페이지의 품질에 대한 투자가 캠페인의 전반적인 성과에 중요한 이유입니다. 이 5가지 사항을 염두에 두고 제휴 게임을 유지하십시오. 착륙선에 대한 조언이나 도움이 필요하면 주저하지 말고 Yep Ads 관리자에게 문의하세요!