404ページのバリエーションと使い分け方

Question

前提

404ページを作りたいのですが、正しい方法がわかりません。

私は「コンテンツがないとき＝404にするとき」とざっくりした認識を持っています。
しかし下記のような三者三様のバリエーションを見つけ、混乱しています。

どういうケースで、どれが良いのでしょうか？

バリエーション

リンク	twitter	qiita	teratail
URL	https://twitter.com/ghjaomgrhoaijgorf	https://qiita.com/ghjaomgrhoaijgorf	https://teratail.com/questions/ghjaomgrhoaijgorf
ページ	「404」は表示なく、「このアカウントは存在しません」と普段のページデザインを維持	「404」と表示	「404」と表示
コンソール	コンソールに404である情報はなし	コンソールに「GET https://qiita.com/ghjaomgrhoaijgorf 404」と表示	コンソールに404である情報はなし

質問事項

質問①
それぞれどんな思惑と効果が考えらるでしょうか？

質問②
ページに「404」と表示されない、twitterの設計はアリなのでしょうか？
私もそもそもユーザーにとってよく意味のわからない「404」などの数字は無意味で不要と思っていたのですが、いざ表示されないとアリなの？と疑問です。（例えばGoogle的にはナシとか、各所での意見はないのでしょうか？）

質問⑶
コンソールに「GET https://qiita.com/ghjaomgrhoaijgorf 404」と表示されない、twitterとteratailの設計はアリなのでしょうか？
これはつまり header("HTTP/1.1 404 Not Found"); がないということですよね？アリなのでしょうか？

Answer 1

これはつまり header("HTTP/1.1 404 Not Found"); がないということですよね？アリなのでしょうか？

ありなしというより、仕組み上そうせざるをえない、というものです。

少なくともTeratailは、描画するものは全部JavaScriptで制御する構造となっていて、ベースのHTMLはどこへアクセスしても同じものを返すだけとなっています（Next.jsを使っているようです）。ページの有無もHTMLレベルでは感知せず、同じものを200で返すだけです。

Comments

[sonipa]

ありがとうございます。

Answer 2

この手のものは「サービスの仕様」なので、「絶対唯一の正しい」は存在しません。
それこそ十人十色の仕様があるのでしょう。

作った人しか知らないことなので、こればかりは無関係の他人がどのような意見を言っても「私見」以上にはなりません。
単純に「404とだしたくない」だけかもしれないし、ユーザ名など任意でつけられるものがURIパラメータとなる場合、その瞬間だけたまたま存在しなかっただけで、1秒後には取得されているかもしれないので、「現状はない」と伝えているだけかもしれません。

要は「出した内容によってユーザに何を伝えたいか」で決めることになります。
そこは「リクエスト」に対する「レスポンス」の部分で、サービスの要件によって都度考えて決めていきましょう。
また、悪意あるユーザへの対応とか、異常系設計にも含まれると思います。

実際にURIに該当するファイルがそこにあるわけではなく、ルーティングなどによってリクエストを受け付けている場合（PHPなら.htaccessによってindex.phpに全てのリクエストを集めていたり）、
余程特殊なURLを打たない限り、サーバ側のレスポンスは実質NOT FOUNDではない状態となるので、そこからどうするかということになりますが、
やはりサービスの要件によります。

Comments

[sonipa]

ありがとうございます。

Answer 3

QiitaとTeratailはプログラマ向けサイトなのでむしろ404で伝わるんじゃないでしょうか
なのでそのまま書いてるのかなと思いました

Comments

[sonipa]

ありがとうございます。

Answer 4

どういうケースで、どれが良いのでしょうか？

総じて要件によります。

質問②
ページに「404」と表示されない、twitterの設計はアリなのでしょうか？

これは完全に憶測ですが、
ユーザーは存在していないが、ページ自体が無いわけではないこととしているのかと。
その意図まではTwitterに聞いてみないと、外部の人間には分かり得ることではありません。
（ページの記載上も404と謳っていない）

質問⑶
コンソールに「GET https://qiita.com/ghjaomgrhoaijgorf 404」と表示されない、twitterとteratailの設計はアリなのでしょうか？

わかりませんが、もしかしたら見落としかもしれません。
ですが、意図があるかもしれません。
意図を聞きたくば、teratailに直接問い合わせるといいでしょう。
アリか無しかでいうと、そんなに厳密にする必要はありません。
（SEOの面など、しっかりしているか、別にそこまで細かくやってないか、単純に見落としているかのため）

総じて、前述通り要件によるなので、
質問者さんが、こうすべきだ、要件がそうだ、となれば、それに従うといいかと。

Comments

[sonipa]

ありがとうございます。