私たちの意見では、WordPressウェブサイトの最も過小評価されている要素の1つは、404エラーページです。
訪問者が404ページにたどり着いたとき、彼らは岐路に立たされます。イライラしたり、混乱したり、サイトを去ろうとしているかもしれません。しかし、適切なデザインとコンテンツがあれば、訪問者をサイトに長くとどめ、さらに探索を促し、コンバージョンにつなげることも可能です。
この記事では、私たちが出会った最高の404エラーページのデザインをいくつか紹介します。これらの例では、創造性、機能性、効果的なユーザー誘導を紹介しています。
404デザインの最適化が必要な理由
404エラーは、誰かが訪問しようとしているページにサーバーが到達できないときに発生します。空白の画面を表示する代わりに、サーバーは404ページを表示します。
ほとんどのWordPressテーマには、基本的な404テンプレートが付属していますが、これらのデザインは通常、基本的でシンプルです。
また、訪問者が読みたいと思うような人気投稿やサイトのナビゲーションメニューなど、サイトのコンテンツも表示されません。
訪問者に退屈で役に立たない404ページを見せると、訪問者はあなたのサイトを離れる可能性が高くなり、直帰率が上がり、WordPressのSEOに悪影響を及ぼします。
理想的には、ユーザーを類似のコンテンツにリダイレクトすることで、ウェブサイトの404エラーの数を減らしたいものです。
しかし、常にそうできるわけではありません。URLやリンクのスペルミスで404エラーが発生することもあります。
そう考えると、独自のブランディングとコンテンツを持つカスタマイザー404ページを作成するのが賢明です。また、検索バー、メニュー、リンク、その他の役立つコンテンツを追加することで、訪問者が探しているものを見つけやすくすることもできる。
カスタム404デザインを作成する最も簡単な方法は、 SeedProdプラグインを使用することです。これは最も人気のあるドラッグアンドドロップのランディングページビルダーなので、コードを書くことなくカスタマイ404ページを作成することができます。
SeedProdには、美しいエラーページを素早く作成するための、プロがデザインした404テンプレートもたくさんあります。
SeedProdをインストールしたら、インスピレーションを得るために競合他社に目を向けるのは良い考えです。それを念頭に置いて、私たちはあなたに見てもらうために最高の404エラーページデザインを集めました。
1.DFY
多くのウェブサイトがタイマーを使って切迫感を演出し、FOMOを使ってより多くのコンバージョンを獲得している。しかし、DFYは404ページにカウントダウンタイマーを追加するという珍しい決断を下した。
このタイマーは、訪問者が自動的にホームページにリダイレクトされるまでの秒数をカウントダウンします。
制限時間を設けることで、DFYは404ページをより魅力的なものにし、訪問者に時間切れになる前に決断するよう促している。また、珍しいデザインの選択なので、訪問者の注意を引くこと請け合いだ。
404ページのメッセージはこの切迫感をさらに高め、非常にドラマチックで説得力のあるページデザインとなっている。
2.OptinMonster
OptinMonsterは、120万以上のサイトで使用されているWordPressのための最高のメールキャプチャープラグインの一つです。訪問者を購読者やカスタマイザーに変えるために必要なものが全て揃っています。
当然のことながら、OptinMonsterは目を引くアニメーションと明確な行動喚起で、404ページをリードジェネレータツールとして使用している。
さらに良いのは、その売り込みが訪問者の状況に関連していることだ。
誰かが404ページにランディングした場合、彼らが探しているものを見つけることができないので、あきらめてあなたのサイトを放棄する可能性が大きい。
OptinMonsterの売り込みは、「サイトを放棄した訪問者の70％以上が二度と戻ってこないことをご存知ですか？
訪問者はすでにサイト放棄について考えているので、この統計に基づいて行動する可能性が高い。そして、行動喚起では、サイト放棄者を購読者に変えることを約束する無料のeブックを訪問者に提供する。
今すぐダウンロード」ボタンをクリックするとポップアップが開き、電子メールアドレスを入力すると無料でダウンロードできる。
見てわかるように、OptinMonsterは、非常に関連性がありタイムリーであると感じられるピッチを作成することによって、404エラーを利用している。
リードジェネレータのために独自の404ページを使用したい場合は、SeedProdのプレゼント、お問い合わせフォーム、またはオプチンフォームブロックを使用してメールアドレスを収集することができます。
3.クアロ
多くのサイトが、カスタマイザーを使って顧客ロイヤリティを高め、リピーターを増やしている。
クアロはこれをさらに一歩進め、404ページをゲーム化した。
404ページは、訪問者がクアロのメインサイトに戻る方法を見つけるのを助ける代わりに、スペースインベーダーゲームに挑戦している。
これは、イライラさせるエラーメッセージを楽しい驚きに変えてくれる。さらにいいのは、ライフが尽きたとき、Kualoがプレイを続ける動機付けを与えてくれることだ。
このポップアップでは、プレーヤーが1000点以上を獲得した場合、サイトホスティングサービスの割引を提供しています。これは、ビジターをサイトに長く留まらせ、ユーザーエクスペリエンスに付加価値を与える404ページの完璧な例です。
4.トリップアドバイザー
トリップアドバイザーの404ページは楽しく機能的で、旅行業界特有のジョークで始まる。
誰かがあなたの404ページにランディングしたとき、彼らはその経験にフラストレーションを感じているかもしれません。ユーモアは、このような人々を再び惹きつける素晴らしい方法です。
さらに良いことに、ジョークは常にトリップアドバイザーのブランドと結びついている。
ブランディングは、標準的なWordPressの404ページをカスタムデザインに置き換える大きなメリットの一つであり、トリップアドバイザーのページは、ブランディングがカスタムロゴや画像だけではないことを示している。404ページの言葉は、グラフィックと同じくらい重要です。
404ページでは、トリップアドバイザーサイトの主要エリアがすべてハイライトされており、訪問者が探しているものを見つけやすくなっています。
ナビゲーションはとても重要なので、SeedProdのNav Menuブロックを見ることをお勧めします。このブロックを使えば、ページエディター内ですべてメニューを作成することができます。これにより、WordPressサイトに役立つメニューを簡単に追加することができます。
5.ブレット・テルプストラ
一見すると、ブレット・テルプストラの404ページは基本的なものに見えるかもしれないが、本当の威力は提案された投稿のリストにある。
ブレット・テルプストラの404ページは、訪問者が404エラーになったときにアクセスしようとしたリンクに関連するキーワードを含む投稿のリストを表示する。
シンプルなトリックだが、来場者の体験を大きく変える。
ダイナミックなコンテンツはサイトをより便利で魅力的なものにする。
6.定数コンタクト
Constant Contactもまた、イライラした訪問者を勝ち取るためにユーモアを使った404ページです。このメールサービスプロバイダーは、ターゲット層にアピールするためにカジュアルな言葉を使い、同時に訪問者にホームページへ戻る簡単なルートを提供しています。
ページをスクロールすると、Constant Contactサイトの他の重要なエリアへのリンクがあります。
しかし、私たちが本当に気に入っているのは、青いブロックの上にマウスを移動させるたびに再生される短いマウスオーバー・アニメーションだ。
アニメーションはページをより魅力的にすることができ、複数のマウスオーバー効果とアニメーションは、訪問者が404ページ内を移動する際にストーリーテリングの要素を作り出します。
SeedProd Animated Headlineブロックを使ってテキストをハイライトしたり回転させるなど、404ページをアニメーション化する方法はいくつかあります。
SeedProdには、画像、テキスト、ボタン、動画など、どのブロックにも追加できる40種類以上の入り口アニメーションも付属しています。
詳しくは、WordPressでCSSアニメーションを追加する方法をご覧ください。
7.IMDb
ほとんどの人は、まったく別のものを探しているときに404ページに出会います。404エラーは予期せぬものなので、ブランドへの親近感を維持することで、ビジターがまだあなたのサイトにいることを安心させることが重要です。
IMDbは、映画やテレビ番組からの有名な引用を表示することによって、非常に微妙で軽快な方法でこれを行う。
また、引用しているテレビ番組や映画について詳しく知るためのリンクも掲載されている。
このように、IMDbの404ページはブランドを強化すると同時に、訪問者にコンテンツを探索する楽しい方法を提供している。
404ページにランダムな引用を表示することは、楽しくて魅力的なことです。しかし、訪問者がランダムに選んだリンクに興味がない場合に備えて、サイトの最も重要なコンテンツへのリンクを提供するのは良いアイデアです。
これはまさにIMDbがやっていることで、ホームページにリンクを追加しているのだ。
8.スティーブ・マデン
Steve Maddenは、404ページに売れ筋商品を表示することで、エラーメッセージを売上につなげようとしている。
さらに良いことに、フィルターが追加され、カスタマイザーは404ページから直接さまざまな商品を閲覧できるようになった。
オンラインストアを運営している場合、404ページにベストセラー商品ブロックを追加することで、人気商品を簡単に表示することができます。
また、SeedProdにはWooCommerceブロックがあり、セール中の商品、人気商品、最近の商品などを表示することができます。
404ページをデザインする際は、他のサイトと同じヘッダーとフッターを使用することをお勧めします。そうすることで、ブランディングが強化され、訪問者がここが正しい場所かどうか迷わなくなります。
これはまさにSteve Maddenの404ページに見られるものだが、この2つの小さなエリアにいかに多くのコンテンツを詰め込んでいるかが特に気に入っている。
ヘッダーとフッターは、訪問者がSteve Maddenストアのどの部分にも、さらには同社のTwitterやFacebookページなどのサードパーティサイトにも直接ジャンプできるようにする。
スマートな製品検索バーなど、インタラクティブなエリアへのアクセスも可能だ。
9.アパートメントセラピー
Apartment Therapyによるこの404のデザインは、大きなヒーロー画像で訪問者の注意をすぐに引く。
また、『Apartment Therapy』はこのスペースを使って、スタイリッシュなキッチンの写真と和紙テープに関するジョークを掲載し、ブランド・アイデンティティを強化している。
もしあなたのデザインにヒーロー画像を追加したいのであれば、SeedProdにはたくさんの既製のヒーローセクションがあります。これらは、画像、行動喚起、簡単なリード収集フォームのコレクションで、ボタンをクリックするだけであなたの404デザインに追加することができます。
アパートメント・セラピーのサイトにあるようなコーナーもある。
10.スクリーミング・フロッグ
このリストにある他の404ページと同様、Screaming Frogはユーモアを使い、訪問者の興味を引こうとしている。
しかし、このリストの他の企業とは異なり、Screaming Frogはサイトオーナーがリンク切れを見つけ、修正するのを助けるツールを作成している。同社の404ページは、Screaming Frogのサイトがリンク切れのURLを持っているという皮肉を指摘するのに時間を惜しまない。
自分たちをからかうことで、Screaming Frogはあまり深刻に考えすぎず、記憶に残る404ページを提供している。
背景のアニメーションも、この404のデザインを際立たせている。
動画やアニメーションは404ページをより魅力的にする素晴らしい方法です。しかし、これらは404ページの読み込み時間を長くしてしまいます。
特に、404のデザインに大きな動画や高解像度の動画を多く使用している場合は、WordPressのパフォーマンスを高速化するためのヒントを参考にすることをお勧めします。
また、WordPressに直接動画をアップロードするのは、サイトのパフォーマンスに大きな影響を与える可能性があるため、絶対にやめましょう。
代わりに、動画ホスティングサービスにファイルをアップロードし、そのファイルをサイトに埋め込むことをお勧めします。
詳しい手順については、WordPressに動画を簡単に埋め込む方法をご覧ください。
11.モンスターインサイト
MonsterInsightsは、Googleアナリティクスに最適なWordPressプラグインです。WordPressにGoogleアナリティクスを簡単にインストールし、WordPressダッシュボードに役立つレポートを表示することができます。
MonsterInsightsはブランドページの良い例です。訪問者が404ページに到着するとすぐに、MonsterInsightsのロゴに基づいたユニークなグラフィックが表示されます。
これは、訪問者が壊れたリンクをたどったとしても、まだMonsterInsightsのサイトにいることを知らせる楽しい方法です。
このページでは、404エラーとは何かを説明し、訪問者がエラーを解決するためにできることを提案します。404エラーを自分で解決する手助けをすることで、訪問者の体験を向上させることができるので、自分の404ページにこの情報を含めるのは良いアイデアです。
訪問者に自分で問題を解決するよう促す場合でも、サイトの最も重要なコンテンツへのリンクを追加することは重要です。
MonsterInsightsの404ページは、サポートページ、MonsterInsightsナレッジベース、価格ページなどへのリンクを含むことで、人々にいくつかのオプションを提供します。
12.マッド
MADは、トグルを使って404エラーメッセージを作成し、シンプルだが非常にインタラクティブなページを作成した。トグルをすべてオフにすることでこのメッセージを削除したり、トグルを有効化して独自のメッセージを作成することもできます。
訪問者から多くのインタラクションを得られるようにデザインされた、非常にわかりやすく、しかし楽しい体験だ。また、非常にユニークな404ページであるため、訪問者の記憶に残り、おそらくソーシャルメディアで他の人と共有することもできるだろう。
この印象的なデザインは、シンプルなアイデアから印象的で楽しい404ページを構築できることを証明している。
13.南西部
Southwestの404ページは、404とは何か、なぜエラーが表示されるのかを説明することで、訪問者が軌道に戻れるように努めています。また、404エラーにあまり慣れていないターゲットユーザーには役立つかもしれません。
このデザインが本当に際立っているのは、いかに多くのリンクをきちんと整理して表示できるかということだ。
画面の一番下までスクロールすると、ソーシャルメディアへのリンク、連絡先、メールリストへのリンク、その他多くのURLが、すべてわかりやすくユーザーフレンドリーなカテゴリーに分類されていることに気づくだろう。
サウスウエストの404ページは、訪問者を圧倒することなく、どれだけ多くの情報をページに詰め込むことができるかを示す好例である。
ここでは、適切なレイアウトが鍵となる。Southwestは、カテゴリー、リスト、さまざまなセクションをうまく使い、情報満載でありながら読みやすい404ページを作成した。
Southwestのレイアウトをコピーしたいなら、WordPressのウィジェットをカラムに表示するのは簡単だ。WordPressテーマによっては、デフォルトでフッターに複数のウィジェット対応エリアが用意されているものさえある。
14.ポロ・ガルシア
404ページのデザインをユニークなものにするもう一つの方法は、フルスクリーンのアニメーションGIFや 動画の背景を使うことです。
デザイナー、ポロ・ガルシアのサイトはその好例だ。このサイトでは、水に浮かぶリスのGIFをフルスクリーンで使用している。これにより、エラーページであっても、視覚的に魅力的で没入感のある体験ができる。
この戦術は訪問者の注意を引き、存在しないページに着地することへの不満を軽減することができる。
15.ドリブル
404ページを改善するためのベストプラクティスの1つは、ユーザーをサイトに留まらせるために、リソースを推薦したり、検索フォームを追加したりすることです。これはすべて良いことですが、真にユニークな体験のために限界に挑戦する余地があります。
例えば、Dribbbleの404ページを見てみよう。静的なリストの代わりに、彼らは、404エラーメッセージ自体が特定の配色に一致する画像で入力されるインタラクティブな要素を作成した。
ユーザーは、これらのインタラクティブな画像をクリックして、さらに調べることができる。これは、ユーザーを引きつけるだけでなく、Dribbbleのビジュアルコンテンツへのフォーカスを強化するインタラクティブなレイヤーを追加する。
404エラーページデザインに関するよくある質問
さて、ここまで404ページのデザイン例を紹介してきましたが、次はこのエラーページについてよくある質問を見てみましょう。
404ページはSEOに影響するか？
404エラーそのものが直接SEOに悪影響を与えることはありませんが、ユーザーをイライラさせ、サイトをすぐに離脱させることで、間接的にSEOに影響を与える可能性があります。適切にデザインされた404ページは、有益なリソースを提供し、訪問者の関心を維持することで、実際にSEOに役立ちます。
404ページはどうあるべきか？
404ページで重要なのは、わかりやすく親切にすることです。ページが見つからないことを説明するフレンドリーなメッセージと、元に戻るための提案を盛り込みましょう。トップページへのリンク、人気コンテンツ、サイト内検索バーなどが考えられます。
クールな404ページを作るには？
SeedProdのようなページビルダーを使えば、簡単に見栄えの良い404ページを作ることができます。すでにたくさんの404ページテンプレートが用意されているので、一から作り直す必要はありません。
もう一つのページビルダーはThrive Theme Builderで、これも404ページをデザインするのに使いやすい。
404ページにはフッターがありますか？
404ページにフッターは必須ではありません。しかし、基本的なフッターに連絡先やサイトマップのような重要なリンクを含めることで、一貫性を維持し、ユーザーがサイトをナビゲートするための追加の方法を提供することができます。
この記事が最高の404エラーページのデザイン例を見つけるのにお役に立てば幸いです。また、WordPressでバイラルウェイトリストのランディングページを作成する方法についてのガイドと、WordPressのエキスパートが選ぶ最高のランディングページテンプレートもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Moinuddin Waheed
404 error is a very common error and having an optimized and beautiful 404 is a must for keeping the visitors interest continued.
Seeing some the most interesting 404 error page, it feels like having those creativity and out of the box approach at my own 404 page.
utilising seedprod to make awesome 404 error page for my websites.
Jiří Vaněk
People’s creativity is amazing. I was particularly captivated by Pixar’s 404 page, and I let myself be a bit inspired by it for my website too. I believe it’s very important to make the 404 page somewhat humorous to lighten the frustration for a user who encounters content they weren’t looking for. It brings a smile, eases emotions, and might even draw them towards exploring more content on the website.
Damian
Instead of configuring a 404 error page, I prefered set up a full sitemap page, better for our visitors.
Nure
Just awesome i like it
thanks to share
PatREllery
Here’s a cool one: http://www.bookofzeus.com/404/
Bhavesh
@PatREllery Its really cool one…..
Bruce
Thanks for this informative information. I like:
9. Catswhocode
17. Retard Zone
Dennis
Nice one!
My favourite is #6 CSS
Thanks for sharing.
penthius
After reading this I too decided to give it a go.
It’s my first 404 , it will get better with practice I am sure ;
http://ghostwhisperer.me/404
Zach Hornsby
After reading this article, I created one.
http://netjelly.com/404
Editorial Staff
It looks great
管理者
Viidar
How about this one? (in Norwegian, but you´ll get the picture):
http://www.powertech.no/404
Text: “Ups, Mari, has been down in the server-room again…” (mari works in the finance-department
)
Michelle
these are really great, thanks for sharing
Dave
This page also pretty good, and very funny…
[Link Removed because the site did not use WordPress]
Editorial Staff
Except your site is not using WordPress for that 404 page.
管理者
Niche Website Builder
Very creative indeed! Of course, my favorite has to be the 404 error pages featuring Homer Simpson and his infamous “D’Oh!”
Phaoloo
Nice examples, they inspire me for the next project.
Rent Apartment in Kuala Lumpur
Excellent collection of 404 page design!
Andrew Yates
Nice collection, how about this one… http://www.383project.com/404 ?
Editorial Staff
Very nice
We will surely include it in our next collection.
管理者
arfandhia
wow, nice colection,thanks for this list
Johnson Koh
Interesting collection. Thanks for the effort
abrcity
very nice article,very helpful
Arif
really nice designs, thanks for sharing
Klim
Some pages are really cool! Thanks for collecting them!
Dave Sparks
love the cats who code one, brilliant.
Website Design UK
Excellent showcase, my friend!! Well worthy of a Digg.
Jeffro
I like the catswhocode one. Works well with the site name! hah
G.Han
Beautiful post, very inspiring!
Hans
I really like the illustration on Catalyst Studios’. That on Carsonified is also very nice (all of them are)
I like this one to
http://jayj.dk/404
Editorial Staff
Very nice find there. That one is good.
管理者
Honour Chick
lol, very funny 404 pages.
Shahriar Hyder
Very nice post. Please do check out the following article as well which is a compilation of:
Custom 404 error pages that are cool, funny yet creative
http://technosiastic.wordpress.com/2009/09/01/custom-404-error-pages-that-are-cool-funny-yet-creative/
Asif Iqbal
Very neat and clean options.. I am going to choone one of the best for my website.
Michigan Fur Coats
Very clever and unique.
vq
I wanted to throw two of mine in there:
http://weare.clickpopmedia.com/404
http://www.clickpopmedia.com/404
Both Wordpress. Let me know what you think.
Editorial Staff
Love your weare page. The second one can still use some work.
管理者
Tobbi
Great collection. My favorites a #2 and #6
GailGrannum
Wow, you have really expanded my concept of the 404 page alternatives. Thank you for sharing very creative examples that will assist me in reducing my bounce rate. BTW – I have tweeted this article to my peeps.
Gail
Editorial Staff
We appreciate all the support on twitter
If you ever have any questions or need help with WordPress feel free to ask us either via twitter or email.
管理者
Teddy
Thanks for the showcase! I always find a lot of inspiration in 404 pages – basically, a good 404 page will have to appease the possibly frustrated user as well as make a good impression so that the visitor will continue probing the site instead of navigating away almost immediately.
Oh, and thanks for the tutorial too! I find it very useful and detailed for those who are still new to WordPress and PHP
awesome job!
p/s: Some shameless self-promotion here: http://www.teddy-o-ted.com/wp-admins (to trigger a 404 page) and http://www.teddy-o-ted.com/demo/ (not strictly a 404 page but I’m thinking).
Editorial Staff
Love your Hot Dog idea. Also Oh God Dammit is pretty good too. Tough choice eh.
管理者
Teddy
Kind of a tough choice. I think I’ll most probably be porting the hot dog idea over to my main site’s 404 template, heh.
Speaking of which, what inspired you to make the 202 + 202 = 404 title? That’s an interesting one
Editorial Staff
The idea of WPBeginner <<< Beginner and the whole number idea because I like numbers. Simple addition.
werthers
B3ta once ran a competition a long time ago for 404 images and they blew all these out of the water. One featured a map of the internet and an arrow and you are here to 404, it also had porn and the rantings of nerds among other areas.
It’s going a long time back so I don’t know if many of the images are still hosted
subcorpus
awesome …
need to think of kewl way to do that on my blog … hehe …
j2brown
I’m biased, since it’s my own site, but I think it’s rather creative:
http://www.sterlingfire.org/?error=404
Michel
Another excellent resource for 404s:
http://simplebits.com/notebook/2007/11/03/404.html
See all comments in this blog post by Dan! (not WP blogs) (but still the collection is impressive)
Oleg
Yeah! Nice Ideas! I have my custom 404 Error page too: http://www.xtraboy.com/some-error
Take a look at it. It’s funny
Thanx 
Editorial Staff
That is surely a memorable one. Had we known about it before, we would’ve added it. Will consider for our next showcase
管理者
Oleg
Thank You! I’m glad to hear your words
Simran
Awesome collection. Thanks for sharing
Robert
Some of these are great!
I run a coffee blog in Vancouver and I used a split coffee cup as a my 404 page.
http://coffeevancouver.ca/error
Editorial Staff
Very nice use of the image. Love your other posts.
管理者
Mike
techkultura from Polish:
404 The Way of the Samurai Codex
“If the searched page doesn’t exist,
Immediately fulfill Seppuku.”
ilmu komputer
they all very creative design.
Good.
TalkVietnam
Nice collection. Thanks.
Chris Berry
Here’s a good WordPress example.
http://roanoketweetup.com/404
lipelip
Nice collection, here is mine
http://www.lipelip.be/micou
I’m a fan of chuck norris
Editorial Staff
Your page is funny and good looking. Keep up the great work, and we love Chuck Norris as well.
管理者
lipelip
héhé thanks, chuck rocks !
joyoge bookmark
nice 404 designs, thanks for the tut
Michel
Mmm, and how about this one? >
http://www.optimiced.com/en/404
100% WP powered, 100% custom designed;-)
Thomas
I’m pretty sure putting Adsense on a 404 error page is against Google’s terms of service, don’t you think?
Michel
My WordPress theme uses standard templates, so the 404 page simply has a small adsense block at the top, as most of the pages of my blog have it, too. I wouldn’t worry about it, nor do I care much if this page shows (or not) adsense at all. I was showing the design of the page, not the adsense block — looks like you were looking elsewhere;-)
Michel
Plus, if there’s content on the 404 page, Google allows to show ads on it — this is not against their TOS (this info could be useful to others, too)
Dave Bowker
How about this one? Can’t go wrong with Oompa Loompas!
http://quoterelish.com/err
Editorial Staff
It’s good, but we only listed sites that were powered by WordPress.
管理者
Vidimonkey
missed out on http://freetubetv.net/404
it’s a tv blog/app so the 404 page is pretty brilliant considering the execution.
Editorial Staff
Once again, it is not powered by WP.
Daniel
http://www.gowatv.com/error-404.php also