「404」ページというものを、ご存知でしょうか？
ブログ運営をしていると、実は、ある一定のアクセスが発生してしまうページです。特に、Google AdSense（アドセンス）を利用している方は、このページの存在を知らないと、アカウント停止になる場合もあるので、要注意です。
それでは、404ページについて、詳しくご紹介します。
ページが見つかりません・・・404ページとは？
アクセスしたページが見つからない場合に、表示されるエラーページのことです。システム上、「404」というエラーコードが返されるため、こう呼ばれます。
HTTPステータスコードについて、詳しくは割愛しますが、コチラ（↓）のサイト様がわかりやすく、とても参考になります。
どういう時に、404ページが表示される？
主に、リンク切れページにアクセスされた場合、表示されます。ブログを運営すると、記事のリンクを変更したり、記事自体を削除してしまったものも、あると思います。
「Broken Link Checker」プラグインを使用している方は、サイト内にリンクエラーがあれば自動検出されるので、「リンク切れページは無いから、大丈夫～」と、思われるかもしれません。が、一度投稿した記事は、検索エンジンに登録されている場合があります。そうすると、今は存在しないページでも、アクセスされることがあるのです。
また「かつて存在していたページ」以外にも、404ページは表示されます。例えば、自分のトップページアドレス以降に、適当に文字列を打ち込んでみましょう。
（↑）は、僕のサブブログ「コビトブログ2」のトップアドレス「https://tajuso.net」の後に、「qwerty」と打ち込んでみた例です。もちろん「qwerty」なんてページは、もともと存在しませんが、「404」ページが表示されています。
そのため、どれだけリンクミスに注意しても、ユーザー側がアドレスを間違って入力した場合など、一定のアクセスが発生してしまうページなのです。
なぜ「SEO」「アドセンス停止」対策になる？
「ページが見つかりませんでした」では、帰ってしまう
折角、あなたのブログにアクセスしたのに、前述のような「ページが見つかりませんでした」と簡素な表示だけでは、どうでしょうか？
「なんだ、折角アクセスしたのになぁ」と、期待はずれに思われて、直ぐにブラウザバックされるかも。そうして、ブログの離脱率を上昇させてしまうのです。
逆に、コチラ（↓）のような表示だと、いかがでしょう？これは、当ブログの「404」ページです。
まったく印象が違うと思います。これなら、探していたページが見つからなかったとしても、他の記事やブログに、興味をもってもらえるかもしれませんね。
アドセンス停止になるおそれも
以前、コチラ（↑）の記事でも紹介させて頂きました、ポジ熊さんの「ポジ熊の人生記「Adsense警告を受けないために実例で学ぶ【ポリシー違反】」」でも、実例でご紹介されていましたが、404ページにコンテンツがないにも関わらず、サイドバーに広告が表示されていると、規約違反に該当するそうです。
そのため自分では気づかないうちに、アドセンス広告を停止されてしまう恐れもあります。
テーマ「STORK」を使用している場合、標準で（↓）のような404ページが表示されます。検索バーやカテゴリが設置されているのは、さすがストークだな～と思いますが、やっぱり、少し簡素で素っ気ないですよね。
そこで、「カスタム404ページ」を作り、「ページが見つからない場合も、コンテンツを盛り込み、サイトの離脱率を下げるページ」に変更しましょう！
カスタム404ページの作り方
１．「404.php」ファイルを、「子テーマ」側に複製する
「404.php」ファイルは、使用している「親テーマ」フォルダ内にあります。
例えばストークをご利用の場合、「public_html」→「wp-content」→「themes」→「jstork」内に、「404.php」ファイルがあります。
「「STORK（ストーク）」を、たった1時間で、おしゃれにカスタマイズ！」でも書きましたが、親テーマを編集してしまうと、設定が消えてしまうおそれがある等、デメリットが大きいです。そのため「子テーマ」側に複製し、編集します。詳しくは、コチラ（↓）の記事を参照ください。
２．「404.php」ファイルを、カスタマイズする
WordPressのダッシュボードから、「外観」→「テーマの編集」から「子テーマ」を選択し、先ほど複製した「404.php」ファイルをクリックして、編集します。しかし、phpやcssに自信の無い方は、なかなか難しいと思います。
そこで、当ブログで使っているページの、テンプレートをご用意しました！
<?php get_header(); ?>
<div id="content">
<div id="inner-content" class="wrap cf">
<main id="main" class="m-all t-all d-5of7 cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
<article id="post-not-found" class="hentry cf">
<header class="article-header">
<h1>大変申し訳ございません！！「（あなたのブログの名前）」内に、お探しのページが見つかりませんでした。</h1>
</header>
<section class="entry-content">
<p><img src="（表示したい画像のアドレス）" /></p>
<p>入力したURLが誤っているか、すでに削除されたページの可能性があります。URLをご確認の上、再読み込みすると、表示される場合もございます。</p><p>それでも表示されない場合は、お手数ですが、以下の方法をお試しください。</p>
<div class="search">
<h2>１．「キーワード」で検索</h2>
<p>お探しの「キーワード」を入力し、検索ください。関連コンテンツが表示されます。</p>
<?php get_search_form(); ?>
</div>
<div class="cat-list cf">
<h2>２．「カテゴリー」から探す</h2>
<p>以下のカテゴリーより、お探しの記事や関連コンテンツを、探してみてください。</p>
<ul>
<?php $args = array(
'title_li' => '',
); ?>
<?php wp_list_categories($args); ?>
</ul>
</div>
<h2>３．「人気記事」から探す</h2><?php wpp_get_mostpopular('limit=10&range="all"&post_type="post"&thumbnail_width=50&thumbnail_height=50&stats_views=0'); ?>
<h2>４．見つからなかったことを報告する</h2>
<p>お探しのページが見つからなかった場合、どのような記事をお探しだったか、ご連絡頂けますと嬉しいです。</p>
<p><?php echo do_shortcode( '[contact-form-7 404 "Not Found"]' ); ?></p>
<p>この度は、お手数をおかけして申し訳ありませんでした。訪れてくださった方をがっかりさせないように、これからも頑張っていきたいと思います。</p>
</section>
</article>
</main>
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>
（↑）を「404.php」ファイルにコピペして、お使いください。
「（あなたのブログの名前）（表示したい画像のアドレス）（問合せフォームのID）」の3ヶ所を編集すれば、同様のページをすぐに設置できます。
ただ、注意点があります。
- テーマ「STORK（ストーク）」
- 「WordPress Popular Posts」
- 「Contact Form 7」
こちらをお使いでない場合は、うまく表示されない項目があるので、ご注意ください。「WordPress Popular Posts」「Contact Form 7」プラグインは、とても便利なので、この機会に是非インストールしてみてくださいね。
まとめ
- 404ページは、どれだけ注意していても、アクセスが発生する
- そのままだと、ブログの離脱率をあげ、アドセンス停止の恐れも
- テンプレートをコピペして、404ページをカスタマイズしよう！
テンプレートを使えば、404ページが、簡単に見違えると思います。このような細かい配慮が、ブログ運営には欠かせないと思うので、是非カスタマイズしてくださいね。ファイル複製など、わからないところがあれば、気軽にご質問ください！
