404エラーはすべてのウェブマスターの悪夢であるべきか?404エラーとは何か?それらはSEOにどのような影響を与えるのか?404リダイレクトを実装する正しい方法はあるのか?
これらは私たちが答える質問です。リダイレクションや404ページを作成するさまざまな方法を含んでいます。
HTTPプロトコルの基本
404エラーを見る前に、web HTTPプロトコルの基本を一般的に理解しておくことが良いです。基本的に、インターネットはクライアントとサーバーで構成されています。
この場合のクライアントとは、インターネットにアクセスするために使用するブラウザー - Google Chrome、Safari、Opera、Firefox、およびInternet Explorerを指します。
ユーザーがウェブサイトをリクエストするとき、そのリクエストは実際にウェブサーバーに送信され、それから応答されます。ユーザーはHTTPプロトコルを使用してリクエストを行います。
HTTPとは何ですか?これらは、すべてのインターネットユーザーが合意した標準です。ユーザーがリクエストを行うとき、そのリクエストが成功したかどうかはステータスコードによって明らかにされます。これらのステータスコードこそが、HTTPステータスコードと呼ばれるものです。
異なるHTTPステータスコードブロックがあります:
- 100 - 主に情報リクエストで構成されています
- 200 - 成功したリクエスト
- 300 - リダイレクトに使用されます
- 400 - クライアントエラーを示します
- そして 500 - サーバーエラーを示します
さらに、この記事の焦点である404エラーが分類されている400ブロックについて見ていきましょう。400ブロックは、ページが見つからなかったか、クライアントがある問題を持ったリクエストを送信したことを意味します。
問題はクライアント側から発生しています。404エラーは、要求されたページが見つからないためです。
404エラーとは何ですか?
HTTPステータスコードとそのソースが何であるか理解した今、404エラーをどのように定義しますか?
それはユーザーが要求したページが見つからないことを示すHTTPレスポンスコードです。通常、「ページが見つかりません」または「アクセスしようとしているページは存在しません」というメッセージが伴います。
なぜ404エラーが気になるべきか
404は非常に一般的です。しかし、ウェブマスターとしてあなたのサイトにそれらがある場合、心配すべきでしょうか?
まあ、すべての404が悪いわけではありません。それらはクライアント側のエラーの結果です。時々、ユーザーがあなたのURLを間違って入力した場合、それは本質的に存在しないウェブページを要求していることを意味します。
この場合、404を返すことは実際に良い考えです。Googleは「不正なURL」の結果として404を返した場合、ペナルティを与えないことに注意してください。
GoogleのJohn Muellerは彼の404エラービデオで次のように述べています:
「サーバーログやアナリティクスで、それらのURLへのトラフィックをチェックしてください。トラフィックがなければ、それは素晴らしいことです。サーチコンソールでそれらのURLへのリンクをチェックしてください。関連するリンクがないですか?それも素晴らしいです。リンクやトラフィックのどちらにも特別なものが見られない場合、それらのページが404を返すのは全く問題ありません。」
しかし、権威のあるウェブページを持っていて、素晴らしい「リンクジュース」(多くのバックリンク)があるのに、ユーザーがリクエストを行ったときに404エラーが表示される場合は、かなり心配する必要があります。
時々これは、ページがあなたのサイトやサーバーから削除されたとき、そしてまだその削除されたページへのリンクやブックマークが存在している、またはURLの再構築(例えば、ディレクトリの名前を変更した後など)から発生することがあります。
404が発生する可能性があるその他の問題には、古い参照やタイプミスのあるリンクの言及が含まれます。
404エラーがSEOに与える影響
見てきたように、404エラーはそれが原因と影響を受けるリソースによって、懸念の源である必要があります。SEOへの影響について見ていきましょう。
PageRankの低下
404エラーが発生すると、検索エンジンのボットが存在しないリソースにアクセスしようとしています。
クローラーが404エラーに遭遇するたびに、その特定のリソースについてのネガティブなシグナルを送信します。これが何度も起こると、そのリソースはインデックスから削除されます。
これがあなたのページのホームページや重要なリンクジュースや情報を持つランディングページだった場合、そのページは全くランク付けされないということを意味します。
あなたのユーザーに何が起こるのですか?これが電子商取引サイトの商品ページだった場合、それはあなたの売上にも影響を与えることを意味します。
悪いユーザーエクスペリエンス
ウェブサイトを持つことの全てのポイントは、ユーザーとあなたのブランドとの接点を作ることにあります。その接点が悪い経験につながるなら、それを持つ意味はありません。
ユーザーがリソースにアクセスしようとしても404エラーばかり出ると、彼らは試すのをやめてしまいます。彼らが次に向かう場所はどこでしょうか?あなたの競合他社のサイト、店舗、またはビジネスです。
遅かれ早かれ、検索エンジンのボットは高い直帰率を記録し始め、これによりあなたのサイトやウェブページのランキングをどんどん下げていくでしょう。
404エラーについてどう対処すべきですか?
404についてはどう対処すればいいのでしょうか?404に対処する素晴らしい方法は、リダイレクトの方法を学ぶことです。
リダイレクトは、例えばあなたが古いURLに常緑コンテンツがあり、それがあなたのサイトにかなりのトラフィックをもたらしていて、新しいURLに変更することにした場合など、URLが変更されたときに便利です。
また、必要に応じて素晴らしい404ページを作成することもできます。次にこれらのオプションを探ってみましょう:
404リダイレクションオプション
いくつかのリダイレクトタイプがあります。例えば、301リダイレクト、302リダイレクト、そしてHTMLリダイレクトです。いつどれを使うべきでしょうか?
HTMLリダイレクト
このタイプは、特定の時間が経過した後にユーザーを新しいサイトに自動的に送ります。サイトが移動したことと、まもなくリダイレクトされることを示すメッセージが伴います。
これは一見良いアイデアのように思えるかもしれませんが、HTMLリダイレクトはユーザーエクスペリエンスにとって悪いことがあります。これは、ユーザーが見つからないリソースから全く新しいサイトへの大きな変更に対して準備ができていない可能性があるためです。
さらに悪いことに、ユーザーが前のページに戻りたいときにナビゲーションに影響を与える可能性があります。彼らは404エラーに戻ってしまい、特定のリソースを探そうとして混乱するかもしれません。
301リダイレクト
このリダイレクトを使用する必要がある状況は何ですか?
- もしサイトを新しいドメインに完全に移動する場合
- もしURLの誤字が頻繁にある場合
- もしサイトのwwwバージョンと非wwwバージョン(例:www.abc.comとabc.com)との明確な区別をつけたい場合。この場合、デフォルトバージョンを決定し、非デフォルトバージョンからデフォルトバージョンへリダイレクトする必要があります。
301はリンク権威が印象的な古いページにとって素晴らしい選択肢です。これらは古いページにかなり似ている新しいバージョンにリダイレクトすることができます。さらに良いことに、404エラーを表示し始めた古いページをホストするための新しいURLを作成することができます。
302リダイレクト
このリダイレクトは一時的な状況に対処している場合に理想的です。例えば、あなたがウェブサイトのメインセクションを再構築しているとしましょう。
ページが編集中またはアップグレード中のため一時的に利用できないことをユーザーに知らせるために302を使用することができます。
注意事項
この時点で、302リダイレクトを使用していたが、実際にはそれを削除しないことにした場合、どうなりますか?例えば、サイトのメインセクションの構築が完了した後、新旧のバージョンの両方を維持することに決めた場合です。
この場合、検索エンジンは新しいサイトを見落とし、古いコンテンツを持つ古いサイトのインデックスを続ける可能性があります。正しいリダイレクトタイプを使用することがより安全です。
WordPressで404リダイレクションを実装する方法
CMSであるWordPressを使用している場合、404を管理する方法はありますか?Redirection.meプラグインのようなプラグインがきれいな仕事をすることができます。
Redirectionプラグインの使用方法
- プラグインをダウンロードして、インストールし、そしてアクティベートする必要があります。
- 次に、「設定」に移動します
- 404タブに移動してクリックし、検出された問題を確認します
- リダイレクトする元のURLをリダイレクトセクションに入力する必要があります
- リダイレクト先の新しいURLを、目的地タブに入力します
- 変更を保存
使用できるその他のプラグインには以下が含まれます:
- シンプル301リダイレクト
- WP 404 オートリダイレクト・トゥ・シミラー・ポスト
- Yoast SEO プレミアム
- セーフリダイレクトマネージャー
.htaccessを使用した404リダイレクト
Apacheで動作するサーバーが必要で、mod_rewriteもインストールする必要があります。また、.htaccessファイルにアクセスする必要があります。
これが進め方です:
- cPanelにアクセスしてログインする
- 「ファイル」に移動してから「ファイルマネージャー」を選択
- サイトのドキュメントルートフォルダにアクセスする
- 「設定」をクリックする
- 「隠しファイルを表示する」を選択する
- 保存
- .htaccessファイルを右クリックしてください
- 「編集」を選択してください
- .htaccessファイルがない場合は、作成する必要があります。これを行うには、左上の「新規ファイル」をクリックします
- この新しいファイルの名前を「.htaccess」とすることを確認してください
- .htaccessファイルが作成されるディレクトリが/public_html/であることを確認してください
- ダイアログボックスが表示されたら、「編集」をクリックします
.htaccessをFTP(FileZilla)で使用する
cPanelにアクセスできない場合は、FTPを使用して.htaccessにアクセスできます。
- FileZillaを開いてFTPを使用してウェブスペースにログインしてください
- public_htmlをダブルクリックしてウェブサイトのファイルをリスト表示します
- .htaccessを選択し、右クリックして「表示/編集」を選択します
- 新しいコードを入力します。編集が終わったらファイルを保存してください
- FileZillaで「はい」をクリックして、新しい.htaccessファイルをアップロードします
これはあなたの.htaccessファイルで使用するコードです。ここでの「problem-domain」は404を提供しているドメインを指します。「Redirected-domain」は404を提供していたURLをリダイレクトしているソースです。
2番目に最後の行をコメントアウトし、最後の行のコメントを解除する必要があります。そうしないと、今度は403のエラーが発生する可能性があります。
# 特定のドメインからのリダイレクトされた壊れたリンク
<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_FILENAME} .*
RewriteCond %{HTTP_REFERER} ^https?://([^.]+\.)?problem-domain\. [NC]
RewriteRule (.*) http://redirected-domain.tld/target.html [R=301,L]
# RewriteRule (.*) - [F,L]
"</IfModule>"
その後、更新されたコードをサーバーにアップロードする必要があります。問題のドメインがまだ404を提供しているかどうかを確認できます。
PHPを使用した404リダイレクション
リダイレクトコードをredirect.phpファイルに配置する必要があります。これにより、コードの機能性がサイトに表示されるべき404エラーメッセージから分離されます(次のセクションでそれに注意してください)。
これは、<?php 宣言の後にあなたの 404.php ファイルに追加する必要があるコードです:
include(‘redirec
t.php’);
サイトのルートディレクトリにredirect.phpという名前のファイルを作成してください。
次に、以下のコードを追加する必要があります:
<?php// 現在のアドレス$oldurl = strtolower($_SERVER[‘REQUEST_URI’]);// 新しい
リダイレクトアドレス$newurl=’ ‘;
‘oldurl’はリダイレクト元のURLであり、‘newurl’はリダイレクト先のURLです。
ここに追加するコードは、リダイレクトの必要性の程度によって異なります。たとえば、URLの名前が単数形と複数形のバージョンで単純に変更された場合の404の理由であれば、このシンプルなコードを使用することをお勧めします:
$newurl = str_replace(‘book’, ‘books’, $
oldurl);
これはシンプルなリダイレクトに使用できるコードです:
$redir = array(‘本’ => ‘/books/’, ‘ビデオ’ => ‘/videos/’, ‘デモ’ =>
o’ =>
‘/demonstrations/main/’);while ((list($old, $new) = each($redir)) && !$
newurl({
If (strpos($oldurl, $old) !==false) $newurl = $new;}
上記の配列($redir)は設定可能な値のペアを定義しています。最初の文字列がリダイレクト元のURLに含まれていて、リダイレクト先のアドレスが2番目の文字列に設定されている場合。
上記のコードで‘book’という単語がリダイレクト元のURLに含まれている場合、ユーザーは‘books’を含むURLにリダイレクトされます。
リダイレクト元のURLにコードで定義された単語が少なくとも2つ含まれている場合、最初の単語が優先されます。最初の単語が「book」の場合、これが「books」にリダイレクトされます。
Shopifyでの404エラーのリダイレクト
Shopifyで404をリダイレクトするには、Google Search Consoleにアクセスして、404エラーを確認する必要があります。
- 完了したら、ログインしてダッシュボードに移動してください。
- 左側のサイドバーで「Coverage」をクリックしてください
- 「error Submitted URLs not found (404)」をクリックしてください
- 各デバイスタイプの下には、404エラーが2種類あります - ソフト404と見つからないエラー
- 前者については心配する必要はありません。後者を処理しましょう。
- URLのリストを見るためには、「見つからない」タブをクリックする必要があります。
- 次に、404エラーのあるURLをフィルタリングして分析を開始します
- 次のステップ? リダイレクト中
- リダイレクトを行うにはShopifyダッシュボードにアクセスする必要があります(こちらのShopifyでURLをリダイレクトする方法に関するガイドをご覧ください)
- ダッシュボードで、左側の「ナビゲーション」をクリックしてください
- ダッシュボードの上部中央に「URLリダイレクト」と呼ばれるリンクが表示されます
- それをクリックしてください
- 「URLリダイレクト」と呼ばれるボタンが見えるページを開きます
- それをクリックしてください
- ポップアップが開きます
- 「Old URL」フィールドにリダイレクトしたいリンクを貼り付けてください。ドメインのURLは含めないでください
- リダイレクトする新しいページのフィールドにリダイレクトしたいリンクを貼り付けてください。この時、リンクにあなたのドメイン名を含めてください
- リンクが多数ある場合、Shopify SEOアプリが役立ちます。
サイドノート
すべての404をリダイレクトする必要はありません。存在しないURLを覚えていますか?それらは404が必要です。ここで注意すべき別の点は、404をホームページにリダイレクトすることはユーザーエクスペリエンスの観点から良い考えではないということです。
ユーザーは特定の情報にアクセスしようとしており、ホームページにリダイレクトするのは最善の方法ではないかもしれません。
それは混乱させるかもしれませんし、イライラさせるかもしれません。それによって、あなたのバウンス率が上がるかもしれません。検索エンジンのボットにこれで捕まりたくないでしょう。
必要なシナリオに素晴らしい404ページを作成する
すべての404がリダイレクトを必要とするわけではないため、必要な404メッセージを提供するページが見やすいことを確認する必要があります。例えば、ユーザーに選択肢を提供することは良いことです。
彼らにあなたのサイトに彼らが探している同じ内容を持つ類似のページがあることを知らせ、リンクを提供することができます。
404ページには、クライアントの注意を長く引きつけ、あなたが彼らに求めている場所にナビゲートするかどうかを決める際に、魅力的なデザインが必要です。
この方法なら、一石二鳥です。SEOに悪影響を与えず、ユーザーはあなたのサイトを使う際により良い体験を得られます。私のお気に入りの一つはSteve Lambertの404ページです。
最も重要なことは、404ページのデザインは、フォントのサイズやスタイル、色、テーマにおいて、ウェブサイトや他のウェブページのデザインと一貫性を持たせる必要があるということです。
検索タブを含めることもできます。これにより、ユーザーが特に求めているものを積極的に検索するよう促すことができます。
WordPressで404ページを作成する
Wordpressを使用している場合、w3 Total Cacheプラグインを使用して404ページやメッセージを提供することができます。その他のプラグインには以下が含まれます:
- WordPress Ultimate 404プラグイン
- リダイレクション
- 404ページ
- そして5秒適切な404
.htaccessを使用して404ページを設定する
.htaccessを使用して404エラーページを設定することができます。.htaccessファイルにアクセスする方法がわからない場合は、前の.htaccessセクションを見てください。アクセスしたり作成したりした後、404エラーメッセージを作成しましょう。
- .htaccessファイルにエラーメッセージを追加する必要があります。
- 使用できるメッセージはこちらです:
ErrorDocument 404 "<H1>ページが見つかりません</H1>"
- 静的なHTMLページを指定して、404エラー用に使用することもできます。以下の方法で行います:
ErrorDocument 404 /404.html
- 「404.html」をあなたのURLに置き換えてください。
- 変更を保存するをクリックしてください
- 成功メッセージが表示されるはずです
PHPを使用した404ページの設定
こちらがあなたのサイトのルートファイルに追加する必要があるコードです:
<?php// 基本的な404エラーページheader(‘HTTP/1/1 404 Not
Found’); header(‘Status: 404 見つかりません’);?><!DOCTYPE html><html
lang=”en”><head><meta charset=”UTF-8”><title>ページが見つかりません
found</title>< /head><body><h1>ページが見つかりません</h1><p>申し訳ありませんが、見つけることができません
そのページを見つけてください。</p><p><a href=”/”>ホームに戻る
page…</a></p></body></html>
Shopifyで404ページを作成する
Shopifyを使用すると、存在しないURLは404ページにリダイレクトされます。カスタム404ページを作成して、訪問者がサイト上の希望の場所にナビゲートできるように支援できます。
変更は「テーマ>>カスタマイズ」に移動して、404ページを選択することで行えます:
または、実際のコードに移動して404.liquidを選択し、そこで変更を加えることによってカスタマイズします:
覚えておいてください、このページを魅力的にする必要があります!
結論として
404エラーについて詳しく見て、それらを定義し、SEOへの影響を見てきました。
また、.htaccessやPHPを使用して魅力的な404ページを作成する方法や、WordPressやShopifyでリダイレクトを扱う方法についても見てきました。
どの方法があなたのサイトに適しているかを知ることが重要です。すべての404が悪いわけではないことを覚えておいてください。いつそれらを使用するべきかを知る必要があります。