잠재고객의 참여를 유지하기 위한 11개의 대화형 404 페이지

일상적인 이유로 고객을 잃을까 걱정되십니까? 방문자가 귀하의 웹 페이지에 입력할 때 맞춤법 실수를 한다고 가정해 보겠습니다. 그리고 좌절감 때문에 잠재 고객은 포기하거나 나중에 다시 시도하기로 결정하지만 브랜드에 대한 모든 것을 잊어버릴 뿐입니다. 대답? 인터랙티브 404 페이지.

이것은 지금 귀하의 웹 사이트에서 일어날 수 있습니다. 계속 놔두지 말고 404 페이지를 만들고 활용하는 데 필요한 모든 것을 배우십시오.

404 페이지란 무엇입니까?

404 페이지는 웹사이트에서 방문하려는 페이지가 존재하지 않음을 표시하는 데 사용하는 코드입니다.

예를 들면 다음과 같습니다.

그렇다면 누군가가 404 페이지에 도달하게 되는 시나리오는 무엇입니까? 다음은 몇 가지 이유입니다.

• 사이트 방문자가 웹페이지(URL)를 잘못 입력했습니다.
• 방문자가 끊어진 링크를 클릭했습니다.
• 사용자가 메모리나 북마크에서 URL을 입력했지만 페이지가 삭제되었습니다.
• URL 구조가 변경되었습니다.
• 방문자는 게이트된 콘텐츠의 URL을 방문하고 액세스하려면 로그인해야 합니다.

일반적으로 404페이지는 몇 개의 단어가 포함된 일반적인 빈 화면입니다. 그러나 그들은 또한 사소한 404 오류가 발생하더라도 청중을 참여시키고 브랜드 이미지를 높일 수 있는 강력한 기회를 제공합니다.

404 페이지를 멋지게 꾸밀 수 있습니다. 그렇지 않으면 잠재고객이 사이트를 계속 이동하는 대신 영원히 잃게 됩니다.

다음 섹션에서는 404 페이지를 만드는 방법과 많은 유용한 예제를 살펴봅니다.

404 페이지를 쉽게 만드는 방법

매력적인 404 페이지를 만드는 것은 시간이 많이 걸리는 작업일 수 있습니다. 그러나 WordPress에서 콘텐츠를 빌드하는 경우 직접 만들 수 있습니다.

WordPress는 콘텐츠 관리 시스템(CMS)으로 사이트에 콘텐츠를 쉽게 추가할 수 있습니다. 가장 인기 있는 CMS이며 수백만의 기업에서 사이트를 만드는 데 사용합니다.

그러나 코딩 기술이 없는 초보자도 처음부터 WordPress에서 웹사이트를 구축할 수 있습니다. 또한 관리형 WordPress 호스팅에 매우 빠른 EasyWP를 사용하면 몇 분 안에 사이트를 설정할 수 있습니다.

WordPress 사이트가 준비되면 404 페이지를 순식간에 설정하는 데 도움이 되는 SeedProd 플러그인만 있으면 됩니다. 404 페이지 설정을 선택하고 단계별 방법에 따라 그래픽, 텍스트 및 링크를 추가하기만 하면 됩니다.

404 페이지를 완전히 사용자 지정하여 브랜딩 표준을 충족하고 청중을 올바른 페이지로 리디렉션할 수 있습니다.

이러한 방식으로 404 페이지를 쉽게 설정하고 더 많은 기능을 추가하여 사이트에서 사용자 경험을 향상시킬 수 있습니다.

대화형 404 페이지에 대한 11가지 아이디어(예시 포함)

이제 404 페이지와 이를 만드는 방법을 이해했으므로 웹에서 찾아볼 수 있는 환상적인 404 페이지의 몇 가지 예가 있습니다. 이 예를 사용하여 자신의 404페이지에 영감을 주세요!

1. 기분

사용자가 404 오류 페이지에 도달하면 일반적으로 짜증이 납니다. 재미있는 이미지나 농담은 유머러스한 것을 보여줌으로써 사용자의 관심을 끌고 놀라게 할 수 있습니다.

Blizzard의 404 페이지를 확인하십시오. 부제목과 버튼은 재미있고 사용자가 버튼이 어디로 이어질지 궁금하게 만듭니다.

2. 탐색 링크

탐색 링크 또는 버튼을 추가하여 사용자를 올바른 페이지로 보냅니다. 필요한 것을 찾을 수 있는 홈 페이지, 연락처 페이지 또는 기타 관련 사이트로 이동하도록 요청할 수 있습니다.

여기에서 Dropbox는 가장 인기 있는 페이지 또는 카테고리에 대한 링크를 제공합니다.

3. 검색 창

검색 표시줄을 추가하는 것은 방문자에게 필요한 정보를 제공하는 영리한 방법입니다. 관련 키워드를 입력하고 원하는 정보가 있는 올바른 페이지를 찾습니다. 아래 이미지는 Disney의 404 페이지에 검색 표시줄이 있는 귀여운 애니메이션을 보여줍니다.

4. 공감하다

방문자의 불만에 대해 공감하고 이해해 주십시오. '죄송합니다' 또는 가벼운 마음으로 '죄송합니다'라고 말하는 것만으로도 사람들이 자신의 의견을 경청하고 나머지 콘텐츠를 읽고 무엇을 해야 할지 알아낼 것입니다.

5. 게임 또는 대화형 요소 추가

당신의 능력을 보여주면서 404 페이지를 재미있고 흥미롭게 만들 수 있습니다. 디자이너 Hakim El Hattab의 이 404 페이지는 마우스 움직임에 반응합니다. 이 그래픽의 안구는 커서와 함께 움직입니다.

그래픽 디자인 또는 게임 회사를 운영하는 경우 이러한 유형의 상호 작용은 기술을 보여주고 사람들이 귀하의 서비스를 사용하도록 설득합니다.

6. 비디오 또는 애니메이션

동영상이나 애니메이션을 사용하여 방문자의 관심을 끌 수 있습니다. Search Engine Journal의 404 페이지를 확인하세요.

재미있고 한동안 화면을 보고 싶게 만든다. 따라서 브랜드 아이덴티티에 맞는 경우 오류 페이지에서 GIF와 비디오를 사용하는 것을 두려워하지 마십시오.

7. 맞춤 일러스트레이션

맞춤 일러스트레이션을 사용하여 브랜드의 개성을 보여주세요. 브랜드 색상을 사용하고 비즈니스의 분위기를 나타내는 재미있는 일러스트레이션을 만드십시오.

8. 신문 구독

사용자가 가능한 한 자주 이메일 목록에 가입하도록 권장해야 합니다. 사람들이 404 페이지에 도달하는 경우에도 마찬가지입니다.

아래 이미지에서 볼 수 있듯이 Vimeo에는 공통 바닥글의 일부인 뉴스레터 구독 옵션이 있습니다. 이것이 귀하의 페이지에 뉴스레터 가입 초대장을 추가하는 한 가지 방법입니다. 페이지 중간에 옵트인 팝업 양식 또는 가입 양식을 추가할 수도 있습니다.

9. 소셜 미디어 링크

404 페이지에 소셜 미디어 링크를 추가하는 것은 사람들이 귀하의 소셜 미디어를 확인하도록 하는 좋은 방법입니다. Duolingo는 사용자가 오류 페이지에 도달하면 Twitter 및 Facebook에서 사용자를 팔로우하도록 초대합니다.

10. 행동을 요구하다

클릭 유도 문안(CTA)은 사람들이 행동을 취하도록 '명령'하거나 지시하기 때문에 중요합니다. 그리고 이 작지만 영향력 있는 기술을 사용하여 브랜드에 도움이 될 수 있습니다.

'최신 제안 확인하기' 또는 '더 많은 레시피 살펴보기'와 같은 클릭 유도문안이 포함된 간단한 버튼이나 링크는 참여도를 높이고 전환율을 높일 것입니다.

11. 블로그 콘텐츠 추천

콘텐츠가 가장 중요한 자산인 블로그를 운영하는 경우 사용자가 블로그 게시물을 읽도록 지속적으로 권장해야 합니다.

아래 이미지에서 Content Marketing Institute의 404 페이지를 확인하십시오. 그들은 사용자를 자신의 전문 분야인 콘텐츠 마케팅에 대한 정보를 제공하는 기둥 게시물로 안내합니다.

성공적인 404 페이지의 특징

이제 몇 가지 멋진 예를 살펴보았으므로 성공적인 404 페이지의 요소와 기능을 분석해 보겠습니다.

시각 자료 사용

이 게시물에 있는 404개의 예제 페이지 대부분은 사용자 지정 그래픽, 애니메이션, GIF 또는 비디오를 포함한 시각적 콘텐츠를 제공합니다. 그리고 404페이지에 텍스트만 사용한 기업도 매력적이고 드라마틱하게 만들었습니다. 따라서 자신만의 404 오류 페이지를 시각적으로 매력적이고 영향력 있게 만드는 것을 잊지 마십시오.

독특함

404 페이지는 브랜드 개성을 보여줄 수 있는 완벽한 장소입니다. 코믹한 웹 사이트를 운영하는 경우 재미있는 사진이나 텍스트를 포함하십시오. 금융 웹사이트가 있는 경우 귀하의 신뢰성과 무결성을 강조하는 진지하고 전문적인 콘텐츠를 제공하고 싶을 것입니다. 404 페이지를 만들 때 브랜드 보이스에 충실하십시오.

경험을 사용자 정의하십시오

404 페이지에 일반적인 빈 화면 템플릿을 사용하지 마십시오. 대신 귀하의 제품 및 서비스에 고유한 일부 대화형 경험 또는 콘텐츠를 제공하십시오.

여기에 소개된 몇 가지 예는 브랜드의 분위기와 스타일을 더욱 강조하므로 귀하의 웹사이트에도 동일하게 적용하십시오.

만들기가 너무 복잡하다면 vue.js 개발자를 고용하여 클릭할 수 있고 재미있을 수 있는 매력적이고 독특한 모양을 개발할 수 있습니다.

사람들이 갈 수 있는 새로운 장소 제공

마지막으로 탐색 링크, 검색 표시줄, 소셜 미디어 버튼을 404 페이지에 추가합니다. 이렇게 하면 방문자가 올바른 페이지에 도착하지 않은 경우 찾고 있던 콘텐츠를 찾는 데 도움이 됩니다. 또한 사람들이 계속 읽을 수 있도록 뉴스레터 구독 양식, 클릭 유도문안 또는 블로그 게시물을 추가하여 더 많은 사용자를 유치할 수 있는 기회로 사용할 수도 있습니다.

요점은 사용자가 사이트를 떠나지 않고 사이트에서 여행을 계속한다는 것입니다.

사이트 속도 향상

사이트 속도는 사용자 경험의 핵심 요소이며 404 페이지에 대해서도 이를 염두에 두는 것이 중요합니다. 사용자가 존재하지 않는 페이지에 도달하면 올바른 페이지로 빠르게 리디렉션되거나 적어도 유용한 정보나 옵션이 제공되기를 기대합니다.

그러나 404 페이지를 로드하는 데 시간이 오래 걸리면 사이트 방문자가 좌절하고 완전히 종료할 수 있습니다.

다시 말하지만 EasyWP의 관리형 WordPress 호스팅이 모든 차이를 만드는 곳입니다.

EasyWP는 빠른 페이지 로드 시간을 제공하도록 설계된 강력하고 안정적인 호스팅 솔루션입니다. 404 페이지가 빠르고 안정적으로 로드되도록 하여 사용자 경험을 향상시키십시오.

방문자가 더 오래 머무를 수 있도록 하세요.

웹 콘텐츠를 디자인할 때 사용자 경험이 항상 최우선 순위가 되어야 합니다. 방문자가 혼란스럽고 실망스러운 경험을 하면 오래 머물지 않을 것입니다.

끊어진 링크와 막다른 길은 그들을 쫓아내는 확실한 방법입니다. 그렇기 때문에 404 페이지(일명 오류 페이지)가 매력적이고 유익한지 확인하는 것이 중요합니다.

사이트 방문자를 기다리게 하지 마십시오. 대화형 요소와 진행 방법에 대한 유용한 팁을 제공하십시오. 킬러 404 페이지를 만들면 방문자가 고마워할 것입니다!

오류 페이지 얘기가 나와서 말인데, Google에서 귀하의 사이트가 위험한 것으로 표시되는 것에 대해 걱정한 적이 있습니까? 그렇다면 웹 사이트에서 "사기성 사이트 주의" 경고를 해결하는 방법을 알아보십시오.

Syed Balkhi는 가장 큰 무료 WordPress 리소스 사이트인 WPBeginner의 설립자입니다. 10년 이상의 경력을 가진 그는 업계 최고의 WordPress 전문가입니다. 그의 소셜 미디어 네트워크에서 Syed를 팔로우하면 Syed와 그의 회사 포트폴리오에 대해 자세히 알아볼 수 있습니다.