WordPress에서 사용자 정의 404 페이지를 만드는 방법
대부분의 인터넷 사용자가 너무 친숙한 <i>404 페이지를 찾을 수 없음 오류 메시지로 인해 기분이 상했다는 것은 의심의 여지가 없습니다. 깨진 링크를 클릭했을 때 이번 달에 적어도 한 번은 이 성가신 메시지를 받았을 가능성이 있습니다.
404 오류는 다양한 이유로 인해 서버가 처리할 수 없는 웹페이지 요청에 대한 표준 HTTP 응답입니다. 기본적으로 오류 메시지는 흰색 배경에 일반 텍스트로 표시됩니다. 이 저속한 메시지가 싫다면 웹사이트 방문자에게도 이 메시지가 표시되는 것을 원하지 않을 것입니다. 그렇다면 맞춤 메시지를 통해 덜 짜증나게 만드는 것은 어떨까요?
이 튜토리얼에서는 웹 사이트 방문자가 빈 페이지에 도달했을 때 덜 짜증을 낼 수 있도록 사용자 정의 <i>페이지를 찾을 수 없음 메시지를 생성하는 단계를 안내해 드리겠습니다. 먼저, 웹 페이지에 액세스하려고 할 때 공백이 나타날 수 있는 이유를 더 잘 이해해 보겠습니다.
<i>404 페이지를 찾을 수 없음 오류가 발생하는 방법 및 이유
링크를 클릭하고 404 오류가 발생하면 서버에 대한 페이지 요청이 성공했지만 액세스하려는 특정 페이지를 서버에서 찾을 수 없다는 의미입니다. 이에 대한 원인은 다양합니다.
예를 들어, 링크가 연결된 웹페이지가 제거되면 404 오류가 표시됩니다. 이 문제가 발생하는 일반적인 시나리오는 인기 콘텐츠가 포함된 오래된 페이지가 삭제되었지만 다른 웹사이트에서 해당 페이지로 연결되는 링크가 많이 있는 경우입니다. 사이트 관리자가 페이지 링크 누락을 방지하기 위한 예방 조치를 취하지 않으면 대규모 뉴스 웹사이트가 이 문제의 원인일 가능성이 높습니다.
요청한 페이지가 새 도메인 이름으로 재배치된 경우에도 404 페이지 오류가 발생할 수 있습니다. 서버에 문제가 있는 경우(서버가 다운되었거나 어떤 이유로 액세스할 수 없는 경우) DNS 오류가 발생할 수 있습니다. 방화벽, 콘텐츠 필터 및 기타 형태의 콘텐츠 차단으로 인해 링크가 깨질 수도 있습니다.
요점은 끊어진 링크가 웹에서 흔한 일이라는 것입니다. 사용자가 더 견딜 수 있는 경험을 제공하는 것은 웹사이트 소유자나 관리자의 몫입니다. 인터넷 사용자는 일반적으로 웹사이트에서 정보를 검색할 때 참을성이 없다는 점을 기억하십시오. 귀하의 웹 사이트에서 발견한 것이 평범하고 짜증나는 404 오류뿐이라면 사용자는 원하는 것을 얻기 위해 다른 웹 사이트를 찾는 데 시간을 낭비하지 않을 것입니다.
사용자에게 친숙한 오류 메시지
이미 언급했듯이 대부분의 웹 서버는 액세스할 수 없는 이유에 대한 간단한 설명<i>—<i> 을 표시하는 기본 404 오류 페이지를 반환하도록 설정되어 있습니다. 요청한 페이지. 경우에 따라 웹마스터의 이메일 링크(추가 기술 지원이 필요한 경우) 또는 검색을 계속할 수 있는 검색 엔진 링크가 표시될 수도 있습니다.
이 기본 오류 메시지는 정중하지만 매우 단순하여 대부분의 웹 사이트 방문자가 꺼리는 경우가 많습니다. 그렇기 때문에 진지한 웹마스터는 빈칸을 치는 방문자가 보다 사용자 친화적이고 덜 짜증나는 404 오류 페이지를 볼 수 있도록 이 메시지를 맞춤화합니다.
WordPress와 함께 제공되는 모든 기본 테마에는 <i>404.php라는 기본 404 오류 페이지 템플릿이 있습니다. 물론 이 기본 템플릿은 완벽하게 작동하지만 방문자에게 말하고 싶은 내용을 전달하지 못할 가능성이 있습니다. 다행히도 템플릿에서 메시지를 사용자 정의하는 것은 매우 쉽습니다. 코드 편집기에서 페이지 템플릿을 열고 메시지 텍스트를 원하는 대로 변경하면 됩니다. 이후에 변경 사항을 저장하십시오.
Twenty Thirteen 테마와 함께 제공되는 기본 오류 페이지 템플릿의 구조는 머리글, 바닥글, 검색창을 표시하기 위한 태그로 구성됩니다. 실제 작동 모습은 다음과 같습니다(브라우저의 주소 표시줄에 가짜 페이지 주소를 입력하면 됩니다).
404 페이지 템플릿의 코드를 살펴보면 <h1> 제목 태그 내에 <i>찾을 수 없음이라는 페이지 제목과 <i>_e 함수가 있음을 알 수 있습니다. 실제로 페이지<i>에 결과를 표시합니다. 404 페이지를 맞춤설정할 때 가장 먼저 수정해야 할 내용입니다. 그런 다음 아래의 <h2> 및 <p> 태그에 더 사용자 친화적인 텍스트를 추가할 수 있습니다. <i>찾을 수 없음 제목을 변경할 수도 있고 변경하지 않을 수도 있지만 일반적으로 단락의 사용자 정의 텍스트와 함께 방문자를 짜증나게 하지 않는 사용자 정의 제목을 삽입하는 것이 좋습니다.
페이지의 거대한 <i>404 숫자 안에 제목이 나타나는 것을 볼 수도 있습니다. Firebug를 사용하여 오류 페이지의 페이지 검사를 수행하면 거대한 <i>404 가 의사 요소(<i>.error404 .page-title:before)에 의해 삽입된 것을 볼 수 있습니다. ). 따라서 <i>404.php 템플릿을 열고 <h1>, <h2> 및 <p> 태그의 기본 텍스트를 방문자에게 알리고 싶은 내용으로 바꾸세요. 또한 앞서 언급한 의사 요소를 원하는 대로 편집하거나 제거하십시오(스타일 시트에서 주석 처리). 나는 이것을 다음과 같이 변경했습니다.
여기 방문자에게 원하는 내용을 직접 말할 수 있지만 항상 짧고 달콤하게 유지하는 것이 좋습니다. 또한 방문자가 처음에 무엇을 찾고 있었는지 말하거나 지적해 보십시오. 404 페이지를 더욱 사용자 친화적으로 만들기 위해 해야 할 일은 이것이 전부입니다. 페이지를 검사한 다음 적절하다고 판단되는 대로 스타일을 변경하세요.
또한 사용 중인 WordPress 테마에 따라 개발자가 사용자 정의 404 페이지 지원을 포함했을 수도 있습니다. Total WordPress 테마에는 WordPress 대시보드에서 직접 사용자 정의 404 리디렉션이나 사용자 정의 페이지 제목 및 콘텐츠를 쉽게 추가할 수 있는 사용자 정의 404 페이지 테마 옵션이 내장되어 있습니다.
Total의 사용자 정의 404 페이지 편집기 스크린샷
<i>.htaccess 파일 은 마법이 일어나는 곳입니다
404.php가 사용자 정의되면 남은 것은 WordPress가 상황에 적합할 때, 즉 특정 페이지를 찾을 수 없을 때 이를 표시하는 것뿐입니다. 이것이 기본 프로세스입니다. 그러나 WordPress가 이를 인식하기 전에 웹 서버에 문제가 발생할 수 있으며, 이는 방문자가 일부 페이지에 액세스하지 못할 수 있음을 의미합니다. 이 경우 웹 서버가 이를 404.php 페이지로 리디렉션할 수 있는지 확인해야 하며 여기에 <i>.htcaccess 파일이 들어옵니다.
<i>.htcaccess 파일은 WordPress 설치 루트 폴더에 있습니다. WordPress의 경우 영구 링크 구조를 기본값에서 변경하면 자동으로 생성됩니다. 서버가 사용자 정의 404 페이지를 찾도록 하려면 다음과 같이 파일에 한 줄을 추가하기만 하면 됩니다.
ErrorDocument 404 /index.php?error=404보시다시피, 이 URL은 루트(/)에서 시작합니다. 즉, 이 URL 형식을 사용하려면 WordPress 설치가 서버 루트에 있어야 합니다. 그렇지 않고 WordPress가 하위 디렉터리에 설치된 경우 리디렉션 경로는 다음과 같아야 합니다.
ErrorDocument 404 /yourfolder/index.php?error=404이렇게 하면 테마를 변경하더라도 index.php는 항상 새 테마에 적합한 404 파일을 불러옵니다.
마무리
이 빠른 튜토리얼을 읽으면 이제 사용자 친화적인 맞춤 메시지가 포함된 맞춤 404 페이지를 만들 수 있습니다. WordPress에서 테마를 변경할 수 없거나 테마를 변경할 때 웹 사이트 방문자가 서버에 의해 항상 올바른 404 페이지로 리디렉션되도록 <i>.htcaccess 파일을 구성할 수도 있습니다.
항상 귀하의 웹사이트를 다시 방문할 충성도 높은 방문자를 유치하려면 덜 짜증나는 메시지로 404 페이지를 맞춤 설정하는 것이 중요합니다. 물론 방문자가 404 페이지에 접속하는 횟수를 제한하는 것도 좋은 생각입니다.
사용자 정의 404 메시지에 대한 좋은 아이디어가 있습니까? 현재 404 페이지에서 무엇을 사용하고 있나요? 아래 댓글에서 여러분의 아이디어를 듣고 싶습니다!