Web Design and Development
Website 404 pages: Connect a broken URL with a useful next step
Build useful 404 pages with accurate responses, clear messages and practical recovery. Review redirects, broken link sources and publishing checks together.

A visitor opens a measurement-device guide shared by a purchasing colleague. A large 404 and an animated illustration appear. Navigation is present, but there is no clear route towards the missing document. Another website opens its homepage automatically for the same kind of broken address, leaving the visitor unaware that the guide is unavailable. A page has loaded in both cases, yet the research task has not progressed. A useful 404 experience begins with that unfinished task.
This guide uses a fictional company publishing measurement-device information and related consulting services. It does not describe a client, achieved result or traffic statistic. The focus is the decision and next step at an unavailable address, rather than a complete site-migration plan. The technical response, explanation, recovery links and ownership of corrections belong together.
Identify what is actually missing
An unavailable address can have several causes. An internal link may be incorrect, a document may have been removed or someone may have copied an incomplete URL. A visitor can request a path that never existed. A temporary application failure affecting a valid page is another situation. Investigation should preserve these distinctions rather than group them all under one error-screen label.
Does the example guide have a published record? Does its correct address open? How does that address differ from the shared link? These checks help separate missing content from a linking mistake. If a valid page unexpectedly returns not found, investigate publishing or route resolution.
Verify the HTTP response alongside the visible message
404 is the HTTP status indicating that the requested resource was not found. Writing 404 in a heading does not establish that the server returned that response. The technical reviewer should inspect the actual request. The page’s appearance and the meaning of its response need to agree, with neither check replacing the other.
Returning a successful 200 response while presenting missing-content information can lead to a soft-404 assessment. An empty or error-bearing page should not masquerade as successful content. A genuine not-found response can still include understandable navigation. Retain the observed response and visible explanation together in acceptance evidence instead of treating a screenshot alone as proof of the implementation.
Choose redirects through content equivalence
Where the removed guide has a new version serving the same need, an appropriate permanent 301 redirect can be considered. Verify the relationship first. Another service page sharing a keyword is not automatically an equivalent destination. Sending a device-guide reader to a general company introduction does not complete the same research task.
Automatically sending every unknown path to the homepage bypasses that decision. People may not understand what happened, and irrelevant bulk redirects may be treated as soft 404s. Where no suitable replacement exists, retain a genuine not-found response and offer useful choices on that page. Where a replacement does exist, record the source and intended destination.
Explain the interruption without blaming the visitor
“Something went wrong” can describe many different conditions. Say clearly that the requested page could not be found at this address. It may be appropriate to mention a changed or incorrectly written address, but do not state an unverified cause as fact. Avoid language implying that the visitor must have made a mistake.
For our fictional company, the explanation could direct document readers towards the guide library. A concise message might say that the page is unavailable here and invite them to browse guides or search for the device name. Those controls must actually exist and work. A short explanation and a few meaningful choices can provide more practical help than an extended apology or an unrelated joke taking attention away from the recovery task.
Offer a small set of purposeful destinations
Repeating the entire navigation system inside the error page can create additional choice rather than clarity. Select a manageable group of routes. Services, the content library and the homepage may suit a general site. If the document context is reliably known, a relevant section can be emphasised.
Do not infer an exact replacement solely from similar path fragments. Technical terms and product references can look alike. Presenting an uncertain match as the missing guide creates false confidence. A label such as Browse the guides describes the real destination without making that claim. The homepage can be a useful option without becoming every visitor’s compulsory automatic destination. Check that the suggested pages remain published and reachable; a recovery link that leads to another unavailable page compounds the interruption.
Give search a usable no-result path
A search field helps only if it can locate relevant information. Our visitor might enter the device name or guide topic. Explain the search scope accurately. A tool covering blog articles should not imply that it searches every document. Labels and example queries should reflect the content actually included.
If the search also produces nothing, provide a way to revise the query, inspect the appropriate section or find suitable assistance. Automatically converting the incoming broken URL into a search phrase is not always appropriate: the path may contain meaningless codes or private information. Use suitable technical controls when displaying input. A support route should not turn raw failing addresses and unnecessary personal details into a public report. Recovery should help a person continue without introducing a separate information-handling problem in the process.
Do not make the back button the only exit
Visitors may arrive from another application, a bookmark or a new tab. Browser history does not guarantee a useful previous page. A back action can be offered, but pair it with a dependable destination within the site. Consider the limitation whenever the result of a control depends on the visitor’s session history.
On mobile, the explanation, search and primary routes should be easy to find. A large decorative visual should not push essential options far below the visible area. Keyboard users need reachable controls and visible focus. Headings and action labels should describe what happened and where each route goes. If the error page abandons the normal identity and navigation entirely, people may struggle to recognise the same website. Preserve recognition while still explaining the interruption clearly.
Repair your own broken links at their source
If a menu or article sends people to an unavailable address, improving the 404 template is not enough. Correct the originating content or shared component. Where the intended page exists, use its final address directly. A redirect should not become a reason to keep publishing a known incorrect link within material the business controls.
Suppose the guide exists, but its product card omits one letter from the path. Correcting the card prevents new visitors from following the same failure. An earlier shared version of the wrong link may require its own decision; that does not remove the source correction. If a template spreads the mistake across many pages, investigate that scope. After fixing it, examine other uses of the component instead of accepting one repaired card as proof that every affected route now works.
Do not treat every incoming request as content demand
Old email links, incorrectly written external references and automated scans can all appear in request records. A not-found request does not establish a real visitor or a missing-content requirement. Creating pages for random paths, or accumulating redirects for them, is not a useful maintenance strategy. Investigate address history and business context first.
A genuine, frequently shared document route may deserve more attention. Alongside volume, consider where it is used, what task it affects and whether a suitable destination exists. If the external publisher can correct a known link, that option may be worth pursuing. Do not invent missing referral information. Limit conclusions to the evidence rather than deriving lost sales or search visibility effects from one count.
Connect measurement with a correction decision
Server or application records may show the requested path, response and time. An analytics implementation can have a different scope. Do not expect every request to appear identically in every report. Record the observation layer. Raw addresses can contain personal information, so collection, access and retention need an appropriate arrangement.
A review register can identify the address, known origin, content decision, owner and retest result. A lower 404 count is not sufficient closure: sending everything to irrelevant pages may merely hide the problem. The relevant result is a corrected internal link, arrival at a genuine replacement or an appropriate response where no replacement exists. Measurement becomes useful when it supports those decisions.
Accept the result using real address scenarios
Prepare a deliberate set: a path that never existed, a removed guide, content with a genuine replacement and an incorrect internal link. Inspect the initial response, any redirect route and the final content together. Required images, fonts and other resources on the error page should also work.
Opening the template directly differs from reaching it through a failing address. For language versions, explanations and destinations should remain appropriate to the language. Include mobile, keyboard and search behaviour in the same scenarios. BiKreatif’s web design and development work can include this review in delivery of the 404 template. The result being assessed is more than an attractive screen: it is the defined response and usable continuation at an unavailable address.
Keep ownership connected to publishing decisions
Recovery suggestions can become outdated when content is removed or a section reorganised. Changing a library route affects more than its menu entry. Assign someone to inspect connected recovery paths during publishing. A custom error template does not automatically make later content decisions correct or keep its recommendations current.
Return to previous findings during the next review. Does the repaired link still fail? Does the replacement answer the same question? Has the genuine not-found response been preserved where appropriate? A useful error experience cannot guarantee that every visitor finds the original document. It explains the situation, offers suitable choices and helps the business correct broken routes it controls. That boundary provides a shared acceptance criterion for both interface design and technical behaviour.
Frequently asked questions
Is a visible 404 heading enough?
No. Review the visible message and actual HTTP response separately. Missing content needs an appropriate technical result. Providing helpful navigation does not require abandoning the correct status. Retain both parts of the check rather than accepting a screenshot as complete evidence.
Should every broken URL redirect to the homepage?
No. Consider an appropriate permanent redirect when a genuine relevant replacement exists. Otherwise, an explanatory real 404 is suitable. The homepage may be offered as one route, but automatically making it the destination of every unknown request is a different behaviour.
How does a soft 404 differ from an ordinary 404?
A soft-404 assessment concerns missing or error-bearing content presented without the appropriate not-found response. A page might show an error while returning 200. Technical review needs to inspect what the request actually returns, not only the words appearing in the browser.
What should happen to an incorrect internal link?
Correct it at its source and use the intended final destination where available. Changing the error template alone does not prevent new visits from taking the same broken route. If a shared component caused the mistake, inspect its other uses during the correction.
Does each 404 record reveal a new content need?
No. Writing mistakes, older shared links and automated requests can produce the same status. Investigate the address and known task. Request count alone does not establish genuine demand, lost sales or a particular ranking effect. Keep the interpretation within the available evidence.
How should the recovery page be evaluated?
Test the explanation, onward choices, search recovery where provided and actual response together. Repeat the address after correction. The objective is not simply fewer recorded errors; it is that the decision for each relevant address behaves as intended and offers an understandable next step.