SEO の基礎: 404 エラーページのケーススタディ

ウェブサイトを開いても長時間応答がなかったり、URL が間違っていたりすると、次のような画面が表示されます。

このエラーページは 404 ページです。今日は、上海の SEO の Xiaoran Guyanfei が、基本的な SEO 知識ではおなじみの 404 についてお話しします。

404 ページは、ユーザーが間違ったリンクを入力したときに表示されるページです。これは、WWW Web サイトにアクセスするときによく発生するエラーです。最も一般的なエラーメッセージ: 404 NOT FOUND。

HTTP 404 エラーは、リンク先の Web ページが存在しない、つまり元の Web ページの URL が無効であることを意味します。この状況は頻繁に発生し、回避するのは困難です。たとえば、Web ページの URL を生成するためのルールが変更されたり、Web ページのファイルの名前が変更されたり移動されたり、インポートされたリンクのスペルが間違っていたりして、元の URL アドレスにアクセスできなくなったりします。Web サーバーが同様の要求を受信すると、404 ステータスコードを返し、要求されたリソースが存在しないことをブラウザーに通知します。

1. 皆さんの中には、「ウェブサイトに 404 ページを設置する目的は何ですか?」と疑問に思う人もいるかもしれません。

404 ページの目的は、閲覧者に、要求したページが存在しない、またはリンクが間違っていることを伝え、ウィンドウを閉じて離れるのではなく、Web サイトの他のページを使用するようにユーザーを誘導することです。

2. 「404 ページエラーの原因は何ですか?」と尋ねる人もいるかもしれません。

一般的に、404 エラーページでこのエラーが発生する理由は 3 つあります。

1) 要求されたポートで Web サイトにアクセスできません。

2) Web サービス拡張ロックポリシーにより、この要求がブロックされます。

3) MIME マッピングポリシーによりこの要求がブロックされます。

3. 404 ページを回避するにはどうすればいいですか? 解決策はありますか?

失われた Web ページファイルを正しい場所に復元し、ネットワークサービスをリセットします。ユーザーの場合は、入力したネットワークアドレスが正しいかどうかを確認する必要があります。

404 エラーページをカスタマイズすることは、ユーザーエクスペリエンスを向上させる良い方法ですが、適用プロセスでは、検索エンジンへの影響に気付かないことがよくあります。たとえば、サーバー側の構成が間違っていると、「200」ステータスコードが返されたり、Meta Refresh を使用したカスタム 404 エラーページによって「302」ステータスコードが返されたりすることがあります。正しく構成されたカスタム 404 エラーページは、正しく表示されるだけでなく、「200」や「302」ではなく「404」エラーコードを返す必要があります。 HTTP ステータスコードが「404」であるか「200」であるかは、訪問者のユーザーにとっては違いはありませんが、検索エンジンにとっては非常に重要です。

4. ウェブサイトを開いた後に 404 ページが多数ある場合、ウェブサイトのランキングに影響しますか? Baidu からペナルティを受けますか?

検索エンジンスパイダーは、特定の URL を要求したときに「404」ステータス応答を受信すると、URL の有効期限が切れたことを認識して、Web ページをインデックスしなくなります。また、データセンターに報告して、URL で表された Web ページをインデックスデータベースから削除します。もちろん、削除プロセスには長い時間がかかる場合があります。検索エンジンは「200」ステータスコードを受信すると、URL が有効であると見なし、インデックスを作成してインデックスデータベースに含めます。その結果、これら 2 つの異なる URL の内容がまったく同じになります。つまり、カスタム 404 エラーページのコンテンツであり、Web ページの重複の問題が発生します。少なくとも、あなたのウェブサイトは検索エンジンによってランクが下げられ、最悪の場合、禁止されるでしょう。

5. 上記の通り、404 ページの設定方法を教えてください。

1) パスの変更により既存の Web ページコンテンツにアクセスできない場合は、IIS で 404 エラーを定義して動的ページを指し示し、ページ内の 301 永続リダイレクトを使用して新しいアドレスにジャンプすることができます。このとき、サーバーは 301 ステータスコードを返します。

2) 設計された HTML ファイルを指すように 404 を設定すると、ページは 404 ステータスコードを返します。現在、ほとんどの IDC プロバイダーは 404 設定機能を提供しており、ファイルを直接アップロードして設定することができます。

IIs での設定方法: IIS マネージャーを開く --> カスタム 404 を設定する Web サイトのプロパティをクリック --> カスタムエラーオプションをクリック --> 404 ページを選択 --> 編集プロパティを選択して開く --> それを URL に設定 --> URL に「/err404.html」と入力 --> [OK] を押して終了し、err404.html ページを Web サイトのルートディレクトリにアップロードします。

注意: 「メッセージタイプ」では、「URL」ではなく「ファイル」または「既定値」を選択してください。そうでない場合、「200」ステータスコードが返されます。

3) 404 は error.asp などの動的ページを指します。ページに設定されておらず、プロンプトの HTML コードのみが返される場合、ページは 200 ステータスコードを返しますが、これは正しくありません。プロンプトコンテンツを表示した後、Response.Status="404 Not Found" というステートメントを追加して、ページが 404 ステータスコードを返すようにすることができます。

4) Apache で 404 エラーページを設定します。 Apache サーバーの 404 エラーページを設定する方法は非常に簡単です。次のコンテンツを .htaccess ファイルに追加するだけです: ErrorDocument 404 /notfound.php。

6. 上記の知識を通じて、404 ページの基本的な常識を大まかに理解できましたが、これはまだ非常に抽象的です。具体的な 404 ページがどのようなものかを示していただけますか?

さて、誰にとってもより直感的にわかるように、Xiaoran Guyan Feite が Web サイトからクリエイティブな 404 デザインページをいくつか収集しましたので、ぜひお楽しみください。詳細については、<<404 ページのクリエイティブデザインの評価>> http://www.xlfseo.com/SEO-JC/404TP.html をご覧ください。

7. 上記の写真は非常に美しいですが、404 ページに正しくは何と書くべきでしょうか? 実際の例をいくつか挙げていただけますか?

さて、参考までに有名なサイトのデザインプランをいくつか紹介します。

1.) Baidu 404 ページの書き方

コードは次のとおりです。

<div id="コンテンツ">
<div class="logo"><a href="http://www.baidu.com"><img src='/images/loading.gif' data-original="http://www.baidu.com/search/img/logo.gif" alt="Baidu ロゴ" title="Baidu ロゴ" /></a></div>
<div class="title"><b>アクセスが間違っています</b><a href="http://www.baidu.com">Baidu ホームページ</a></div>
<div class="cl">sdsffsd</div>
<h2 class="tip">申し訳ありませんが、アクセスしようとしているページは存在しません。 </h2>
<ol class="理由">
<li>1. 入力したURLが正しいかどうか確認してください。 </li>
<li>2. 入力したURLが不明な場合は、<a
アクセスしたいウェブサイトを表示するには、href="http://www.baidu.com/more/index.html">Baidu More</a> ページにアクセスしてください。 </li>
<li>3. 検索したいコンテンツを直接入力します:</li>
</ol>
<div class="検索ボックス">
<フォームアクション="http://www.baidu.com/s" 名前="f">
<input type="text" name="wd" size="35" maxlength="100"><inputtype="hidden" name="cl" value="3"><input type="hidden" name="tn"
value="baiduerr"><input type="submit" value="Baidu"> </form>
</div><div class="help">それでも質問がある場合は、<a href="http://www.baidu.com/search/jiqiao.html">Baidu ヘルプセンター</a>にアクセスして解決策を見つけてください。 </div>
<div class="footer">© 2012 Baidu <a href="http://www.baidu.com/duty/index.html">免責事項</a></div>

Baidu 404 ページの設定は非常に簡単です。Web ページにジャンプすることはありません。ユーザーは、「Baidu More」(Baidu の製品シリーズのナビゲーションページが開きます) をクリックするか、検索ボックスをクリックして Baidu を検索するかを選択できます。

2). Sina 404ページの書き方

コードは次のとおりです。

<テーブルの幅=544、高さ=157、境界線=0、セルパディング=0、セル間隔=0、位置合わせ=中央>
<tr valign=中央 align=中央>
<td 背景=アップロード/2012/8/201208102301140162.gif>
<table border=0 cellpadding=0 cellspacing=0 ><tr><td style=padding-left:80px;padding-top:10px><strong>ページが見つからない場合は、5 秒以内にナビゲーションページに移動します。</strong></td>
</tr>
</テーブル>

Sina 404 ページの設定も非常にシンプルです。404 ページを開いてから 5 秒後に自動的にナビゲーションページにジャンプするように、ロゴと設定時間を設定するだけです。

3). テンセント404ページの設定

コードは次のとおりです。

<テーブルの幅="563" 境界線="0" 配置="中央" セルパディング="0" セル間隔="0"><tr>
<td height="125"> </td>
<td height="195" background="/1.gif" bgcolor="#FFFFFF"><table border="0" align="center" cellpadding="0" cellspacing="0"><tr>
<td width="210"><a href="#"><img src='/images/loading.gif' data-original="/404-2.gif" alt="" width="210" height="80" border="0" /></a></td>
<td style="color:#333333; font-size:14px; font-weight:bold;">ページが見つかりません。5 秒後にホームページに移動します。 </td>
</tr></table></td>
</tr>
</テーブル>

Tencent 404 ページ設定は Sina 404 ページ設定と同じで、ロゴと設定時間があり、404 ページを開いてから 5 秒後に Web サイトのホームページに自動的にジャンプします。

4. アリババ

コードは次のとおりです。

<div id="content" class="w952">申し訳ありませんが、お探しのページは存在しません。削除または移動された可能性があります。<div class="sorry fd-clr"><div class="sorry-content"><p>次の操作を実行してください:</p><p>1. アクセスしているページの URL が正しいかどうかを確認します。</p><p>2. 別の場所に移動します:<a href="http://china.alibaba.com/">Alibaba ホームページ</a>|<a href="http://page.china.alibaba.com/trust.html">Trust China</a>|<a href="http://info.china.alibaba.com/">情報</a>|<a href="http://club.china.alibaba.com/">コミュニティ</a></p></div>
</div><a href="http://small.china.alibaba.com/ipush/1688index.htm?tracelog=re_iali_error-
offer01" class="more">もっと見る></a>
<a href="http://small.china.alibaba.com/ipush/1688index.htm?tracelog=re_iali_error-offer01">興味があるかもしれません</a>

Alibaba 404 ページ設定は、上部に b2b 製品検索ボックスがある 404 ページコンテンツを Alibaba 固有のテンプレートに追加することです。下部にはいくつかの商品が展示されています。上記のサイトよりも少し複雑で、404 ページも目立ちません。しかし、それは電子商取引特有の商品展示の側面も反映しています。

5). seoWhy検索

コードは次のとおりです。

<div class="foucspic"><img src='/images/loading.gif' data-original="upload/2012/8/201208102301214344.png" /></div>
<div class="about">
<h4 class="about_h4">申し訳ありませんが、アクセスしたページは存在しません</h4>
<p>このリンクは存在しないか、リンクに対応するページコンテンツが削除されています。</p>
<p>対応するページに戻るには、左側のナビゲーションリンクをクリックしてください。</p>
<p>特に重要な情報の場合は、<a href="http://www.seowhy.com/bbs/forum-11-1.html" target="_blank" >ここをクリック</a>してご報告ください。よろしくお願いいたします。 </p>

SEO の達人である Fu Wei は SEO テクニックを熟知しており、404 ページの設定には一定の配慮をしています。このページは非常にシンプルで、ユーザーをリダイレクトしません。ユーザーは、エラーを報告するために、フォーラムの「提案と苦情」セクションへのリンクをクリックするよう求められます。よりインタラクティブになり、ページエラーの理由をタイムリーに把握できるようになります。

6). ウェブマスターホーム

コードは次のとおりです。

<h1>chinaz.com - ウェブマスターのホーム</h1>
<h2><em>404 エラー</em>: 申し訳ありませんが、お探しのページは存在しません。削除されたか、間違った URL を入力した可能性があります。</h2>
<p class="link">
<a href="/">◂ホームページに戻る</a>
<a href="javascript:history.go(-1);">◂前のページに戻る</a></p>
<dt>お探しのページは見つかりません。専門家による慎重な調査の結果、次のようになりました:</dt>
<dd>
<li>Guiyushou は住所を入力する際にタイプミスをした可能性があります</li>
<li>小さなカタツムリはページを家に置き忘れ、持って来るのを忘れました</li>
<li>中国電信と中国網通側のインターフェースが錆びている</li>

ウェブマスター情報の古いウェブサイトとして、Webmaster Home は、この点で非常にユーザーフレンドリーです。擬人化されたユーモラスな言葉遣いにより、必要なページが見つからずイライラしていた訪問者も、わかったような笑顔になります。

7). A5 ウェブマスターネットワーク

コードは次のとおりです。

<H1>要求されたページは見つかりませんでした</H1>
要求された URL はこのサーバー上に見つかりませんでした。<ol>
<li>URL を正しく入力したかどうかを確認してください。 </li>
<li>正しいことを確認してください。ページがアップグレードまたはメンテナンス中の可能性があります。 </li>
<li>次のリンクにアクセスしてみてください。 <br>

A5 Webmaster Network は、この点では Alibaba と多少似ており、Web サイトのナビゲーションが上部にあり、検索ボックスが下部にあります。さまざまなオプションを提供します。

404 ページオンライン検出

Souwai SEO ツールボックス: http://tool.seowhy.com/http404/www.xlfseo.com

この記事はもともと上海の SEO である Xiaoran Guyanfei によって書かれました。

<<: Quora のランディングページ最適化では、少ないほど効果的

>>: 企業サイトの SEO トラフィックコンバージョン率に影響を与える要因の分析例