색인·웹마스터 도구 · 공식 문서
404 페이지 만들기, 문구 구성과 점검 순서
화면은 안내 문구, 같은 메뉴, 많이 찾는 페이지와 홈 링크, 깨진 링크 신고의 4가지로 꾸미고, 서버는 반드시 404 상태 코드를 냅니다. 같은 화면을 200 으로 내면 구글은 소프트 404 로 보고 검색에서 제외합니다.
404 페이지는 두 사람에게 동시에 말합니다. 방문자에게는 화면으로, 크롤러에게는 상태 코드로 말합니다.
화면을 아무리 잘 꾸며도 상태 코드가 200 이면 크롤러는 살아 있는 페이지로 받습니다. 그래서 만들 때 둘을 따로 점검합니다.
발견 01
맞춤 404 화면은 사람을 위한 것이고, 상태 코드는 404 여야 색인에서 빠집니다
Custom 404 pages are created solely for users. Since these pages are useless from a search engine's perspective, make sure the server returns a 404 HTTP status code to prevent having the pages indexed.
맞춤 404 페이지는 사용자만을 위한 것이다. 검색엔진에는 쓸모가 없으므로, 색인되지 않게 서버가 404 상태 코드를 내는지 확인한다.
| 응답 | 검색엔진이 받는 뜻 | 공식 문서 원문 |
|---|---|---|
| 맞춤 화면 + 404 | 페이지가 없음. 색인하지 않음 | Custom 404 pages are created solely for users. Since these pages are useless from a search engine's perspective, make sure the server returns a 404 HTTP status code to prevent having the pages indexed.맞춤 404 페이지는 사용자만을 위한 것이다. 검색엔진에는 쓸모가 없으므로, 색인되지 않게 서버가 404 상태 코드를 내는지 확인한다. |
| 맞춤 화면 + 200 | 소프트 404. 검색에서 제외 | A soft 404 error is when a URL that returns a page telling the user that the page does not exist and also a 200 (success) status code. Users may think the page is a live working page, but then are presented with some kind of error. Such pages are excluded from Search.소프트 404 는 페이지가 없다고 알리는 화면을 200(성공) 상태 코드로 내는 URL이다. 사용자는 살아 있는 페이지로 여겼다가 오류를 보게 된다. 이런 페이지는 검색에서 제외된다. |
| 네이버 기준 404 | 존재하지 않는 페이지 | 존재하지 않는 페이지에 접근했을 경우 |
소프트 404 는 검색에서 빠지는 것으로 끝나지 않습니다. 구글은 이런 페이지가 계속 크롤링되어 크롤링 예산을 쓴다고 적었습니다.
지울 페이지에 404 와 410, 301 중 무엇을 낼지는 「홈페이지 페이지 삭제」 편에 자세히 적었습니다.
soft 404 pages will continue to be crawled, and waste your budget.
소프트 404 페이지는 계속 크롤링되어 크롤링 예산을 낭비한다.
발견 02
구글은 맞춤 404 화면의 구성 요소를 4가지로 적었습니다
A good custom 404 page helps people find the information they're looking for, and also provides other helpful content that encourages people to explore your site further.
좋은 맞춤 404 페이지는 사람들이 찾던 정보를 찾게 돕고, 사이트를 더 둘러보게 하는 유용한 콘텐츠도 준다.
| 구성 요소 | 화면에 두는 것(예) | 공식 문서 원문 |
|---|---|---|
| 안내 문구 | 「요청하신 페이지를 찾을 수 없습니다. 아래 메뉴나 검색으로 다시 찾아 주세요.」처럼 없다는 사실과 다음 행동을 한 화면에 적습니다. | Tell visitors clearly that the page they're looking for can't be found. Use language that is friendly and inviting.찾는 페이지가 없다는 것을 방문자에게 분명히 알린다. 친근하고 반기는 말투를 쓴다. |
| 같은 머리글·메뉴 | 다른 페이지와 같은 머리글·메뉴·푸터를 둡니다. 방문자가 같은 사이트 안이라는 것을 바로 압니다. | Make sure your 404 page has the same look and feel (including navigation) as the rest of your site.404 페이지가 사이트의 다른 페이지와 같은 모양(메뉴 포함)을 갖게 한다. |
| 많이 찾는 페이지와 홈 링크 | 많이 찾는 페이지 몇 개와 홈 링크를 둡니다. 검색창이 있는 사이트는 검색창도 함께 둡니다. | Consider adding links to your most popular articles or posts, as well as a link to your site's home page.가장 많이 찾는 글이나 게시물 링크와 홈페이지 링크를 넣는 것을 생각해 본다. |
| 깨진 링크 신고 | 「잘못된 링크를 알려 주세요」 버튼이나 문의 페이지 링크를 둡니다. 어디서 들어왔는지 함께 받으면 고칠 링크가 보입니다. | Think about providing a way for users to report a broken link.사용자가 깨진 링크를 알릴 방법을 두는 것을 생각해 본다. |
문구는 사과보다 다음 행동이 중요합니다. 「없습니다」 한 줄 아래에 메뉴·검색창·많이 찾는 페이지가 이어지면 방문자가 사이트에 남습니다.
404 페이지 디자인도 새로 짓지 않습니다. 다른 페이지의 틀을 그대로 쓰고 본문 자리만 바꾸는 것이 원문의 「같은 모양」입니다.
발견 03
소프트 404 는 오류 화면이 200 으로 나가는 자리에서 생기고, 점검은 6단계입니다
| 생기는 자리 | 할 일 | 공식 문서 원문 |
|---|---|---|
| 서버 측 포함 파일이 빠짐 | 오류가 난 화면이 200 으로 나가는지 서버 로그와 함께 봅니다 | A missing server-side include file.서버 측 포함 파일이 빠졌습니다. |
| 데이터베이스 연결이 끊김 | 일시 장애면 빈 화면 대신 503 을 냅니다 | A broken connection to the database.데이터베이스 연결이 끊어졌습니다. |
| 내부 검색 결과가 0건 | 결과 0건 화면이 검색 결과에 나갈 페이지인지 먼저 정합니다 | An empty internal search result page.사이트 내 검색 결과 페이지가 비어 있습니다. |
| 자바스크립트 파일이 안 불러와짐 | URL 검사 도구로 렌더링된 화면이 비었는지 봅니다 | An unloaded or otherwise missing JavaScript file.스크립트 파일을 불러오지 못했거나 빠졌습니다. |
| 단일 페이지 앱에서 없는 항목을 연 경우 | 서버가 404 를 내는 URL로 보내거나, 오류 화면에 noindex 를 넣습니다 | Use a JavaScript redirect to a URL for which the server responds with a 404 HTTP status code (for example /not-found). Add a <meta name="robots" content="noindex"> to error pages using JavaScript.서버가 404 HTTP 상태 코드로 응답하는 URL(예: /not-found)로 자바스크립트 리디렉션을 한다. 또는 자바스크립트로 오류 페이지에 robots noindex 메타 태그를 넣는다. |
To avoid soft 404 errors when using client-side rendering and routing, use one of the following strategies:
클라이언트 측 렌더링과 라우팅을 쓸 때 소프트 404 를 피하려면 다음 방법 중 하나를 쓴다.
| 순서 | 점검할 것 |
|---|---|
| 1 | 없는 URL 하나(예: /no-such-page-test)에 curl -I 를 보내 첫 줄이 404 인지 봅니다 |
| 2 | 같은 URL을 브라우저로 열어 구성 요소 4가지가 모두 보이는지 봅니다 |
| 3 | 휴대전화 폭에서도 메뉴와 링크가 눌리는지 봅니다 |
| 4 | 빈 검색 결과·데이터베이스 오류 화면이 200 으로 나가지 않는지 봅니다 |
| 5 | 단일 페이지 앱이면 없는 항목을 열었을 때 404 URL로 가거나 noindex 가 붙는지 봅니다 |
| 6 | URL 검사 도구로 반환 코드를 확인하고, 페이지 색인 생성 보고서의 소프트 404 를 봅니다 |
Use the URL Inspection tool to verify whether your URL is actually returning the correct code.
URL 검사 도구로 URL이 실제로 올바른 코드를 내는지 확인한다.
발견 04
B2B·B2C·B2G 는 404 화면에서 먼저 보낼 페이지가 다릅니다
예시 ① 문의형 기업 사이트의 404 화면(B2B)
옛 제안서와 메일에 박힌 제품 URL로 들어오는 방문이 많습니다. 404 화면에는 제품군 목록과 문의 페이지 링크를 먼저 둡니다.
깨진 링크 신고에 들어온 URL을 모으면 301 로 살릴 옛 URL 목록이 됩니다.
예시 ② 상품이 자주 바뀌는 쇼핑몰(B2C)
없는 상품 URL은 404 를 내고, 화면에는 검색창과 많이 찾는 분류를 둡니다.
내부 검색 결과 0건 화면은 구글이 소프트 404 예로 든 자리입니다. 이 화면이 검색 결과에 나갈 페이지인지부터 정합니다.
예시 ③ 공고가 자주 내려가는 공공기관 누리집(B2G)
지난 공고 URL은 다른 기관 문서와 보도자료에 남아 계속 들어옵니다. 404 화면에는 공고 게시판과 민원 안내 링크를 둡니다.
깨진 링크 신고는 담당 부서 대표 문의처로 받게 두면 유지보수 사업 때 고칠 목록이 됩니다.
그럼 404 페이지는 어떤 순서로 만드나요?
- 다른 페이지의 틀(머리글·메뉴·푸터)을 그대로 쓰는 404 화면을 하나 만듭니다.
- 본문 자리에 구성 요소 4가지(안내 문구, 같은 메뉴, 많이 찾는 페이지와 홈 링크, 깨진 링크 신고)를 넣습니다.
- 서버나 제작 환경의 「없는 페이지」 설정이 이 화면을 404 상태 코드로 내게 연결합니다.
- 없는 URL에 curl -I 를 보내 404 가 나오는지 확인합니다.
- 공개 뒤 서치 콘솔 페이지 색인 생성 보고서에서 소프트 404 가 생기는지 봅니다.
조사 방법
- Google Search Central 「Troubleshoot Google Search crawling errors」 (문서 수정일 2025-12-18) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/troubleshoot-crawling-errors
- Google Search Central 「Understand the JavaScript SEO basics」 (문서 수정일 2026-03-04) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics
- Google Crawling Infrastructure 「Optimize your crawl budget」 (문서 수정일 2026-07-22) · 최종 확인일 2026-10-25 · https://developers.google.com/crawling/docs/crawl-budget
- 네이버 서치어드바이저 「HTTP 규약(Protocol)」 · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/seo-basic-http
- 구성 요소 4가지는 구글 원문의 도움말 목록이고, 점검 6단계는 위 문서들의 조건을 작업 순서로 묶은 것입니다. 묶는 방식은 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 원문은 영어판(hl=en)이고, 도구·보고서 이름(URL 검사 도구, 페이지 색인 생성 보고서, 소프트 404)은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.