사용자 지정 404 오류 페이지: 깨진 웹 페이지를 저장하는 최고의 '페이지를 찾을 수 없음' 예

우리 모두는 우리가 원하는 것보다 더 많이 그것을 경험했습니다. 액면 그대로 주의를 끌기에 충분했지만 두려운 404 오류가 발생하기만 하면 새 웹 페이지가 열리길 기대하면서 링크를 클릭할 때의 그 느낌.

페이지. 아니다. 설립하다.

오, 오, 이런. 당신이 사용자라면 즉시 좌절하거나 실망할 것입니다. 웹사이트 소유자라면 링크나 페이지가 깨졌다는 사실을 알게 된 순간은 항상 당혹감과 혼란이 뒤섞인 것입니다. "하지만 어제는 성공했습니다!"

그러나 혼란 중에 404 오류 페이지와 관련하여 몇 가지 숨겨진 보석이 있는 경우가 많습니다. 일부 웹사이트는 양을 따라가는 대신 시간을 내어 404페이지를 재미나 추가 정보의 급증을 사용하는 핑계로 삼았습니다.

받은 편지함으로 직접 보내지는 더 많은 최고의 디자인을 원하십니까?
DesignRush 일일 복용량에 가입 하십시오!

이러한 사용자 정의 오류 페이지는 다른 디자이너에게 완벽한 영감을 줍니다. 물론 최상의 시나리오는 매번 완벽하게 작동하는 완벽한 웹사이트 디자인입니다. 그러나 문제가 발생하고 테마가 잘못되고 웹 서버가 오작동하고 페이지가 깨집니다. 따라서 타격을 줄이고 방문자가 snafu 후에 더 많은 것을 위해 다시 방문하도록 유지하기 위해 사이트에 맞춤형 브랜드 메시지가 필수적입니다. 약 404 페이지가 너무 재미있어서 사람들이 의도적으로 계속 두드리고 심지어 친구들과 공유하기까지합니다!

404 오류 웹 페이지가 필요한 이유는 무엇입니까?

404 페이지 오류는 "깨진 링크" 또는 부정확한 URL로 인해 사용자가 액세스할 수 없는 웹 페이지로 이동할 때 발생합니다.

때때로 404 오류는 다른 사람이나 온라인 비즈니스가 깨진 링크를 사용하여 디지털 방식으로 브랜드를 언급할 때 발생합니다. 이러한 경우에 종종 404 페이지는 URL 끝에 추가 문자를 추가하는 것과 같이 누군가가 링크에 오타를 만들 때 시작됩니다. 실제로 45.9%의 경우 사람들은 오타, 이메일의 오래된 링크 또는 이후에 제거된 페이지에 대한 링크를 저장한 오래된 책갈피 때문에 404 페이지를 우연히 발견합니다.

그러나 가장 일반적인 404페이지 발생 중 하나는 현재 비활성화된 페이지를 가리키는 사이트(및 전체 인터넷) 전체에 여전히 다른 링크가 있을 때 웹 사이트 관리자가 페이지를 완전히 삭제하는 것입니다. 이러한 경우 링크를 거부해야 합니다. 즉, 연결을 끊고 검색 엔진에 해당 링크가 끊어졌다는 사실을 알리고 사람들이 오류 페이지를 가리키도록 하는 대신 해당 링크가 손상되었음을 의미합니다.

콘텐츠를 이동하거나 제거하려면 페이지를 리디렉션해야 합니다. 이것이 301, 307 및 308 리디렉션을 위한 것입니다. 301/308 리디렉션은 영구적인 리디렉션입니다. 누군가 이전 페이지로 이동할 때마다 즉시 새 페이지로 리디렉션됩니다.

그러나 302/307 리디렉션은 일시적입니다. 웹사이트 관리자는 여러 가지 이유로 이를 사용합니다.

믿거 나 말거나 검색 엔진은 사람들을 404 페이지로 이끌 수 있습니다. 예를 들어 리디렉션을 제대로 수행하면 사람들이 현재 가리키는 페이지를 방문해야 합니다. 그러나 때때로 검색 엔진이 페이지를 크롤링하고 실제로 모든 변경 사항을 기록하는 데 며칠(또는 그 이상)이 걸립니다. 그 짧은 시간 동안에도 사람들을 잘못된 404 페이지로 안내할 수 있습니다.

다른 경우에는 깨진 링크를 생성하는 웹사이트에 버그가 있을 수 있습니다. 이 경우 프로그래머와 개발자에게 도움을 요청해야 합니다. 결국 한 설문 조사에 따르면 웹 사이트의 17.5%가 링크가 끊어진 것으로 나타났습니다.

404 페이지를 모니터링하는 방법

잠재적인 404 페이지를 항상 모니터링하고 해당 페이지가 표시되는 즉시 수정을 시도해야 합니다. 다행히도 깨진 링크를 찾아 처리하는 데 도움이 되는 도구가 있습니다. 일부에는 Screaming Frog, Dead Link Checker 및 아마도 가장 인기 있는 Google 자체 웹마스터 도구가 포함됩니다.

효과적인 404 오류 웹 페이지 만들기

한 가지는 거의 확실합니다. 사이트에서 모든 작업을 올바르게 수행하더라도 때때로 항상 404페이지가 표시됩니다. 그러나 좋은 소식은 링크를 거부하고, 페이지를 지속적으로 모니터링하고, 웹사이트 검사기를 실행하는 등 사용자 경험을 극대화하고 외모를 최소화할 수 있다는 것입니다.

실수가 발생하면 우리는 그들로부터 배워야 합니다. Google Analytics와 같은 웹사이트 분석 프로그램을 사용하여 웹사이트 성능을 개선하십시오. 사람들이 404 페이지를 방문했을 때 무엇을 하는지 추적하세요. 그런 다음 이 데이터를 유용하게 사용하십시오.

예를 들어 404 페이지 이후에 취하는 다음 단계가 홈페이지로 돌아가는 것이라면 디자인 내에서 페이지로 이동할 명확하고 눈에 띄는 버튼을 배치할 수 있습니다. 또는 404 오류 후 연락처 페이지를 방문하고 싶다면 거기에 링크하여 삶을 조금 더 쉽게 만드십시오.

소비자 행동과 정보를 추적하여 웹사이트에 효과가 있는 것과 소비자가 좋아하는 것과 싫어하는 것을 확인하세요. 더 나은 것은 무엇입니까? 이러한 유형의 작업에는 추측이 없습니다. 웹사이트 방문자에 대한 숫자와 구체적인 데이터가 그 자체로 말할 것입니다.

즉시 복사하고 싶은 최고의 404 오류 페이지 디자인

(이상하게 들리겠지만) 오류를 검색하기 위해 인터넷을 스크롤한 후 다른 페이지와 눈에 띄는 몇 가지 404 페이지가 있습니다. 살펴보세요. 아마도 그들 중 일부는 당신만의 브랜드 디자인에 영감을 줄 것입니다!

1. 매핑된 404 오류 페이지: BluePath

BluePath는 고객과 협력하여 스프레드시트에서 사용자를 이동시키는 데 도움이 되는 "자동 분석 전략을 생성 및 구현"합니다. 그 자체로 훌륭하지만 이 기발한 404 오류 페이지를 구성하는 데 시간을 들였습니다.

페이지는 실제로 지도를 보여줍니다("지도에서 벗어난" 탐색의 어리석음 덕분에 당신이 있지 않은 지도). 페이지의 사본은 또한 다음과 같이 말합니다.

“이 [지도]는 지난 몇 년 동안 애틀랜타에서 보고된 모든 범죄를 보여줍니다. 왜요? 당신이 아직 우리를 고용하지 않은 것은 범죄이기 때문입니다!”

잘했습니다, BluePath. 잘 놀았다.

2. Snarky 404 페이지 오류: The Australian

호주 최고의 국가 뉴스 브랜드 Australian 은 다양한 국내 및 글로벌 뉴스 및 비즈니스 보도를 자랑합니다. 그러나 우리와 마찬가지로 가끔 오류에 취약합니다. 이 경우 404 오류 페이지입니다.

그러나 호주인은 고전적인 "페이지를 찾을 수 없음"에 복종하기보다 여러 호주 정치인을 교활하게 파헤칠 기회로 페이지를 사용하기로 결정했습니다(이상하게도 도널드 트럼프와 석탄 덩어리도 목록에 포함됨). 각 정치인은 자신과 연결된 인용문과 끊어진 연결 고리에 대한 생각을 가지고 있습니다.

3. Gamified 404 오류 페이지: Kualo

확인. 이것은 인터넷 역사상 최고의 404 오류 페이지일 수 있습니다. Kualo는 깨진 링크가 있는 집을 사용자가 플레이할 수 있는 Space Invaders 게임으로 바꾸기로 결정했습니다. 게임화는 실망한 웹서퍼를 매우 행복한 콘텐츠 소비자로 만드는 좋은 방법입니다.

또한 사용자는 고전 게임을 플레이하기 위해 의도적으로 이 페이지로 돌아올 수 있습니다. 검색 엔진은 모든 것을 보기 때문에(안녕하세요, Big Brother...) 페이지에서 사용자의 시간도 추적합니다. 의미가 있습니다. 페이지에서 많은 시간을 보낸다면 콘텐츠가 정말 마음에 든다는 의미입니다. 반복 사용자이고 더 많은 것을 위해 계속 재방문한다면 검색 엔진이 여정을 매핑하고 더 나은 순위로 웹사이트에 보상할 것입니다!

더 나은 것은 무엇입니까? Kualo 웹사이트에서 멋진 게임을 플레이할 수 있을 뿐만 아니라 실제로 그렇게 할 동기가 있습니다! 1,000명의 침략자를 파괴하면 호스팅 비용이 할인됩니다. 모든 면에서 이것은 정말 놀라운 디자인이며 순전히 이 페이지 때문에 이 기사를 작성하는 데 한 시간이 더 걸렸습니다. Kualo에 모자를 벗습니다.

추신 당신 은 우리의 높은 점수 를 이길 수 있습니까?

4. 기발한 404 오류 페이지: 쓸모없는 웹 인덱스

매우 적절한 이름을 가진 쓸모없는 웹 인덱스는 404 오류 페이지 디자인에서 우리에게 많은 사랑을 받는 미어캣을 주기로 결정했습니다. 페이지에서 더 오래 머무를수록 더 많은 미어캣이 도착하므로 약 10초 후에 화면에 최소 8마리가 표시됩니다.

웹 페이지를 찾기 위해 분명히 고군분투하는 미어캣에게 거의 안타까운 마음이 듭니다!

물론 게임화는 귀하의 비즈니스에 놀라운 일이지만 404 주제에 원격으로 연결된 비디오를 통합하는 것도 좋은 전술입니다. 사람들은 끝까지 머물며 시청할 수 있으므로 404페이지가 표시되더라도 웹 페이지에서 보낸 시간을 늘리고 전반적인 지표를 향상시키는 또 다른 좋은 방법입니다.

5. 그림 404 오류 페이지: 레고

레고 팬이라면 404 오류 페이지 디자인을 즐길 수 있습니다. 일부 회사에서 이미 강조했듯이 404 페이지는 실제로 잘못된 페이지를 사용하여 방문자에게 브랜드 또는 제품을 다시 강조하는 훌륭한 변명입니다.

레고는 실제로 다양한 전술을 사용하여 고객 기반을 늘리고 사람들에게 관련성을 상기시킬 기회를 절대 놓치지 않는 것으로 유명합니다. 그들은 일련의 애니메이션 영화, 비디오 게임, 추가 콘텐츠 등을 보유하고 있습니다. 레고는 아기 레고 듀플로 브릭부터 어른이 가장 유명한 랜드마크의 복제품을 만들 수 있는 건축가 상자에 이르기까지 모든 연령대의 사람들이 사용할 수 있습니다.

우리는 그들의 404 페이지에 대해 더 적은 것을 기대하지 않았습니다. 이 경우, 레고의 404 페이지는 매우 예시적입니다. 클릭한 웹 페이지에 연결된 링크를 연결하는 '케이블'이 끊어졌고, 어떤 불쌍한 친구가 그것을 우연히 발견하여 공포에 떨었습니다!

6. The Punny 404 오류 페이지: Blue Daniel

Daniel Karcher는 포트폴리오의 일부로 404 오류 페이지를 사용하여 자신의 기술을 더 많이 보여주기로 결정했습니다. 그는 유머러스한 반전을 위해 말장난을 사용한 광고판 광고와 단어 유희가 있는 지하철을 선택했습니다.

그의 오류 메시지에서 영화 "The Missing"과 TV 쇼 "Lost"에 대한 언급을 볼 수 있습니다. 후자는 사용자에게 "당신은 길을 잃었습니까?"라는 질문을하기 위해 그래피티를 오버레이했습니다.

이 404 페이지에서 분명히 길을 잃었으므로 기본 수준으로 돌아갈 수 있습니다. 영리한!

7. 모험적인 404 오류 페이지: 에미레이트 항공

기사 시작 부분에서 언급했듯이 일부 회사는 유머와 유용한 정보의 조합을 사용하여 깨진 섹션이나 링크보다 실제 웹사이트의 일부처럼 느껴지는 404 오류 페이지를 만듭니다.

에미레이트 항공은 아이러니한 농담을 가장 자주 방문하는 페이지에 대한 링크와 결합한 대표적인 예입니다. 그들은 "죄송합니다. 우리는 세계를 여행했지만 이 페이지를 찾을 수 없는 것 같습니다."라고 말합니다. 그들이 어디에나 있었기 때문에 당신이 찾고 있는 페이지는 거의 확실히 존재하지 않는다는 것을 암시합니다 - d'oh!

404 페이지를 방문한 사람들의 73.7%가 사이트를 즉시 떠난다는 사실을 고려할 때 가장 많이 방문한 페이지에 대한 링크를 제공하여 사이트 방문자를 유지하는 것은 훌륭한 전술입니다.

사람들이 원하는 것을 찾지 못하면 신뢰를 잃습니다. 결과적으로 검색 엔진은 신뢰를 잃습니다. 그리고 당신은 아무도 당신의 사업에 대한 신뢰를 잃지 않기를 바랍니다. 깨진 링크와 같은 나쁜 상황을 전환하는 방법을 찾는 것은 비즈니스를 주장하고 웹사이트 방문자에게 깊은 인상을 주는 데 도움이 될 수 있습니다.

8. 최소 404 오류 페이지: CSS 트릭

웹 개발이나 코딩 웹사이트에서 404 오류가 발생하는 것은 아마도 상당히 당혹스러운 일입니다. 내 말은, 결국 이러한 일이 일어나지 않도록 하는 것이 그들의 임무입니다. 그렇지 않습니까?

그럼에도 불구하고 CSS Tricks의 팀은 당혹스러울 수 있는 실수를 멋지게 디자인된 404 페이지로 바꾸는 데 성공했습니다. 페이지 중앙은 찢어진 종이처럼 스타일이 지정되어 있으며 그 뒤에 방문하려는 페이지를 구성해야 하는 코드가 있습니다.

9. 자기비하적인 404 오류 페이지: Cloud Sigma

Cloud Sigma가 404 오류 페이지에서 수행한 작업과 관련이 있습니다. 우리는 항상 의심스러울 때 잠재적으로 나쁜 상황을 완화하기 위해 개나 고양이의 사진을 사용한다고 말합니다. 이 경우 사이트에는 컴퓨터를 사용하려고 시도하는 고양이(후배 개발자)의 사진이 있습니다. 시간이 잘 맞아요. 웃지 않을 수 없습니다!

그러나 가장 중요한 것은 Cloud Sigma 사이트 오류도 홈페이지로 돌아갈 수 있는 명확한 방법을 제공한다는 것입니다. 사람들이 웹사이트를 완전히 떠나는 것을 원하지 않는다면 홈페이지로 돌아가는 것이 항상 쉽고 클릭 한 번이면 됩니다.

10. 독특한 404 오류 페이지: LimpFish

마지막으로 Limpfish는 404 오류 페이지의 기발한 버전을 사용하여 다시 한 번 모든 사용자의 얼굴에 미소를 선사했습니다. 물론, 데이트 광고와 진정한 기술 관련 요청이 결합된 것처럼 보이기 때문에 처음 보았을 때 약간 혼란스러웠습니다. 어느 것이 더 분명한지 잘 모르겠습니다. 하지만 곰곰이 생각해보면 끊어진 링크보다 좋은 짝이 필요한 사람이 어디 있겠습니까?

하지만 인터넷에서 운영하고 있다는 점을 감안하면 신문 효과는 약간의 아이러니를 더합니다. 최종 목표는 성공이었습니다. 그들은 우리를 미소 짓고 낄낄거리게 만들었습니다. 우리는 404 페이지에 도착하자마자 웹사이트를 떠나지 않았습니다.

404페이지에 대해 배울 내용

404 페이지에 브랜드 아이덴티티와 일치하는 재미있고, 재미있고, 친근하거나 게임적인 측면을 추가하여 방문자를 사이트에 계속 머물게 하고 비즈니스를 더욱 홍보할 수 있습니다. 한 가지 주목할만한 예인 게임화는 추가 비용이 들지만 이탈률을 줄이는 현명한 투자입니다.

위에서 본 유용한 404페이지 및 전술 외에도 사고를 기회로 바꾸는 데 도움이 되는 해야 할 일과 하지 말아야 할 일 목록도 준비했습니다. 그리고 당신은 그것을 통제할 수 없습니다. 그러나 깨진 페이지에 도달하면 경험에 영향을 줄 수 있습니다.

다음은 유용한 404 페이지를 만들 때 염두에 두어야 할 몇 가지 사항입니다.

• 정직하세요. 우리가 말했듯이, 404페이지가 있을 것이고 때로는 당신의 잘못이 아닐 수도 있습니다. 그럼에도 불구하고 무슨 일이 일어났는지 설명하고 상황을 복구하고 사람들이 원하는 것을 찾도록 도울 방법을 제공해야 합니다.
• 기회를 놓치지 마세요. 사람들이 좌절하거나 아예 떠나지 않도록 유머와 브랜드 개성을 추가하세요.
• 사용자를 참여시킵니다. 당신의 예산이 그것을 지원할 수 있다면 그들이 게임을 하게 하십시오. 그렇지 않은 경우 참여도를 높일 수 있는 몇 가지 방법이 있습니다. 귀여운 비디오, 일러스트레이션 또는 애니메이션을 추가하세요. 상황을 가볍게 해 보세요. 다른 모든 방법이 실패하더라도 귀여운 동물 사진과 비디오도 작동합니다.
• 그들이 떠나는 것을 막으세요. 떠나는 모든 웹사이트 방문자는 리드를 고객으로 전환할 수 있는 기회를 놓친 것입니다. 가장 많이 방문한 페이지에 관련 링크를 추가하거나 404 페이지에 검색 기능을 포함하여 그들이 귀하의 웹사이트를 탐색할 수 있도록 할 수 있습니다.
• 인센티브를 추가합니다. 일부 브랜드는 404 페이지를 찾으면 인센티브를 제공합니다. 이렇게 하면 더 많은 리드를 수집할 수도 있습니다. 예를 들어 뉴스레터 가입, 전자책 또는 사례 연구와 같은 무료 콘텐츠 등을 제공할 수 있습니다.
• 광고가 없습니다. 글쎄, 전통적인 의미가 아닙니다. 웹 사이트에 실수가 있고 사람들이 방문하는 경우 과도하게 판매하거나 의도적으로 404 페이지를 떠나고 있다고 생각하게 하지 마십시오.
• 빠른 로딩. 사람들이 깨진 페이지를 보게 된다면 당신은 그들이 그것을 찾기 위해 영원히 기다리기를 원하지 않을 것입니다. 웹사이트의 다른 모든 페이지에도 좋은 로딩 속도를 권장합니다. 대기 시간이 1초 추가될 때마다 이탈률이 계속 증가합니다.
• 복잡한 기술 용어를 사용하지 마십시오. 목표는 사용자를 웹사이트에 계속 머물게 하는 것이지 복잡한 용어와 불필요한 용어로 사용자를 멀어지게 하지 않는 것입니다.
• 끊어진 링크를 모니터링하고 가능한 한 빨리 수정하는 것을 잊지 마십시오.

페이지를 찾을 수 없습니다... 하지만 결론은

각 사이트의 404 오류 페이지 디자인은 사고를 가져와 브랜드 충성도를 더욱 높일 수 있는 기회로 전환합니다. 창의성, 뛰어난 디자인 및 약간의 예리한 재치를 통해 웹 사이트 디자인은 오류에 대해서도 걱정할 필요가 없습니다. 모두 회사 제품의 확장일 뿐입니다.

우리의 마지막 팁: 404 페이지를 방문한 후 떠나는 사람들의 73%가 잃어버린 잠재 고객의 74%를 나타내기 때문에 404 페이지를 위해 모든 중지를 꺼내십시오. 그것들은 당신의 리드가 멀어지고 있으며 사용자 정의 404 페이지는 그들이 머물고 더 많이 탐색하게 할 수 있습니다. 사용자 정의 404 페이지가 있어야 하는지 여부는 중요하지 않습니다. 문제는 당신이 하나를 갖지 않을 여유가 있습니까?

더 나은 사용자 경험을 보장하기 위해 사용자 지정 404 오류 페이지를 원하십니까? DesignRush에는 귀하의 비즈니스를 위한 브랜드 웹 페이지와 본격적인 웹사이트를 만들 수 있는 최고의 디지털 에이전시 목록이 있습니다.

더 영감을 주는 디자인을 원하십니까? 뉴스레터에 가입하세요!