Lognote

ネット集客に強い整体院サイトを制作

404-top-redirect-thumbnail

404エラーページへのアクセスを処理する最も簡単な方法

公開日:2016-11-07
最終更新日:

Pocket

ブログをある程度長くやっていると、どうしても納得がいかなかったり、いろんな理由で記事を削除してしまったという経験は誰しもあるかと思います。

しかし、ネット上にはキャッシュというものがあり、削除しても完全に消えるまでには時間がかかるため、たまたまそのページにアクセスがあったりすると404エラーページが表示されてしまいます。

404エラーページとは、WEBサイトにアクセスする際、リンク切れなどで、ユーザーがアクセスしたページが存在しない場合に、表示されるエラーページのことです。 この際、ステータスコードが404で処理されるため、404エラーページと呼ばれています。 このようなページを見かけることがあると思います。 これが404エラーページです。

カスタム404エラーページとは | SEO用語集:意味/解説/SEO効果など [SEO HACKS]

読者は目的のページがないとわかればすぐにブラウザバックしてしまいます。これって非常にもったいない。なんとかこのあたりをうまく処理したいですよね。

TOPページに飛ばしちゃえばいいのでは?

404という表示はダサいので、なるべくアクセスしてほしくない。そんなときに見つけたのが、404エラーページにアクセスがあったときにTOPページに強制的に飛ばしちゃうという方法です。

目的の記事はなくなってしまっているのだから、404を表示するだけ無駄です。TOPページからほかの関連記事を読んでもらえるかもしれないですしね。

では、コードです。

<?php
header( "location: " . home_url() );
?>

子テーマに404.phpを作り、こちらを丸々コピペするだけです。これで、404エラーページにアクセスがあったときに、すぐにTOPにリダイレクトします。

ユーザビリティー的には優しくない

上のやり方だと確かに楽なのですが、訪問者は404であるかもわからないうちにTOPに飛ばされてしまうので、ユーザビリティーという点をみると最悪かもしれません。

WordPressなら、404エラーページを編集して専用ページをカスタマイズできます。例えばバズ部さんでは、404エラーページにアクセスがあった場合に検索フォームと人気記事をランキング表示するカスタマイズを紹介しています。

うーん、そのうち実装してみたい。というか、ユーザビリティーを考えればこっちを実装したほうが正解なのは言うまでもありません。

楽を取るか利便性を取るか、お好きなほうをお試しください。

バズ部さんのカスタマイズを実際にやってみました

2017年4月7日更新

やろうやろうと思いながら5ヶ月が経ちましたが、STINGER7からSTINGER8へ移行したついでにバズ部さんのカスタマイズで404エラーページと検索結果ページのカスタマイズをおこないました。

コードもSTINGER8用に改良したものを紹介しているのでよろしければご覧ください。

以上、「404エラーページへのアクセスを処理する最も簡単な方法」という記事をお届けしました。

-WordPress

この記事のタイトルとURLをコピーする

オススメ商品はこちら!

404エラーページへのアクセスを処理する最も簡単な方法
この記事はいかがでしたでしょうか。
是非Lognoteの最新ニュース情報を、
いいねしてチェックしてください!

関連記事

instagram-bug-cause-tw-autolink-thumbnail

WordPressでInstagramの埋め込みが表示されない原因はこれだった!

Instagramの埋め込みが表示されないバグが発生しました。原因はfunctions.phpに記述した「Twitterの自動...

ogp-twitter-card-matome-thumbnail

WordPressのSEO対策で必ず設定するべきOGPとTwitter Cardコードまとめ

WordPressでブログを運営するうえで、まず初めにやってもらいたいSEO対策の一つとしてOGP設定というも …

font-awesome-thumbnail

アイコンフォント「Font Awesome」をWordPressに導入する方法

アイコンフォント「Font Awesome」を、WordPressに導入する方法を紹介します。 目次Font …

custom-post-category-thumbnail

WordPressで通常の投稿かカスタム投稿か判断してカテゴリー名を表示する方法

普段使い慣れないカスタム投稿タイプを使ったところ、普通のカスタマイズと勝手が違い四苦八苦しております。 今回は …

CSSでオリジナルのFeedly購読ボタンを作成する方法

皆さんはブログにFeedlyボタンは設置していますか?リピーターを増やすには必須のサービスですが、公式...

コメントを入力

日本語が含まれない投稿は無視されます。(スパム対策)

トラックバックURL

管理人のヤマカワです
山形在住、整体院「癒眠」院長
3級ウェブデザイン技能士


Lognote
2017/9/12
ご報告いただきありがとうございます! それは知りませんでした! メーカーの違いとかもあるのでしょう...
通りすがり
2017/9/12
比較的新しいカメラではサムネイル見れないらしいですよ。 うちもコーデック入れましたが2016年発売カ...
Lognote
2017/9/05
>> 堀田様 お役に立てて何よりです! 他に良い予約プラグインが出てくれればいいんですけ...
堀田
2017/9/05
ありがとうございました。 PHPを7 にしたらエラー吐き出して、有料版は PHP7 対応なんで有料...
Lognote
2017/8/16
>> たろ様 子テーマのコピー方法を省略しておりました。 解説記事を書きましたので、よろ...
たろ
2017/7/31
子テーマにコピーするの所がわかりにくい