サイトを回覧しようとしたら,あれ?
【Not Found】とモニターに表示されたことがあると思います。
該当ページがなくなってしまっている時で、代替えページが存在しない場合に発生します。
もしくは、URLを直接入力して検索した時に入力ミスでも起こります。
SEO対策の観点から見ても非常にもったいないですね。
SEO評価がマイナスに傾いてしまいます。
この様な場合に、ユーザーフレンドリーな独自の404エラーページを作成して
ユーザビリティーを向上させましょう。
実は、サイト運営には、重要な役割を担ってくれます。
そんな、404エラーページをユーザーフレンドな作成方法をご案内します。
404エラーページ作成方法、ユーザーフレンドリーなデザイン
- そもそも、404エラーページって必要なの?
- ユーザーフレンドリーな404エラーページはSEO対策にも有効
- 参考にしたい404エラーページを紹介します。(シンプル)
3.-1 まずは、弊社の404エラーページ
3.-2 SONY ソニー404エラーページ
3.-3 トラベルコ404エラーページ
3.-4 USJ ユニバーサルスタジオジャパン404エラーページ - 参考にしたい404エラーページを紹介します。(オリジナル)
4.-1 ヤマト運輸404エラーページ
4.-2 東京ディズニーリゾート404エラーページ
4.-3 HONDA ホンダ404エラーページ - 404エラーページはルートパスで行う SEOにも有効な方法
1.そもそも、404エラーページって必要なの?
404エラーページの必要性は、絶対に必要だと断言できます。
デフォルトの404エラーの表示が出た時点で、回覧しようとしたユーザーは
ほぼ、回覧をあきらめて、別サイトを回覧しに行きます。
最小限に離脱率を抑えたいのは、サイト運営者なら皆が思うことです。
そこで、独自の404エラーページを作成するだけで飛躍的に離脱率を抑えることができます。
2.ユーザーフレンドリーな404エラーページはSEO対策にも有効
googleサーチコンソールのヘルプでも提唱されている
ユーザーフレンドリーな404エラーページの作成し方は
・404エラーページもサイトの各部分と同じデザインしする。
(ヘッダー、グローバルメニュー、カラム、フッターなど)
・ユーザーに対して明確に探しているページが存在しない旨を丁寧に好感の持てる言葉で伝える。
・アクセス流入の多いページにリンク、トップページリンクを追加する。
・404エラーページをindexさせたい方はいないと思います。
ウェブサーバーがステータスコード404を適切に返しているか確認する。
3.参考にしたい404エラーページを紹介します。(シンプル)
お手本となる404エラーページをご紹介します。
デザインや配置、構成など参考になること間違いなしです。
シンプルだが、次の行動は、シッカリと促している。
3.-1 まずは、弊社の404エラーページ
最もシンプルな構成です。
グローバルメニューとフッターメニューで基本的にどのページも回覧できます。
リニューアルして間もないので、記事などのリンクはない状態です。
サイトの成長に伴い自由に構成を変更できる柔軟性も大切です。
引用元https://webicon.jp/ ※画像をクリックすると拡大表示します。
![404エラーページデザイン](https://i1.wp.com/webicon.jp/wi-data/uploads/2019/02/19e87c8475f4668683913753df3a744b.jpg?w=1140&ssl=1)
3.-2 SONY ソニー404エラーページ
ソニーさんの404エラーページは、
サイトマップへのリンク
全商品一覧のリンク
サイト内キーワード検索
流石ソニーさんと思わせるオーラがあります。
引用元https://www.sony.jp/ ※画像をクリックすると拡大表示します。
![ソニー404エラーページ](https://i2.wp.com/webicon.jp/wi-data/uploads/2019/02/5417a3892892d6cafd3283fb1e784c2c.jpg?w=1140&ssl=1)
3.-3 トラベルコ404エラーページ
旅行比較サイトトラベルコさん
パッケージ商品などが目まぐるしく入れ替わるサイトです。
不具合やページ操作でお困りの方は問い合わせのテキストリンクで導いています。
引用元https://www.tour.ne.jp/ ※画像をクリックすると拡大表示します。
![トラベルコ404エラーページ](https://i1.wp.com/webicon.jp/wi-data/uploads/2019/02/0b9e6553c1c0b08ecf981e141ff5e48e.jpg?w=1140&ssl=1)
3.-4 USJ ユニバーサルスタジオジャパン404エラーページ
意外とシンプルですね。
サイト内検索のテキストリンク
サイトマップのテキストリンクでした。
引用元https://www.usj.co.jp/ ※画像をクリックすると拡大表示します。
![USJ404エラーページ](https://i2.wp.com/webicon.jp/wi-data/uploads/2019/02/e750dcaa3e685d2466cd0501002e0528.jpg?w=1140&ssl=1)
4.参考にしたい404エラーページを紹介します。(オリジナル)
ユーザーの年齢層、性別、好み、言語、サービスの本質などまでしっかりと考慮されています。
新しい、404エラーページのアイデアが浮かぶと思います。
オリジナルなデザインで尚且つ機能的で次の動線を更に先読みしている。
4.-1 ヤマト運輸404エラーページ
折角アクセスしてくれた方々にイライラをなくさせる可愛いギミックが搭載されています。
おまけに、日本語だけでなく英語でもページがないことを説明しています。
にゃんこ探し可愛いですね。
動線は、サイト内検索とよく使われる機能から探す、サイトマップといったところです。
引用元http://www.kuronekoyamato.co.jp/ ※画像をクリックすると拡大表示します。
![クロネコヤマト404エラーページ](https://i2.wp.com/webicon.jp/wi-data/uploads/2019/02/966480d5d7dab7d766f3d3e306b4f68b.jpg?w=1140&ssl=1)
4.-2 東京ディズニーリゾート404エラーページ
色々な国の方々に向けて多言語に対応する404エラーページですね。
世界中が顧客だと多言語は、必須ですね。
越境ECサイトは即、見直ししたほうがいいですね。
引用元https://www.tokyodisneyresort.jp/ ※画像をクリックすると拡大表示します。
![東京ディズニーリゾート404](https://i0.wp.com/webicon.jp/wi-data/uploads/2019/02/f18b6aaf4159d829e20b4cac713a5396.jpg?w=1140&ssl=1)
4.-3 HONDA ホンダ404エラーページ
ホットニュース、クルマ、バイク、発電機の各メニューリンク
更に、サイトに関しての問題点の問い合わせフォームが設置してあります。
404エラーページ内に問い合わせフォームは斬新ですね。
引用元https://www.honda.co.jp/ ※画像をクリックすると拡大表示します。
![ホンダ404エラーページ](https://i2.wp.com/webicon.jp/wi-data/uploads/2019/02/1679ab57b3403f7e9699b2d3a0681bf0.jpg?w=1140&ssl=1)
5.404エラーページはルートパスで行う SEOにも有効な方法
404エラーページを実装する時に注意してください。
404エラーページの各設定は、ルートパスで記載します。
もう一度言います!画像、CSS、リンク先は必ずルートパスで行ってください。
例えば相対パスで行った場合、【SEO対策におけるエラー対応でマイナス評価を回避】
記事内のSEOでマイナス評価を促す「ソフト404」が起きます。
ソフト404はSEOにおいて多大なマイナスを引き起こす可能性があります。
記事を読んでいただけたら判るのですが、簡単に言うと404エラーページが
ステータスコード200を一緒に返してしまい。存在するページと認識されます。
これがソフト404です。
詳しくは、以下のリンク記事で確認してください。
より詳しく説明しています、更に、ステータスコードを理解できます。
いかがでしたか?404エラーページは、ユーザーの事を大切にしているあかしとも言えます。
サイト運営者がどのような思いで、検索エンジンから運営サイトに導く努力を日々しているかで
404エラーページの大切さや重要性が変わってきます。
なんとなく運営しているサイト管理者には、なかなか響かないかもですが
運営サイトを日々、一生懸命、運営している皆さまには、
404エラーページの柔軟性や大切さを実感していただけ多と思います。
こんな記事を書いてほしいや、疑問質問は、何なりと下部の問い合わせから!
名古屋で10年以上ホームページ制作を行ってきたノウハウは、惜しみなく
ご提供いたします。
SEO対策、本気のホームページ制作お任せください!