view 뷰를 변경하는 데 5 .

페이지는 어떻게 찾을 수 없어야합니까 (404 페이지)? (예로)

너무 오래 읽고 싶니?

"아!이 페이지는 어디로 갔습니까?"웹 사이트를 비밀리에 파괴하는 세계의 문제.

당신은 해본 적이 있습니까? 웹을 서핑하고 흥미로운 링크를 클릭하는 것을 즐기십시오 ... 빈 얼굴을 보러 돌아갑니다. "404 찾기"또는 "이 페이지를 찾을 수 없다"는 건조한 메시지가 있습니다. 그 당시, 그것은 쇼핑몰로 들어가는 것과 같을 것입니다. 그리고 죽은 문이 혼란 스러웠습니다. "내가 잘못 되었습니까?" 또는 "이 웹 사이트는 망가 졌습니까?"

이것은 인터넷 사용자가 매일 만나는 직접적인 경험입니다. 404 페이지는 배치되지 않았습니다. 그것은 사용자의 "톤"일뿐 만 아니라 브랜드의 신뢰성을 짜증나는 "블랙홀"이며, 좋은 SEO 점수는 불행히도입니다. 불행히도, 귀하의 웹 사이트 404 페이지가 여전히 그런 경우라면 ... 위기를 기회로 바꿀 수있는 황금 기회를 잃고 있다고 말할 수 있습니다.

-삽화를위한 홍보-

사용자의 이미지는 컴퓨터 화면 앞에서 혼란스럽고 좌절감을 느끼며 디자인이없는 이전 404 페이지를 보여줍니다. 부러진지도 아이콘이나 주변의 톤으로 느낌이 손실됩니다.

왜 우리는 "404 페이지"를 만나고 왜 대부분의 사람들이 "보는 가치가 없다"고 보이는 이유는 무엇입니까?

솔루션에 도달하기 전에 우리는이 "404 악마"가 나타나는 것을 먼저 이해하게됩니다. 사용자는이 페이지를 세 가지 주요 이유에서 찾을 수 있습니다.

  • 잘못된 URL (Mistyped URL) : 사용자가 두 개의 잘못된 링크를 철자하는 것이 일반적입니다.
  • 깨진 링크 : 다른 웹 사이트의 링크 일 수도 있고 사용되었지만 이제 목적지가 존재하지 않는 웹 사이트의 링크 일 수 있습니다.
  • 페이지가 삭제되었습니다 (삭제 된 페이지) : 페이지 나 기사가있을 수 있습니다. 그러나 이전 링크 업데이트를 잊어 버려 삭제하거나 이동했습니다.

404 페이지가 가장 버려진 이유는 무엇입니까? 간단한 대답은 종종 웹 사람들이나 마케팅 담당자가 간과하는 경향이있는 "약간"또는 기술적 인 문제로 여겨진다는 것입니다. 그들은 항상 메인 페이지, 제품 페이지 또는 서비스 페이지를 작성하는 데 전념하여 설계되지 않은 "막 다른 골목"을 잊어 버립니다. 중요한 사용자 경험 (UX)의 일부 이며이 점화는 아름다운 상점 디자인과 같습니다. 하지만 더러운 욕실이 있고 작동하지 않습니다.

-삽화를위한 홍보-

404 웹 아이콘을 가리키는 404 페이지의 3 가지 주요 이유 (잘못된 문자, 아이콘, 쓰레기 아이콘이있는 아이콘 키보드)를 보여주는 간단한 정보 이미지.

디자인없이 404 페이지를 떠나십시오 ... 생각보다 더 많은 영향을 미칩니다!

사용자가 감정을 잃게하는 것뿐만 아니라 장기적으로 비즈니스와 SEO에 직접적인 영향을 미치는 404 페이지가 있습니다.

  • 사용자 경험을 깨뜨립니다 (나쁜 UX) : 이것은 가장 분명한 효과입니다. 그것은 과민성을 유발하고 사용자가 귀하의 웹 사이트가 전문적이지 않다고 느끼게합니다.
  • 반환하는 요율을 높이는 것은 즉시 "누르는 것"입니다. Google에 전달 될 때이 신호는 확실히 좋지 않습니다.
  • 손상 브랜드 인식 : 설계되지 않은 404 페이지. 미디어는 작은 세부 사항에주의를 기울이지 않으므로 사용자의 눈에 브랜드의 신뢰성을 줄일 수 있습니다.
  • 비즈니스 선택성 손실 : 해당 사용자가 귀하의 서비스를 구매하거나 사용하고있을 수 있습니다. 그러나 막 다른 골목을 만나면 그는 그의 마음을 바꾸고 경쟁사에게 의뢰하게됩니다. 대신이 이야기에서 고객을 영원히 잃을 수 있습니다!
  • SEO에 영향을 줄 수 있습니다. 404 페이지의 단일 페이지를 갖는 것은 순위가 없지만 사이트 전체에 걸쳐 404 페이지를 가리키는 "링크"가 많으면 웹 사이트가 유지 보수가 부족하다는 신호입니다. 순위에 영향을 줄 수 있습니다. 의 생성이 중요합니다. 이 문제를 처음부터 줄입니다

-삽화를위한 홍보-

다운 스틱의 이미지에는 "사용자 경험", "브랜드 신뢰"및 "전환율"이 감소한 각 막대의 각 그래프에 의해 "404 페이지의 영향"주제가 있습니다.

위기를 기회로 바꾸기 : 최고의 404 페이지를 설계하는 방법 (및 시작 장소)

좋은 소식은 ... 우리는 지루한 404 페이지를 사용자를 치료하고 쉽게 감동시키는 도구로 변경할 수 있다는 것입니다! 404 페이지는 세계 절단 기술을 사용하기 위해 필요하지 않습니다. 그러나 그것은 "도움"과 "창의성"의 조합입니다. 이것은 404 페이지의 모든 페이지가 가져야 할 요소입니다.

  • 1. 명확하고 친절한 의사 소통 : 사용자에게 무슨 일이 있었는지 정직하게 말하십시오. (이 페이지를 찾을 수 없음) 친절한 언어를 사용하고 브랜드의 신원을 반영하십시오. "404 오류"와 같은 기술 어휘를 피하지만 "아!이 페이지가 손실 될 것 같습니다."와 같은 간단한 문구를 사용하십시오.
  • 2. 웹의 디자인 및 탐색 : 웹 사이트의 다른 부분에서 404 페이지를 이상하게 보이게하지 마십시오. 웹 사이트의 헤더와 바닥 글 웹 사이트에서 느끼고 다른 메뉴로 이동하도록 누를 수 있습니다.
  • 3. 유용한 방법을 제안하십시오. 이것은 가장 중요한 마음입니다! 사용자가 막 다른 골목을 찾지 못하게하십시오. 이런 것들을 넣어 도와야합니다.
    • 메인 페이지로 돌아가는 링크는 : "있어야하는"것이며 가장 두드러지게해야합니다.
    • 검색 바 : 사용자에게 원하는 것을 다시 찾을 수있는 기회를 제공하십시오.
    • 중요하거나 대중적인 의무에 대한 링크 : 예를 들어 베스트셀러, 최신 기사 또는 문의하십시오.
  • 4. 창의성을 입력하십시오. (브랜드와 일치하는 경우) : 이 기회를 사용하여 브랜드의 신원을 보여줍니다. 귀여운 삽화, 재미있는 GIF 또는 작은 마이크로 상호 작용 . 이렇게하면 과민성이 인상으로 바뀔 수 있습니다.
  • 5. 기술 검사 올바르게 : Google Search Central 의 조언 404 페이지는 실제로 HTTP 상태 코드를 404로 보내야합니다 (찾을 수 없음). 200 (ok)이 아닌 "하지 마십시오"는 첫 페이지의 404 페이지를 제거합니다.

시작은 매우 쉽습니다. 자신의 웹 사이트로 이동하여 URL을 인쇄하십시오. 늦게.

-삽화를위한 홍보-

모형 이미지, 우수한 404 페이지를 보여주는 화면 화면. 친절한 메시지, 검색 채널, 배경 링크, 메인 페이지 및 권장 기사가 있으며 브랜드와 일치하는 명확한 그림이 있습니다.

세계 -클래스 브랜드에서 생성 된 404 페이지 샘플.

이론은 분명하지 않을 수 있습니다. 창의성으로 유명한 웹 사이트에서 실제 예를 살펴 보겠습니다. 그들은 404 페이지를 놀라운 것으로 바꿨습니다.

  • Pixar : World -Class Animation Studio는 캐릭터를 사용합니다. 웹 페이지에 대한 애도를 표현하기 위해 내부에서 "슬픔". 현명한 분위기를 조성하기 위해 브랜드 캐릭터를 사용하는 것입니다.
  • Github : 소프트웨어 개발자를위한 플랫폼은 "이것은 웹 페이지가 아닙니다."시점에서 대상 그룹 (Geeks)으로 "이것은 웹 페이지가 아닙니다."
  • 레오고 : 레고를 사용하여 혼란스러워합니다. "모든 것에 대해 걱정하지 마십시오 (모든 것이 여전히 굉장합니다)"라는 메시지가 표시됩니다.
  • 트립 어드바이저 : 수하물에 주걱이 달린 구명 조끼 사진을 보여줍니다. 메시지가 붙어 있습니다. "우리는 사과하지만 우리는 당신의 의무를 찾을 수 없습니다. 아마도이 사진이 당신이 웃는 데 도움이 될 수 있습니다."

각 브랜드는 단지 "찾을 수 없음"이라고 말하는 것이 아니라이 기회를 사용하여 브랜드의 정체성을 강화하고 더 많은 영감을 찾으려면 사용자와 약간의 관계를 맺습니다. 와 같은 웹 사이트 공부할 수있는 멋진 404 개의 샘플이 많이 있습니다

-삽화를위한 홍보-

언급 된 유명한 브랜드 (예 : Pixar, Lego, Github)의 404 페이지의 스크린 샷을 결합한 콜라주 이미지를 통해 다양한 창의성을 보여줍니다.

체크리스트 점검표 404 (즉시 구현)

아직 404 페이지를 업그레이드 할 준비가 되셨습니까? 이 쉬운 점검표를 사용하여 웹 사이트를 확인하고 개선하십시오. 이 질문에 "또는"없음 "에 답하십시오.

  • [] 친절한 텍스트 : 404 페이지가 명확하게 의사 소통하고 친절합니다.
  • [] 브랜드 아이덴티티를 반영합니다 : 디자인, 색상 및 언어 사용 된 언어는 여전히 브랜드입니까?
  • [] 검색 창이 있습니다. 사용자가 원하는 것을 다시 찾을 수있는 기회를 제공합니까?
  • [] 메인 페이지에 대한 링크가 있습니다. 홈페이지로 돌아갈 수있는 명확한 버튼이나 링크가 있습니까?
  • [] 계속할 수있는 다른 옵션이 있습니다. 인기있는 페이지에 대한 링크, 권장 기사 또는 저희에게 연락합니까?
  • [] 디자인, 지저분하지 않음 : 불필요한 정보가 포장되지 않은 깨끗한 웹 페이지가 맞습니까?
  • [] 완벽한 휴대 전화 : 404 페이지가 결과를 보여주고 휴대용 장치에서 잘 작동합니까?
  • [] 서버 상태 코드 : 웹 페이지가 404인지 실제로 확인하고 있습니까? (볼 수 있도록 개발 팀이 필요할 수 있습니다)

당신이 모든 축하를 "가지고"틱 할 수 있다면! 그러나 여전히 부족하다면 웹을 더 완벽하게 개선 할 수있는 좋은 기회로 간주됩니다. 이 작은 세부 사항에주의를 기울이는 것은 일반적인 웹 사이트를 분리하는 것입니다. 좋은 UX 구조

-삽화를위한 홍보-

밝은 색상 배경의 큰 체크리스트 이미지 각 항목 옆에 올바른/잘못된 아이콘 (✓/✗)이 있으며 펜을 잡고 프로그램을 선택할 준비를합니다. 행동과 검사를 전달합니다

사람들이 궁금해하는 질문 (FAQ) 404 페이지

404 페이지에 대한 일반적인 질문을 작성했습니다. 나는 여기서 궁금했다.

Q1 : SEO에 직접 404 페이지가 많이 있습니까?
A : 직접지는 것은 아닙니다. Google은 404 페이지의 존재가 웹 사이트의 경우 정상이라고 분명히 말합니다. 그러나 단점은 웹이나 다른 웹 사이트에서 끊어진 링크와 같은 404 개의 분리를 유발하는 "원인"입니다. 귀하의 웹 사이트에 404 페이지 관리가 없기 때문에 나쁜 경험을 줄이는 데 도움이되는 "쿠션"처럼 작용합니다. 사용자 가이 문제를 겪고 웹 사이트에 계속 보관할 때 사용자의

Q2 : 우리는 404 페이지를 모두 리디렉션해야합니다. 첫 페이지로 이동 하시겠습니까?
A : 그렇게해서는 안됩니다! 이를 수행하는 "Soft 404"라고하며 Google 에이 페이지에 컨텐츠가 있음을 알려줍니다 (상태 200). 그러나 실제로 콘텐츠는 사용자가 기대하는 사용자와 일치하지 않습니다. (첫 번째 페이지로 튀어 나오기 때문에) 이것은 나쁜 경험과 혼란스러운 Google입니다. 나는 이것을 좋아하지 않으며 실제 404 페이지를 보여주고 사용자 옵션을 개선 할 준비가되어 있습니다.

Q3 : 404 페이지, 항상 재미 있거나 기능이 있습니까?
A : 필요하지 않습니다. "창의성"전에 항상 "도움". 브랜드에 심각하거나 공식적인 톤이있는 경우 404 페이지는 간단하고 깨끗하며 명확합니다. 우수한 것으로 여겨지지만 창의성이 브랜드와 일치하고 미소를 만들 수 있다면 웹 사이트에 차이를 만들고 기억에 남는 보너스가 될 것입니다.

-삽화를위한 홍보-

큰 질문 이미지 아이콘 (?) 중간에는 내부에 문자 "404"가 있으며 솔루션 전달 옆에 밝은 전구 아이콘이 있습니다.

요약 : "데드 엔드"가 사용자의 "끝"이되지 않도록하십시오.

이 시점에서 나는 모든 사람들이 이미 404 페이지가 단순한 "잊혀진"것이 아니라 오류를 인상으로 바꿀 수있는 자산이라고 이미 보았다고 생각합니다. 과민성을 미소로 바꾸십시오. 잃어버린 사용자를 일반 고객에게 변경할 수 있습니다.

열쇠는 주로 사용자의 관점을 보는 것입니다. 막 다른 골목에 도착할 때 그의 감정을 이해하고 투자를 계속하는 데 유용한 새로운 경로를 제공함으로써 진지하게 도와주십시오. 오늘날 404 페이지에는 효과적입니다. 이는 미래에 엄청난 가치 고객을 유지하는 것을 의미 할 수 있습니다.

이제 ... 이제 돌아가서 자신의 페이지 404를 탐색 할 때입니다. 새로운 기회와 연결되는 "막 다른"또는 "다리"역할을하는지 스스로에게 물어보십시오. 당신의 비즈니스를 위해?

웹 사이트가 404 페이지뿐만 아니라 전반적인 경험입니다. 전문가 상담이 가장 좋은 답변 일 수 있습니다.

웹 사이트의 모든 페이지를 변경하여 인상적인 경험을 만들고 방문자를 고객으로 변경하고 싶습니까? UX/UI 디자인 팀에 문의하거나 웹 사이트가 큰 모습을 볼 시간이라면 웹 사이트 리노베이션 서비스가 디지털 시대의 비즈니스를 만나는 새로운 웹 사이트를 만들 수 있도록 도와 줄 준비가되었습니다!

공유하다

최근 블로그

웹 플로 vs 프레임 : 빠르게 성장하려는 스타트 업 웹 사이트를 만드는 데 적합한 플랫폼은 무엇입니까?

오프닝 속도, 미용 및 스케일 능력을 강조하는 스타트 업을 위해 충격, 웹 플로우 및 프레이머 사이의 충격을 비교하십시오.

웹의 "핵심 웹 생명체". 기업 : 속도가 신뢰성과 판매에 영향을 미치는 이유는 무엇입니까?

웹 속도는 기술적이지 않습니다! 핵심 웹 생명 (LCP, INP, CLS)은 SEO 순위, 사용자 경험 및 조직 웹의 이익에 영향을 미치는 것입니다.

웹 사이트 바닥 글을 "웹 끝에서"더 "디자인하는 방법"이지만 "리드 도구"입니다.

바닥 글을 내려다 보지 마십시오! UX를 개선하고 SEO를 보충하며 방문자를 리드로 바꾸는 데 도움이되는 웹 사이트 바닥 글 디자인 기술 모음.