좋은 WordPress 404 페이지가 필요한 이유는 무엇입니까?

게시 됨: 2021-07-05

귀하의 사이트에 도착하는 모든 방문자는 중요 합니다. 귀하는 그들이 귀하의 사이트를 찾도록 돕기 위해 열심히 일했으며 그들이 그곳에 머물면서 즐거운 시간을 보낼 수 있도록 하고 싶습니다. 흥미로운 콘텐츠를 제작하여 멋진 페이지에 표시했습니다. 사이트에서 작업하는 동안 탐색 환경을 개선하기 위해 페이지를 이동했을 수 있습니다. 이로 인해 방문자가 WordPress 404 페이지에서 자신을 찾을 수 있습니다.

404 오류란 무엇이며 그 원인은 무엇입니까?

404 오류는 기본적으로 당신이 찾고 있던 것이 더 이상 존재하지 않는다는 것을 의미합니다. 사실 처음부터 존재하지 않았을 수도 있습니다. 이에 대한 일반적인 예는 메모리로 링크를 입력하고 오타를 만드는 것입니다. 그러나 페이지의 URL을 변경하면 다른 페이지가 여전히 이전 URL에 링크될 수 있기 때문에 404 오류가 발생할 수도 있습니다.

따라서 404 오류가 발생하는 가장 일반적인 이유는 다음과 같습니다.

  • 페이지가 리디렉션되지 않고 이동되었거나
  • 페이지가 존재한 적이 없거나
  • URL에 오타가 있거나
  • URL이 손상되었거나 다른 방식으로 올바르지 않습니다.

WordPress 404 오류를 피하는 방법은 무엇입니까?

모든 404 오류를 피할 수는 없습니다. 예를 들어 방문자가 링크를 잘못 입력하거나 링크가 끊어진 귀하의 사이트로 연결되는 다른 사이트에 대해 아무 조치도 취할 수 없습니다. 그러나 피할 수 있는 몇 가지 WordPress 404 오류가 있습니다. 페이지나 게시물의 이름을 변경할 때 이전 URL에서 새 URL로 리디렉션을 설정해야 합니다 . 이렇게 하면 누군가가 이전 링크에서 도착하면 즉시 새 페이지로 이동합니다.

WordPress 404 오류 페이지를 사용자 지정해야 하는 이유는 무엇입니까?

404 오류 는 방문자에게 좋은 환영 페이지가 아닙니다. 특히 그들이 귀하의 사이트를 처음 방문하는 경우 나쁜 느낌을 남깁니다 . 이러한 이유로 사용자가 다음에 무엇을 해야 하는지 알 수 있는 사용자 친화적인 오류 페이지를 만들어야 합니다.

사용자에게 전혀 친숙하지 않은 많은 WordPress 404 오류 페이지가 있습니다. 많은 경우 방문자에게 표시되는 모든 페이지는 "404 페이지를 찾을 수 없음" 메시지와 함께 빈 페이지 입니다. 사실, 이 일반적인 메시지는 꽤 무섭고 방문자가 길을 잃는 느낌을 줄 수 있습니다. 결과적으로, 그들은 무슨 일이 일어나고 있고 그들이 찾고 있던 정보를 얻는 방법에 대해 궁금해할 것입니다.

방문자가 사이트에서 시간을 보내는 동안 길을 잃거나 혼란스러워 해서는 안 됩니다. 그들이 WordPress 404 페이지를 절대 보지 않을 것이라고 확신할 수는 없지만 이 경험을 더 좋게 만들 수 있습니다. 기본 페이지를 사용하는 대신 사용자 정의 WordPress 404 페이지를 만드십시오.

사용자 정의 WordPress 404 페이지를 만드는 방법은 무엇입니까?

테마를 수정하거나 플러그인을 사용하는 두 가지 방법으로 맞춤형 WordPress 404 페이지를 만들 수 있습니다. 두 방법 모두 고유한 장점과 단점이 있습니다. 코딩할 수 있다면 플러그인을 설치하는 대신 404 페이지를 직접 만드는 것이 좋습니다. 그렇지 않으면 몇 번의 클릭만으로 설정할 수 있는 솔루션을 활용합니다.

그러나 이러한 가능한 솔루션을 사용하기 전에 먼저 테마와 페이지 빌더를 확인하십시오 . 플러그인을 코딩하거나 설치하지 않고 사용자 정의 404 페이지를 만드는 쉬운 방법이 있을 수 있습니다. 가장 인기 있는 테마와 페이지 빌더에는 일반적으로 이에 대한 옵션이 있습니다. 또한 사용자 친화적인 404 페이지를 만들기에 충분한 기능을 제공합니다.

사용자 정의 WordPress 404 페이지 템플릿 만들기

코딩 지식이 있다면 (자식) 테마에서 WordPress 404 페이지를 쉽게 만들 수 있습니다. 즉, 테마에 아직 404 페이지가 없는 경우입니다. 모양 → 테마 편집기로 이동하여 404 템플릿 페이지가 있는지 확인합니다. 페이지가 있으면 열고 필요에 맞게 사용자 정의하십시오. 페이지가 존재하지 않으면 WordPress Codex의 팁에 따라 생성하십시오.

플러그인을 사용하여 사용자 정의 WordPress 404 페이지 만들기

테마를 수정하고 싶지 않다면 WordPress 플러그인 저장소에서 404 플러그인을 찾아볼 수 있습니다. 선택할 수 있는 플러그인이 많이 있으며 가장 인기 있는 플러그인 중 하나는 404page 플러그인입니다. 다른 WordPress 페이지를 편집하는 것처럼 사용자 정의 404 페이지를 만들고 편집할 수 있는 기능을 제공합니다. 결과적으로 방문자가 보는 404 페이지가 귀하의 웹사이트와 잘 어울립니다.

영감을 주는 멋진 WordPress 404 페이지 7개

방문자는 404 오류를 보는 것을 좋아하지 않습니다. 없는 것을 찾으려 하면 기분이 좋지 않습니다. 그러나 약간의 창의적인 터치로 그들의 나쁜 경험을 개선하고 재미있는 만남을 만들 수도 있습니다. 흥미로운 애니메이션을 보여주고 창의적인 텍스트를 작성하면 여기에 영감을 주는 7개의 창의적인 WordPress 404 페이지가 있습니다.

404 일러스트레이션

WordPress 404 페이지 템플릿 - 일러스트레이션

실시간 미리보기

깨끗하고 미니멀한 404 페이지는 어떤 웹사이트에도 잘 어울립니다. 이 템플릿은 현대 웹사이트에서 매우 트렌디한 일러스트레이션을 사용합니다. 일부 요소는 마우스 커서 움직임에 반응하여 재미있게 놀 수 있습니다. 집으로 돌아갈 수 있는 CTA 버튼도 있습니다.

WP 로켓

WP Rocket의 404 오류 페이지

WP Rocket의 404 페이지는 미니멀하고 모던해 보입니다. 페이지에 재미있는 터치를 제공하는 흥미로운 애니메이션이 특징입니다. 홈 페이지로 돌아가기 위한 CTA 버튼으로 끝나는 독창적인 설명도 마찬가지입니다.

이 WordPress 404 오류 페이지를 사용자에게 친숙하게 만드는 CTA와는 별개로 웹사이트와 조화를 이룬다는 사실입니다. 방문자가 둘러볼 수 있는 메뉴와 바닥글이 포함되어 있습니다.

404 비디오

WordPress 404 페이지 템플릿 - 비디오

실시간 미리보기

이 새로운 스마트 슬라이더 템플릿은 배경에서 비디오를 표시하는 데 중점을 둡니다. 릴렉스 효과와 함께 움직여 답답함을 덜어줍니다. 404 숫자는 0부터 카운트업하는 멋진 터치입니다.

엘리멘터

Elementor WordPress 404 페이지

Elementor는 멋진 애니메이션을 사용하여 사용자가 찾고 있던 페이지를 찾지 못했다는 사실로부터 주의를 분산시킵니다. Elementor의 웹사이트에 들어가면 이미 플러그인 사용자이거나 플러그인을 찾고 있는 것입니다. 그들은 404 오류 페이지의 절호의 기회를 얻어 전환을 얻습니다. 페이지 하단에는 Elementor를 사용하여 WordPress 404 페이지를 만드는 방법에 대한 자습서 비디오가 표시됩니다.

404 흐릿한

WordPress 404 페이지 템플릿 - 흐릿한

실시간 미리보기

오늘날의 현대 웹사이트에서 일러스트레이션은 가장 트렌디한 디자인 요소입니다. 이 WordPress 404 페이지 템플릿에는 많은 삽화가 있습니다. 그들 각각은 마우스 움직임에 반응합니다. 또한 집으로 돌아갈 수 있는 CTA 버튼이 있습니다.

플라이휠

Flywheel의 WordPress 404 페이지

Flywheel의 404 페이지를 작동시키는 것은 애니메이션입니다. 가장 눈에 띄는 것은 0을 이루는 이미지지만 배경에는 움직이는 모양이 많다. 이러한 움직임은 방문자가 좌절감을 완화하면서 모양에 집중하도록 합니다. 홈 페이지로 돌아갈 수 있는 미묘한 링크와 사이트의 다른 페이지로 이동할 수 있는 전체 탐색 기능도 있습니다.

404 이미지

WordPress 404 페이지 템플릿 - 이미지

실시간 미리보기

이 WordPress 404 페이지는 방문자의 관심을 끌기 위해 생생한 색상을 사용합니다. 주의를 환기시키는 페이지 부분은 404 텍스트가 아닙니다. 메인 텍스트 뒤에 미묘하게 자리잡고 있기 때문입니다. 페이지에서 집중하기를 원하는 것은 페이지를 보는 이유를 설명하는 텍스트입니다. CTA 버튼과 Facebook 및 Twitter 연결을 위한 두 개의 소셜 버튼이 있습니다.