404 페이지를 활용하는 방법?

웹 사이트에서 찾을 수 없음(404) 오류가 발생한 적이 있습니까? 찾을 수 없는 페이지에 방문한 방문자를 전환시킬 수 있는 기회가 있다는 것을 알고 계십니까? 이 기사는 404 페이지를 활용하는 데 도움이 될 것입니다.

404 페이지를 추적하도록 Google 분석을 설정하지 않은 경우. 다음은 귀하의 웹사이트를 위한 공식 블로그 설정입니다.

올바르게 알고 있다면 웹은 HTTP 프로토콜에서 작동합니다. 웹 서버는 각 리소스 요청에 대해 적절한 HTTP 상태 코드를 반환합니다.

알아야 할 4가지 기본 HTTP 상태 코드가 있으며 200 - 찾음 , 301 - 영구적으로 이동 됨 , 404 - 찾을 수 없음 , 500 - 내부 서버 오류 입니다. 404 – 찾을 수 없음 및 500 – 내부 서버 오류는 가장 많이 표시되는 두 가지 상태 코드입니다.

404와 500의 유일한 차이점은 웹 서버에 일부 구성 오류가 발생하여 500의 경우 표시되는 서버 생성 출력이 없는 반면 404 오류를 찾을 수 없는 경우 할당된 오류 페이지가 웹 서버에 표시된다는 것입니다.

404는 방문자가 웹사이트에 없었던 리소스를 요청하거나, 삭제한 페이지/리소스를 요청하거나, URI에 오류나 오타가 있는 리소스를 요청하는 등 다양한 이유로 발생할 수 있습니다.

오래된 페이지, 게시물 및 미디어 리소스를 삭제하려는 경우가 있습니다. 그리고 이 경우 404 오류가 발생하는 것은 자연스러운 과정입니다. 문제가 없습니다.

약간의 조사를 수행하면 대부분의 웹 사이트에 정적 404 페이지가 있음을 알 수 있습니다. 오류를 찾을 수 없는 경우에도 동일한 페이지가 표시됩니다. 디자이너가 경험이 충분하다면 홈 링크/버튼에 대한 작은 탐색을 배치했을 수 있습니다.

404페이지로 한 걸음 더 달려보는 것은 어떻습니까? 404 페이지를 인터랙티브하게 만들면 어떨까요? 가능성을 탐색해 봅시다.

다음은 정적 404 페이지를 대화형 페이지로 바꾸는 4가지 방법입니다.

1. 사용자가 검색한 가장 관련성 높은 링크가 있는 404 페이지
2. 최고의 무료 제안이 포함된 404 페이지
3. 링크 도우미가 있는 404 페이지
4. 홍보하려는 링크가 있는 404 페이지

01. 사용자가 검색한 가장 관련성이 높은 링크가 있는 404 페이지:

방문자가 웹사이트에서 무엇을 검색했는지 아는 것이 핵심입니다. 가장 일치하는 리소스에 대한 올바른 링크를 사용자에게 제공하면 방문자에게 제공할 수 있는 최고의 사용자 경험이 될 것입니다.

사용자가 무엇을 검색했는지 어떻게 알 수 있고 그의 검색을 기반으로 링크를 제안할 수 있는지에 대한 질문이 제기될 수 있습니다.

글쎄요, 솔루션은 처음에는 복잡해 보일 수 있지만 개발하는 데 그렇게 복잡하지 않습니다. 개발자라면 요청된 리소스 문자열을 추출하고 웹사이트에 있는 리소스에 대해 정규식 검사를 수행할 수 있다는 것을 알고 있을 것입니다.

예를 들어 대부분의 오디오 제조 브랜드에 스피커 수리 서비스를 제공하고 있습니다. 예를 들어 Bose X1 스피커가 목록에 있습니다. 그러나 방문자는 요청된 리소스로 Bose X10을 사용하여 사이트를 방문합니다. Bose X10이라는 이름의 스피커가 없으므로 당연히 목록에 없어야 합니다.

404 페이지에 표시할 수 있는 것은 수리한 모든 BOSE 스피커 목록입니다. 그리고 가능하면 BOSE X 시리즈 스피커를 먼저 나열하십시오.

이것은 사용자가 404 페이지에 들어왔음에도 불구하고 적절한 페이지로 이동하는 가장 좋은 방법일 수 있습니다. 그 404 페이지를 변환할 가능성은 매우 높습니다. 당신은 그가 실제 페이지로 이동하는 것을 도왔습니다.

또한 이것은 웹사이트의 이탈률을 낮추는 데도 도움이 됩니다. 가장 일치하는 페이지에 대한 제안된 링크를 표시하지 않으면 방문자가 웹사이트로 돌아가거나 웹사이트를 떠날 가능성이 높습니다.

02. 최고의 무료 제안이 포함된 404 페이지:

귀하의 웹사이트에 가장 관련성이 높은 링크를 표시하는 것이 불가능하다고 가정해 보겠습니다. 또는 많은 코딩 작업에 들어가고 싶지 않습니다. 이것은 시작하기에 가장 좋은 옵션일 수 있습니다.

방문자가 웹사이트의 404 페이지를 방문하면 찾고 있는 리소스를 사용할 수 없다는 점에 대해 죄송하다는 메시지를 표시하십시오.

사과 텍스트 직후 웹 사이트에서 실행되는 최고의 제안을 보여줍니다. 가장 인기 있는 제품에 대해 5% 또는 10% 할인을 제공하거나 이메일을 받는 대가로 가치 있는 것을 무료로 제공하는 것과 같을 수 있습니다.

이것은 모든 방문자가 404 페이지에 도달한 다른 제품이나 오퍼링에 계속 참여하도록 하는 가장 좋은 방법일 수 있습니다!

03. 링크 지원이 포함된 404 페이지:

항상 404 페이지에 탐색을 표시할 수 있습니다. 그러나 방문자가 탐색 패널로 이동하여 방문하고 싶은 페이지를 식별하고 해당 페이지를 방문할 가능성이 매우 높습니다! 대부분은 그냥 떠납니다.

명확한 404 오류 메시지와 함께 웹사이트의 다양한 리소스에 대한 모든 중요한 링크가 포함된 404 페이지 디자인을 가질 수 있습니다.

이것은 사용자가 잘못된 페이지를 방문했음을 이해하는 데 도움이 될 수 있습니다. 404번이지만 방문할 수 있는 웹사이트의 모든 중요한 리소스를 표시하는 링크 목록이 있습니다.

04. 홍보하고 싶은 링크가 있는 404 페이지:

아주 간단합니다. 방문자가 404페이지에 방문하기를 원하는 링크만 있으면 됩니다. 이 길을 혼자 가는 것은 추천하지 않습니다. 제안 03과 04가 혼합되어 작동할 수 있습니다.

정말 홍보하고 싶은 페이지의 링크를 404 페이지에 유지하면 해당 페이지의 방문 수를 늘리는 데 확실히 도움이 됩니다. 단점은 높은 이탈률에 기여할 수 있는 무관심한 방문을 더 많이 생성한다는 것입니다.

여기서 제가 제안할 수 있는 유일한 제안은 이 경로를 따라갈 경우 본질적으로 무료이거나 매우 일반적인 제안을 하나 이상 가지고 있다는 것입니다. 누구든지 당신이 하는 제물과 관련이 있을 수 있음을 의미합니다. 매우 저렴하거나 무료로 참여를 개선하는 데 도움이 됩니다.

크리에이티브 404 페이지의 인기 있는 예

웹사이트를 위한 404 페이지를 만드는 동안 영감을 찾고 있다면 여기에 제가 개인적으로 가장 좋아하는 404 페이지 예가 있습니다.

우푸

Wufoo는 인터넷에서 인기 있는 문의 양식 통합 서비스 중 하나입니다. 페이지의 전체 테마와 페이지의 나머지 부분과 차별화되는 녹색 버튼을 관찰하십시오!

공룡은 찾을 수 없는 메시지를 나타내며 CREATE A FORM FOR FREE Call to Action 버튼을 확인했습니다. 사용자가 버튼을 누르고 찾을 수 없는 페이지에서도 조치를 취하도록 명확하게 지시합니다.

탐색을 맨 위에 유지하는 대신 CTA 버튼 아래에 선택된 탐색 항목을 사용했습니다.

에어비앤비

AirBnB가 명확한 404 메시지, 찾을 수 없는 그림, 작은 영역 아래의 탐색 링크에서 모든 것을 올바르게 표현하는 방법을 확인하십시오!

AirBnB 웹사이트에서 길을 잃은 사용자는 이 페이지를 방문할 것입니다. 이 페이지에는 사용자를 중요한 페이지로 다시 보내고 웹사이트에 계속 참여하는 데 필요한 모든 지침(링크)이 있습니다.

메일 침팬지

Mailchimp의 매우 인기 있는 이메일 마케팅 플랫폼에는 아름다운 404 페이지가 있습니다. 숲 속에서 길을 잃은 듯한 몽키를 헐크 스타일로 스타일링했다.

이 404에 착륙한 사용자는 일러스트레이션이 있는 명확한 메시지를 받고, 일러스트레이션이 이어지는 명확한 메시지를 받습니다.

가장 좋은 점은 사용자가 길을 잃었다는 것을 알고 있으므로 찾을 수 없음 메시지 직후에 검색 창을 찾을 수 있다는 것입니다. 사용자는 검색을 사용하여 이전에 찾고 있던 리소스를 검색할 수 있습니다.

검색이 리소스를 찾거나 찾는 것을 선호하지 않는 경우 검색 창 바로 아래에 아름다운 탐색 기능이 포함되었습니다!

비트리

Bitly는 사용자 지정 브랜딩 및 클릭 분석과 같은 멋진 기능이 포함된 가장 인기 있는 URL 단축 서비스 중 하나입니다.

분명히 그들은 아름답고 의미있는 404 페이지를 제자리에 가지고 있습니다! 몇 초를 보내면 디자이너가 바다를 비워 두었다는 것을 알 수 있습니다. 이는 물 안에 아무 것도 없다는 것을 의미하며, 이는 요청한 리소스에 대해 아무것도 발견되지 않았음을 분명히 보여줍니다.

헤더에 탐색 패널이 유지되지 않습니다. 페이지에는 오류 메시지가 표시되고 맨 아래에는 세 개의 간단하고 가장 기본적인 탐색 링크가 표시됩니다.

더 인터랙티브하게 만들기 위해 디자인 팀은 마우스가 움직일 때 물결 효과를 만들었습니다. 페이지를 방문하여 경험해 보세요.

쿡렛

Cooklet의 빈 접시의 아름다운 삽화는 당신이 찾고 있는 것이 존재하지 않는다는 것을 분명히 합니다.

오 안돼! 빈 접시와 함께 찾을 수 없는 메시지를 전달합니다. 흥미로운 점은 Get Back(javascript history back) 작업 링크와 찾을 수 없음 메시지 아래에 있는 홈 페이지 링크로 이동을 만들 수 있다는 것입니다.

또한 검색 표시줄이 있는 헤더를 그대로 유지합니다. 이전 페이지나 홈 페이지 이외의 다른 페이지를 탐색하려는 사용자가 리소스를 쉽게 찾을 수 있음을 의미합니다.

내가 이것들 중 하나를 테스트 했습니까?

위는 제 웹사이트의 404 페이지 이미지입니다. 처음에는 404 페이지에 버튼이나 링크가 없었습니다. 그것은 오류 메시지를 보여주는 일반 404 페이지였습니다.

페이지의 나머지 요소와 차별화되고 방문자가 그것을 누르도록 동기를 부여하는 버튼을 추가했습니다. 그것을 누르면 사용자가 홈 페이지로 다시 이동합니다. 간단한 버튼은 방문자를 내 웹사이트의 홈페이지로 유도하고 웹사이트에 계속 참여하도록 도왔습니다.

1번 항목에서 논의한 내 페이지에 곧 더 역동적인 내용을 추가할 계획입니다.

결론

404를 갖는 것은 모든 웹사이트에서 자연스러운 일입니다. 그러나 404페이지를 잘 활용하여 404방문자를 고객으로 전환하는 것이 진정한 현명함입니다. 논의된 기술은 이탈률을 낮추고 참여도를 높이는 데 도움이 됩니다.