404ページの20以上の素晴らしい例

「ページが見つかりません」にアクセスすると、訪問者を混乱させる可能性があります。

訪問者のユーザーエクスペリエンスを向上させる最良の方法の1つは、訪問者の意欲を維持し、サイトに関与し続けることです。 これは、美しいデザイン、魅力的なコンテンツ、または健康的なユーモアで行うことができます。 創造的で巧妙なエラーページは、訪問者の眉をひそめるのに大いに役立ちます。 また、内部リンク、ナビゲーション、および問題の解決策を提供することで、ホームページへのリンクを提供するだけでも、ユーザーを満足させ、販売の目標到達プロセス内に収めることができるため、SEOにプラスの効果をもたらす可能性があります。

「エラーページ」とも呼ばれる404ページは、ユーザーがWebサイトの壊れたリンクまたは削除されたリンクをクリックした場合に表示されるページです。

時間の経過とともに、ページが削除されたり、永続的なリダイレクトなしで新しいURLに移動されたりする可能性があります。 ユーザーがこのリンクにアクセスしようとすると、「404ページ」に送信され、アクセスしようとしているリンクが壊れていることが通知されます。

これが発生した場合、ユーザーを完全に失うことのないようにすることが重要ですが、代わりに、ユーザーをサイトに引き付け続け、理想的には正しいリンクに誘導するように努める必要があります。 一部の企業は、アニメーション、イラスト、インタラクティブな要素を組み込むことで、404ページをデザインするときに真のクリエイティブを実現します。

それはすべて良いことですが、最も効果的で記憶に残る404ページが面白いものであることは間違いありません。 そのため、ウェブ上で404ページの最も面白い例を収集することにしました。

ユーモラスな「見つからない」ページには、高額の予算を要求しないという利点があるため、大手ブランドだけでなく、フリーランサーや中小企業にも適しています。

この投稿では、404ページの最も陽気な例を調べ、それぞれが機能する理由を分析します。 これらのページが共有する基本的なコメディ戦略を理解すると、独自の元の404ページを思い付くのに役立ちます。

これは、404ページがうまくいった23の素晴らしい例です。

視覚的な画像は404ページで一般的ですが、コンテンツのみに依存することも同様に大きな影響を与える可能性があります。

Blueggは、「ヤギ」の一種の死亡記事を作成しました。これは明らかにエラーページを参照しています。 404ページに多くの死に関連したジョークが表示されます。 あなたがダークユーモアのファンなら、同じ種類のギャグがあなたのページのために働くことができます。

驚きの要素は、新しい404をうまく提供するための鍵です。

Driftは、海で失われたと思われるDjKhaledの低品質の自撮りビデオを追加しました。 彼らは状況をひっくり返し、事態はさらに悪化する可能性があることを示しました。訪問者はDJのように海で迷子になる可能性があります。

訪問者の現在の状況を覆い隠す誇張されたシナリオを示すことは、訪問者の気分を良くするための優れた方法です。

スティーブ・ジョブズは、「創造性は物事をつなぐだけです」と述べました。 気付くのは難しいですが、9Gagは、最も人気のあるgifの1つであるConfusedTravoltaとその404ページを創造的に結び付けました。 結果は「笑い声」ではないかもしれませんが、それはあなたのブランドの視覚的資産の1つを「見つからないページ」に関連付ける典型的な例です。

Flywheelは、洗練されたデザイナー志向のオーディエンスに最適な404ページを作成しました。 「0」をブラックホールに変えて「これは本当にひどい」を追加するのは素晴らしいスピンです。 それは単純で、冗談を言うのに一生懸命努力することを避けます。

Slackの404コンテンツは的を射たものですが、パノラマで描かれた背景アニメーションが追加されています。 あなたは家畜が浮かんでいるザナドゥの夢のような世界に着陸します。 あなたがそこにいるなら、あなたは確かに失われるという事実以外に、失われたページとの関係はありません。

この例では、申し訳ありませんがサインを持っているスケートでかわいいハンバーガーの漫画を見ることができます。 写真が千の言葉の価値があることの証拠です。 イラストを使用すると、404ページを言葉なしで機知に富んだものにすることができます。

ウッダーはまた、訪問者を彼のポートフォリオに「あなたはおそらく私のイラスト作品を探していたのだろう…」という行で巧みに結び付けています。

明らかにいくつかのバグがあり、裸のHTMLが表示されていますが、コナン・オブライエンのサイトは、一連のgifを使用して、アンディとコナンの苦境にスポットライトを当てて、楽しませてくれます。

コメディセントラルは、ショーのいくつかのキャラクターを表示し、404ページに関連する引用をそれぞれに関連付けるのに十分なほどスマートでした。 たとえば、デイリーショーのトレバーノアは、彼のショーの「禅の瞬間」セグメントに関連する混乱した顔と引用で表示されます。

この例は、葬儀の歴史に関する小さな博物館の404ページであるため、表示する必要がありました。 彼らには莫大なウェブデザイン予算がないと確信していますが、それでも彼らはオープンな墓を備えたクリエイティブな404ページを考案し、訪問者に次のように伝えています。 あなたが探しているページは来世に消えてしまいました。

HBOの404は私のお気に入りの1つです。 内輪ネタを使って笑い声を上げる方法を示しています。 この場合、彼らは404文字の後ろに「CurbYour Enthusiasm」の画像を追加し、次のテキストを追加しました。「このリンクはかなり、かなり、かなり壊れているようです。」 ショーを見た人は誰でもすぐにそれを手に入れるでしょう。

ニューヨーカーの例は、迷子になり、404ページに掲載することに関連するすでに面白いブランド資産を取得する方法を示しています。 この漫画は、GPSを装着したマウスを表示する2011年の号からのものです。これは、「ページが見つかりません」ページで使用するのに最適な漫画です。

これは、オリジナルで予想外の別の404ページのデザインです。 ブリザードエンターテインメントには、壊れたウィンドウ、落ちたように見えるメニュー、および告発があります： 'おめでとう（おめでとう）。 あなたはそれを壊しました。」

Blizzardは、テーブルを回して訪問者を非難するための「chutzpah」を持っていました。 それはあなたが通常404ページで読む予想される謝罪の口調とは正反対の反応であるため、あなたはそれからキックを得る。 同時に、他人を自分の過ちで非難することは非常に人間的な特徴です。 それは、小さな子供がミルクをこぼしたために親に捕まり、それを父親のせいにするようなものです。

一見無関係に見えるものの間に予期しないつながりを描くことをすでに見てきたように、創意工夫とユーモアの両方が必要です。 通常、出会い系サイトを「ページが見つかりません」に関連付けることはありません。 eharmonyは、他の100万のeharmonyシングルとは異なり、「ページが利用できません」というメッセージを表示することでこれをうまく実現します。

Distilledの404ページには、「oldchap」や「blasted」などのフレーズで満たされた英国のコミック会話があります。 彼らは404を「エラーの四百四番目のメッセージ」と呼んでいますが、それ自体が面白いです。

アクセントは現在コメディで物議を醸している問題ですが（シンプソンズの作成者が証明できるように）、それでも血まみれの面白いものです。 幸いなことに、洗練された英語のアクセントは、今でも受け入れられている笑えるターゲットです。

蒸留されているのはそれ自体が英国であり、ページ全体がさらにばかげています。 それは、モンティ・パイソンによる4人のヨークシャーマンのスケッチを思い出させました。

このエラーページは、非常に個人的なものであるという理由だけで、最もおかしなものの1つです。 また、開発チームからの4つの考えられる原因を示し、この「許容できない失敗」のために解雇される1つを選択する機会を提供することにより、「ページが見つかりません」に着陸する必要があります。 それは壁から離れているので、この会社がユーモアのセンスを持っていて、自分自身をからかうことができることを証明しています。

IMDBは、有名な映画の引用をエラーメッセージに適合させる、一見シンプルでありながらよく考えられたエラーページを表示します。 IMDBを頻繁に使用する映画ファンにとって、それは楽しい体験を提供し、ページを更新してより多くの引用を読むように誘惑します。

これは最も説得力のある404ページではありませんが、本質的に視覚的でもある独創的でインタラクティブな体験を提供するためのポイントを獲得します。

これらのページでは、実際にはグラフを使用することをお勧めします。 それがフローチャート、ven-charts、またはあなたが考えることができる他のチャートであるかどうか。 使用できないページを表示する方法がまったく異なるため、これは機能します。 円グラフも機能するのだろうか。

Githubのオーディエンスはオタクな開発者です。 オクトキャットのマスコットと「これはあなたが探しているウェブページではありません」という引用を特徴とする彼らのスターウォーズに触発されたシーンは、彼らの聴衆にとってよく一致したメッセージです。 また、検索バーを中央に配置することで、このページからのナビゲーションに優れたソリューションを提供する方法にも注目してください。

CSS Tricksは、まったくのミニマリズムを使用して、訪問者を驚かせることに成功しています。 テキストもメッセージもありません。CSSコードが背景に表示された、裂け目が入った空白のページだけです。 彼らは言葉を使わずにメッセージをうまく届けることができますが、これはやりがいのあることです。 それは、無声映画が非言語的なユーモアに依存しているために、今日でも私たちを笑わせる理由と似ています。

このページには、面白い404ページのすべての要素が含まれています。 つま先にスマイリーが描かれた破れた靴下の巨大なイメージは、人々が洗濯物で失うすべての単一の靴下をほのめかしています。 それは実際のウェブサイトとは何の関係もありませんが、それは非常にばかげているので、それは機能します。

タコベルは、ソーシャルメディアで冗談を言う方法を知っているブランドとして知られています。 彼らの404ページも、タコスのアニメーションとばかげたテキストで笑われます。 '探していたページは存在しません（タコスがつまずいて文字通り豆をこぼすアニメーションのページを探していた場合を除きます。場合、それは間違いなく存在し、あなたは間違いなくそれを見つけました。）」

大事なことを言い忘れましたが、この陽気な404ページは、予算や特別な効果をほとんど使わずに作成されました。 壊れたリンクにたどり着くのが十分に厄介ではないかのように、Steve Lambertは、「インターネット上で最も厄介な404 Not Found Pages」を提示することで、リンクを次のレベルに引き上げます。 このページには、ランバートが訪問者に奇妙につぶやくビデオが表示されます。 ビデオは私にシリコンバレーの厄介な瞬間を思い出させました。

「おもしろい」カテゴリには含まれていませんが、SHOCKテンプレートを購入して、404ページに設定できます。

SHOCKは最小限の近日公開のページで、あらゆる好みに合わせて6つの背景スタイルがあります。

さまざまな面白い404ページを見てきました。 ユーモラスであることは簡単な作業ではなく、最高の予算を持つ最高のブランドでさえ失敗することがあります。 これらの例が、訪問者を爆笑させる独自のエラーページを作成するきっかけになることを願っています。

独自の404ページを作成する場合は、Elementorのクイック404ページデザイン機能を確認してください。