WordPress 404 페이지를 구축하는 방법: 심층 가이드

대부분의 사이트 URL은 읽기 쉽고 입력하기 쉽지만 사람의 실수에 대한 설명은 없습니다. 우리 중 가장 뛰어난 사람도 때때로 URL을 잘못 입력하여 예상하지 못한 웹상의 위치에 도달하게 됩니다. WordPress 404 페이지는 사용자가 실수를 했음을 이해하는 데 도움이 됩니다. 그러나 사이트에서 길을 잃은 사용자를 유지하고 필요한 페이지로 연결하는 데 도움이 될 수도 있습니다.

404 가 무엇인지, 그리고 다음 섹션에서 하는 일에 대해 더 자세히 설명하겠습니다. 간단히 말해서 오류 코드를 표시하는 페이지이지만 많은 사이트에서 사용자에게 더 많은 정보를 제공하는 좋은 방법이기도 하다는 것을 알고 있습니다. 따라서 이러한 페이지는 고유하고 도움이 될 수 있습니다.

다음 몇 섹션에서 WordPress 404 페이지를 만드는 방법을 보여 드리겠습니다. 여기에는 웹에서 가져온 몇 가지 예, 포함해야 하는 내용 등이 포함됩니다.

404 페이지의 정의(및 수행)

시작하기 위해 WordPress 404 페이지가 무엇인지 논의해 보겠습니다. 모르는 사람을 위해 404 는 많은 'HTTPS 응답 상태 코드' 중 하나입니다. 그들이 말하는 정보를 기반으로 하는 다양한 코드 그룹이 있으며 과거에 블로그에서 많은 내용을 다루었습니다. 예를 들어 500 범위의 숫자는 서버 오류를 반환합니다.

400 범위는 클라이언트 오류 응답, 즉 브라우저 측에서 오류를 커밋하는 시간을 포함합니다. 예를 들어 413 Request Entity Too Large 오류, 429 Too Many Requests 오류 및 (물론) 404 오류가 있습니다.

평신도 용어로 404 오류가 발생하면 탐색하려는 URL에 페이지가 존재하지 않는 것입니다. 단순한 오타로 인한 일반적인 오류입니다. 실제로 많은 사이트에서 이를 인식하고 있습니다. 대부분의 오류에는 전용 페이지가 없지만 404 오류는 있습니다. 이를 통해 사용자를 사이트에 유지하고 적절한 사이트로 다시 리디렉션할 수 있습니다.

다음 섹션에서는 영감을 얻기 위해 다른 사이트에서 사용자에게 404 오류를 표시하는 방법을 살펴보겠습니다.

웹에서 404 페이지의 예

WPKube의 404 페이지부터 시작할 수 있습니다. 페이지가 존재하지 않는다는 빠른 메시지와 함께 기능적 레이아웃을 제공합니다.

사용자가 올바른 게시물이나 페이지를 찾는 데 도움이 되는 검색 상자와 날짜 및 카테고리별로 정렬된 다른 기사 모음이 있습니다. 이것은 본질적으로 사용자를 원래 위치로 되돌리는 데 필요한 전부입니다. 일부 사이트는 추가 마일을 통과합니다.

예를 들어, 인터넷 영화 데이터베이스(IMDB)는 영화 인용문을 사용하여 문제를 확인하고 홈 페이지로 돌아가는 링크를 제공합니다.

이렇게 하면 페이지를 브랜드에 유지하는 데 도움이 됩니다. Elementor 404 페이지는 일부 브랜드 콘텐츠도 제공합니다. 이번에는 관련 기사에 대한 링크 형식으로:

보고 있는 페이지를 구축하기 위한 지침을 제공하기 때문에 이 접근 방식이 좋습니다. 이것은 가치를 제공할 뿐만 아니라. 또한 Elementor가 무엇을 할 수 있는지에 대한 증거를 제공합니다.

우리 연구에서 404 오류에 직면했을 때 홈 페이지로 전체 리디렉션을 수행한 웹사이트는 거의 없었습니다. 여기에는 그럴만한 이유가 있으며 다음에 다루도록 하겠습니다.

맞춤형 WordPress 404 페이지를 구축하려는 이유

이제 WordPress 404 페이지가 귀중한 자산이 될 수 있음을 이해하게 될 것입니다. 몇 가지 세부 사항을 제공하기 위해 다음은 하나를 통합하려는 이유입니다.

• 익숙하지 않은 페이지로 이동하는 사용자를 돕는 훌륭한 사용자 중심 방법입니다.
• 이탈률을 낮게 유지하면 검색 엔진 최적화(SEO)에 도움이 됩니다.
• 말하자면 404 페이지를 올바르게 디자인하면 SEO도 어느 정도 향상시킬 수 있습니다.
• 사용자가 사이트에서 예상하지 못한 위치에 있는 경우에도 브랜딩 노력을 계속할 수 있습니다.

전반적으로 WordPress 404 페이지를 사용하면 사용자를 잃을 것으로 예상되는 상황에서 웹사이트에 '인간' 요소를 제공할 수 있습니다. 따라서 이것의 심리적 가치를 과소 평가하지 마십시오. 이탈한 사용자와 잠재 고객을 개발하는 것의 차이일 수 있습니다.

WordPress 404 페이지를 만드는 방법

다음 몇 섹션에서는 WordPress 404 페이지를 만드는 방법을 보여 드리겠습니다. 우리의 의견으로는 다음 세 가지 단계를 수행해야 합니다.

• 코드, 기존 WordPress 템플릿, 플러그인 또는 페이지 빌더를 사용하여 페이지를 빌드하는 방법을 파악하십시오.
• 페이지에 원하는 요소를 추가하고 만족스러운 결과가 나올 때까지 브랜딩과 디자인을 조정하세요.
• 사이트에서 WordPress 404 페이지로 리디렉션하는지 확인하십시오.

하지만 첫 번째 임무는 결정을 내리는 것입니다. 이제 이것을 더 자세히 살펴보자.

1. 404 페이지 구축 방법 결정

예상대로 WordPress 404 페이지를 만드는 방법에는 여러 가지가 있습니다. 접근 방식은 목표와 보유한 기술을 기반으로 합니다. 다음은 사용할 수 있는 다양한 방법에 대한 간략한 요약입니다.

• 빈 PHP 파일을 가져와서 WordPress 404 페이지를 처음부터 코딩할 수 있습니다.
• 각 WordPress 설치에는 기능적인 404 페이지 템플릿이 있습니다. 이것을 가져 와서 기존 코드 위에 자신의 페이지를 개발할 수 있습니다.
• 대부분의 페이지 빌더에는 사이트에 대한 404 페이지를 만드는 데 도움이 되는 템플릿이 있습니다. GeneratePress, Elementor, Beaver Builder 등과 같은 페이지 빌더를 사용하는 경우 이 접근 방식이 매우 적합합니다.
• 404페이지를 빠르게 구축하는 데 도움이 되는 플러그인도 있습니다.

이 기사에서는 페이지 빌더 및 플러그인 접근 방식에 중점을 둘 것입니다. 대부분의 사용자가 가장 접근하기 쉬운 방법이기 때문입니다. 또한 404 페이지를 코딩하려는 단계에 있다면 필요한 지식이 이미 많이 있을 것입니다.

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

이 기사의 주요 초점인 페이지 빌더 접근 방식을 시작하기 전에 플러그인 옵션도 존재한다는 점에 주목할 가치가 있습니다. 하지만 여기에서 고려해야 할 솔루션은 단 하나입니다. 404page:

사실, 이 플러그인은 페이지 레이아웃을 생성하는 도구를 제공하지 않으며, 개발 페이지를 404 페이지로 설정할 수 있습니다. 다른 많은 플러그인은 404 오류를 다른 페이지로 리디렉션합니다. 이것은 SEO에 최적이 아닙니다. 플러그인은 또한 추가 서버 요청을 생성하지 않으므로 사이트 성능이 중요한 경우 환상적입니다.

플러그인 프로세스는 표준 WordPress 블록 편집기를 사용하여 404를 만드는 것입니다. 이렇게 하면 레이아웃을 사이트의 나머지 부분과 '균일화'된 상태로 유지하면서 페이지를 만드는 데 필요한 모든 도구를 얻을 수 있습니다. 포함할 항목에 대한 자세한 내용은 이후 섹션에서 다루겠습니다.

디자인이 끝나면 모양 > 404 오류 페이지 화면으로 이동합니다.

이렇게 하면 드롭다운 메뉴에서 올바른 404 페이지를 선택할 수 있지만 다른 옵션도 포함됩니다.

예를 들어 404 페이지에 대한 몇 가지 유용하고 강력한 옵션이 포함된 전용 고급 탭이 있습니다.

다양한 옵션 중에서 선택하여 404 오류가 올바른 방식으로 작동하는지 확인할 수 있습니다. 검색 엔진은 서버의 피드백을 사용하여 페이지를 인덱싱하는 방법을 결정합니다. 경우에 따라 410 Gone 오류 코드를 사용할 수 있으며 404page에서는 이 옵션을 사용할 수 있습니다.

페이지 빌더를 사용하여 WordPress 404 페이지 만들기

대부분의 사이트 소유자는 페이지 빌더 또는 일부 설명 프레임워크를 사용하므로 시장에 나와 있는 대부분의 주요 솔루션에는 404 페이지에 대한 템플릿 또는 블록 컬렉션이 포함됩니다.

이것들을 추가하는 것은 간단해야 합니다. 최소한 WordPress 404 페이지에 다른 요소를 추가하는 것만큼 간단해야 합니다. 사실, 이 점에서 그것이 새롭다고 말할 수 있는 것은 거의 없습니다. 각 솔루션에 대한 프로세스는 전체 경험의 일부가 될 것입니다.

페이지에 포함된 요소에 대해 할 말이 훨씬 더 많으며 다음에 살펴보겠습니다.

2. 페이지의 필수 요소 추가

404 페이지를 살펴보고 연구와 영감을 위해 이 작업을 수행하는 것이 좋습니다. 전반적으로 몇 가지 유사점을 발견할 수 있습니다.

핵심적으로 WordPress 404 페이지에는 다음 요소가 포함됩니다.

• 404 오류가 발생했다는 명확하고 직접적인 메시지입니다.
• 사이트의 존재하는 페이지(흔히 홈 페이지)로 돌아가는 방법입니다.

이 예에는 Elementor Block 패턴의 일부 초기 브랜딩과 함께 이러한 요소가 모두 있습니다.

그러나 다른 404 페이지 예를 보면 사이트에서 올바른 페이지를 찾는 방법이 포함되는 경우가 많습니다. 검색 상자는 가장 일반적이며 페이지 빌더를 사용하여 추가할 수도 있습니다.

검색 상자를 언급하기 위해 일부 텍스트를 다시 작업해야 했으며 여기에 있는 동안 몇 가지 스타일을 추가했습니다. 상단에 사용자 정의 구분선이 있어 나머지 텍스트에 대한 '경계' 역할을 하고 검색 상자는 '둥근' 및 '3D' 모양을 제공합니다.

우리는 Elementor의 스타일 옵션을 사용하여 이것을 달성했습니다. 테두리 반경 은 검색 영역의 모양을 덮고 상자 그림자는 요소에 깊이를 부여하는 데 도움이 됩니다. 우리는 이 모든 것을 한 글자의 코드 없이 수행했지만 404 페이지의 기능과 가치는 분명합니다.

여기에서 유용할 것으로 생각되는 거의 모든 다른 요소를 추가할 수 있습니다. 많은 사이트에서 게시물 목록을 사용하고 다른 사이트에서는 연락처 양식을 추가하며 세상은 여기에서 당신의 굴입니다. 우리의 조언은 사용자를 사이트에 유지하는 것입니다. 이 때문에 우리는 소셜 미디어 링크를 포기하고 귀하의 사이트에 포함된 내용을 고수합니다. 이것은 또한 SEO에 도움이 되는 유사 아카이브 페이지 역할을 합니다.

3. 사이트가 404 페이지로 리디렉션되는지 확인

마지막 단계는 사이트에서 기본 템플릿 대신 새 페이지를 사용하는지 확인하는 것입니다. 404page와 같은 플러그인을 사용하고 있다면 이것은 간단합니다. 모양 > 404 오류 페이지 로 이동하고 드롭다운에서 올바른 페이지를 찾습니다.

변경 사항을 저장하면 작업이 완료됩니다. Elementor의 경우 페이지를 템플릿으로 설정해야 합니다. 아직 수행하지 않은 경우 화살표를 사용하여 녹색 게시 버튼을 확장하고 템플릿으로 저장을 선택합니다.

템플릿에 이름을 지정했으면 계속 진행할 수 있습니다. 여기에서 WordPress 대시보드로 돌아가 템플릿 > 저장된 템플릿 페이지로 이동합니다.

여기에서 해결 방법은 번거롭지만 먼저 새로 추가 버튼을 사용하여 새 템플릿을 만들어야 합니다.

다음 화면에서 템플릿에 이름을 지정하고 오류 404 유형을 선택합니다.

WordPress 404 페이지 템플릿을 삽입할 팝업이 나타납니다.

그러면 Elementor 편집 화면으로 돌아가고 Publish 를 클릭하면 '조건'을 선택하라는 대화 상자 화면이 나타납니다.

이렇게 하면 404 페이지가 표시될 시기와 위치를 지정할 수 있습니다. 일을 단순하게 유지하고 Include 및 404 Page 를 선택할 수 있습니다.

변경 사항을 저장하면 사이트에 맞춤형 WordPress 404 페이지가 표시됩니다.

요약해서 말하자면

익숙하지 않은 곳에서 길을 찾아야 할 경우 지도나 푯말을 찾아 현재 위치에 대한 단서를 찾는 경우가 많습니다. WordPress 404 페이지는 "You Are Here!"와 거의 동일합니다. 채점자. 입력한 URL이 존재하지 않는다는 것을 사용자에게 알리는 방법입니다. 많은 사이트가 오류를 전달하는 데 그치지 않습니다. 이러한 페이지는 사이트 브랜드의 일부가 되어 사용자가 사이트에서 더 친숙한 위치로 돌아갈 수 있도록 도와줍니다.

이 게시물 전체에서 WordPress 404 페이지를 만드는 방법을 살펴보았습니다. 접근 방식에 관계없이 그다지 어렵지 않습니다. 대부분의 테마는 기능적인 404 페이지 템플릿과 함께 제공되지만, 이것을 GeneratePress, Elementor 또는 Beaver Builder와 같은 전용 페이지 빌더와 결합하면 웹사이트에 가치를 제공하는 완전한 기능의 404 페이지를 만들 수 있습니다.

WordPress 404 페이지를 만들고 싶습니까? 이 기사가 도움이 될까요? 아래 의견 섹션에서 생각, 질문 및 아이디어를 공유하십시오!