HTMLで404ということを明記する
404エラーページをHTMLで作成するには、以下のようなコードを使用することができます。このページは、ユーザーが存在しないページをリクエストしたときに表示されます。
<!DOCTYPE html>
<html>
<head>
<title>404 Not Found</title>
<style>
body {
background-color: #f2f2f2;
text-align: center;
padding: 50px;
}
h1 {
font-size: 50px;
}
body {
font: 20px Helvetica, sans-serif;
color: #333;
}
</style>
</head>
<body>
<h1>404 Not Found</h1>
<p>Sorry, the page you were looking for in this blog does not exist.</p>
</body>
</html>
このHTMLドキュメントは単に404エラーを表示するもので、サーバーがこのページを自動的に送信する設定が必要です。それは、サーバーの設定であり、HTMLだけでは制御できません。そのため、サーバーの設定方法は使用しているサーバーソフトウェア（Apache、Nginxなど）によります。
404ページとして検索エンジンにインデックスさせない
検索エンジンに404ページをインデックスさせないようにするためには、メタタグを使用して検索エンジンロボットにそのページを無視するよう指示することができます。以下のように<head>タグ内に<meta>タグを追加してください。
<!DOCTYPE html>
<html>
<head>
<title>404 Not Found</title>
<meta name="robots" content="noindex">
<style>
body {
background-color: #f2f2f2;
text-align: center;
padding: 50px;
}
h1 {
font-size: 50px;
}
body {
font: 20px Helvetica, sans-serif;
color: #333;
}
</style>
</head>
<body>
<h1>404 Not Found</h1>
<p>Sorry, the page you were looking for in this blog does not exist.</p>
</body>
</html>
この<meta name="robots" content="noindex">タグは、検索エンジンのクローラーにこのページをインデックスしないように指示します。しかし、404ページ自体は通常インデックスされないため、このタグは通常必要ではありません。そのため、これはより保守的なアプローチと言えます。