Bloggerの404カスタムエラーページを作ってみた

SearchConsoleの通知でこんなのがきちゃいました。

404(見つかりません)エラーを返す URL の数が著しく増加したことが Googlebot で検出されました。これはサービスの停止や設定エラーを示している可能性があり、その場合にはユーザーの利便性が低下していることになります。結果として、こうした URL は Google 検索結果には表示されなくなります。該当する URL が完全に存在していない場合は、特に何かしていただく必要はありません。

 

BloggerからWordpressのこちらのブログへ記事を何個か移行させたのですが、その時にリダイレクトがうまくいかず404が増えてしまいました。

そこで改めてBloggerのブログを見てみたら、404エラーページの設定をしていなかったので、ついでにカスタマイズまでした話です。

 

404エラーページって?

該当するURLのページが見つからなかった場合のサーバーからの返事のことです。

「404 Not Found」や「ページが見つかりません」といった表示を見たことありますよね!?

404エラーページが出る原因

  • ページが削除されている
  • URLの間違い
  • リンク切れ

だいたいこんな感じだと思います。

404があっても検索順位などSEO的には問題ない!?

404 エラーのほとんどは、そのサイトの Google 検索結果でのランキングに影響を及ぼすことはないため、エラーを無視しても問題はありません。SearchConsoleヘルプより

google様がおっしゃっているのですから間違い無いでしょう。

ただし、ユーザーの利便性を考慮した場合は決して良い状態とは言えないと思いますので、なるべく対処していきたいと思います。

なぜ404エラーページをカスタマイズするのか!?

ページが完全になくなっており、代わりのページがない場合、存在しないページへのリクエストに対しては、常に 404(見つかりません)または 410(存在しません)のいずれかを返すようにサーバーを設定することをおすすめします。404 レスポンス コードを返す際に独自の 404 ページを使用すると、ユーザーの利便性を高めることができます。たとえば、特に人気のあるページの一覧、ホームページへのリンク、またはフィードバック リンクが記載されたページを作成することが考えられます。ただし、404 メッセージを表示するページを作成するだけでは不十分です。404 または 410 HTTP レスポンス コードを正しく返すことも必要です        SearchConsoleヘルプより

デフォルトのエラーメッセージ

デフォルトのエラーメッセージって、ぶっきらぼうで不親切ですよね。

『404 not found』とか『お探しのページは見つかりませんでした』とか。

ネットに不慣れな方でしたら、とても不安になるでしょう。

慣れている方だったら『こいつサイトを作り込んでねーな』と思うでしょう。

いずれにしても、そのページから離れることは目に見えてます。オレだったら間違いなく閉じます。

ユーザーに次の行動を起こさせる

そこで上記のヘルプにあるように

  • 人気記事一覧のリンクを貼る
  • トップページへのリンクを貼る
  • フィードバックリンクの作成

こんな感じでカスタマイズしておけばユーザーの利便性も高まりサイト内を周回してもらえるキッカケになるかもしれません。それによって離脱率も下がると思われます。

SEO的にいいことあるかも

また、404エラーページに内部リンクを貼らずに終わってしまったらクローラーもそこでサイト内を巡回するのをやめてしまいますが、人気記事一覧等の内部リンクを貼っておけば、それをたどって巡回してもらえるようにもなるでしょう。若干かもしれませんが、SEO効果を高められると思います。

カスタマイズのポイント

重複するところもありますが

  1. サイトと同デザインにする
  2. 人気記事やトップページのリンクを追加する
  3. 問い合わせフォームを設置する
  4. 訪ねてくれたユーザーに対して日本語で明確に伝える

1.これは変なページに飛ばされたと思わせないためで、ユーザーに安心してもらい離脱率を下げる効果があると思われます。

2.他に興味のありそうなコンテンツを見つけてもらうためのキッカケを作るということです。大切なのは、ここで離脱するユーザーを少しでも減らすことです。せっかく自分の書いたものに興味を持ってもらったのだから大事にしたいですよね。

4.自分で気づいていないエラーを教えてもらえれば不具合を修正できますからね。

実際にカスタマイズしてみた

過去にも書いてますが、私はブログ初心者でPCスキル素人以下の中年オヤジです。

https://campaquarium.com/adsense-goukaku

いつものごとくカスタマイズはコピペ至上主義でいきました。

https://campaquarium.com/blogger-kaereba-kasutamaizu

今回参考にさせていただいた、というか丸ごとパクらせていただいたのはこちらのサイトです。

http://kakukaku.crosgre.com/2016/11/Blogger-404PageNotFound.html

とてもわかりやすく、簡単にカスタマイズすることができました。ありがとうございます。

皆さんもぜひ参考にしてみてください。

最新情報をチェックしよう!