SEO,WordPress,AmazonJP
來自日本的最新資訊和教學。
SEO經驗10年以上的Masa的分享
Wordpress

對SEO有效的WordPress自訂404錯誤頁面的方法

404 Page Not Found

什麽是404錯誤?

你上網時必定有看過以下的頁面。404錯誤是對象的網站當中試著瀏覽不存在的頁面或不明網址時出現的錯誤。

  • Error 404
  • 404 Not Found
  • HTTP Error 404
  • Not Found
  • Page Not Found
  • The requested URL was not found on this server.
  • The page cannot be found
  • We can’t find the page you’re looking for.

有些網站404錯誤頁面蠻有創意,像美國Pixar和美國Amazon的錯誤頁面顯示以下内容。有人說,美國亞馬遜的頁面好療愈…。意思是404錯誤頁面不是固定的,按照需要可以調整,也可以調整到對網友,對SEO都有幫助的頁面!

Pixar Animation Studios 404 Amazon.com Page Not Found

東京迪斯尼的話日文,英文,中文,韓文等用多種語言顯示錯誤信息。對於國際網站來説這些設計對網友很有幫助!

Tokyo Disney Resort 404

爲什麽會出現404錯誤?

剛才説明過使用者輸入(指定)不存在的頁面或不明網址時出現404錯誤。不存在的頁面是:

  • 瀏覽者打錯網址的一部分
  • 以前存在,後來被刪掉的頁面
  • 站長貼上連接時打錯網址的一部分,瀏覽者點擊該連結時出現
  • 站長改變了網址的一部分
  • 網友把網址保存至“我的最愛”,後來網址改變了

404錯誤的目的是告訴瀏覽者其所請求的頁面不存在、已刪除的頁面或連結錯誤。

404錯誤對SEO的影響

1.降低瀏覽體驗,也就是對瀏覽者的負面影響

不管瀏覽者打錯網址出現404錯誤,還是網站内部有問題的連接出現的404錯誤,都對SEO有負面的影響。
請想想如果你瀏覽一個網站,遇到404錯誤,沒有看到你想看的頁面,反而出現「404NotFound」。大部分的網友不是很清楚這個意思,直接離開你的網站。不管原因是什麽讓網友感到不高興吧你的網站關掉,這影響到網友的瀏覽體驗,以這個角度來說對SEO有負面的影響。如果有辦法讓這些網友繼續瀏覽你的網站,讓他們找到你網站中他們想看的頁面有助於SEO。因爲Google也會判斷你的網站提供對讀者有用的資料。
下文會解釋怎麽樣設計理想的404錯誤頁面,盡量避免降低瀏覽體驗的方法。

2.降低搜尋引擎爬蟲巡邏網站效果

考慮SEO的人必須要考慮搜尋引擎。Google有宣佈過錯誤的連結不會影響SEO。
但搜尋引擎都有“爬蟲”就是網路機器人,它會自動瀏覽你網站的所有頁面製作索引。爬蟲巡邏你網站時遇到壞掉的連結,換句話說404錯誤,不能再繼續巡邏下去,可能要回轉再巡邏,這可能會影響到搜尋引擎給你網站的評價,太多的内部問題造成的404錯誤會讓爬蟲判斷你的網站可能要“扣分”。
請參看以下頁面,檢測自己網站有沒有失效連接。

檢測失效連結的 5個方法
【簡單】檢測失效或錯誤連結的5個方法檢測失效連結的5個方法,檢查失效或錯誤連結非常重要,因爲會影響訪客的瀏覽體驗,用這篇介紹的工具可以簡單檢查自己網站的連結有沒有問題。...

好的404錯誤頁面的條件

1.清楚告訴瀏覽者該頁面不存在

如果只顯示“Error 404”,“404 Not Found”等的文字,很多人不知道什麽意思。可能讓他們嚇到。
404頁面的目的是清楚告訴瀏覽者該頁面不存在或改變了網址網址。在自定的404頁面中清楚表達這點就是好的404錯誤頁面。
例如:
“很抱歉,這個網頁不存在!”
“您所查詢的頁面不存在,您可以按此回到首頁,謝謝!”

2.用與其他頁面一樣的設計或範本

瀏覽一個網站時突然完全改變頁面的設計只顯示“Error 404,大部分的訪客會困惑,不知道突然跳到哪一個網站了,甚至覺得“是病毒!”爲了避免引起訪客的不必要的恐慌,404頁面要保持同樣的設計感的頁面,讓訪客知道這個404錯誤頁面也還是屬於同一個網站。沒有突然跳到別的網站。

3.提供幫助方可的資訊

出現404錯誤,訪客一定原來有想看的頁面。所以在404錯誤頁面當中提供幫助訪客找到他想要頁面的資訊,是個友善的網站設計。
例如:
·至首頁的連結
·站内搜尋
·人氣文章
·網站地圖(sitemap)
這樣提供資訊訪客有機會繼續瀏覽你網站的資訊,可以提高網站的PV,也可以避免直接離開你的網站,對訪客,對SEO都有好處。

WordPress自訂404頁面製作方法

在這裡介紹用WordPress製作自訂404錯誤頁面的方法。

自訂404頁面之前請先參考以下文章以防外一備份整個WordPress檔案。

備份 _ 還原 外掛
WordPress備份外掛 UpdraftPlus使用與還原方法可以免費使用的WordPress備份外掛UpdraftPlus的設定,使用方法,還説明還原的方法。簡單的操作讓你的網站有多一點保障,讓你更安心。...

請參考以下的方法自己的佈景主題是否提供404.php檔,若已有檔案可以打開檔案自行調整顯示内容。如果沒有請參考一些方法自製404.php檔案。

點選 控制台 > 外觀 > 編輯佈景主題
請查看“佈景主題檔案”的部分有沒有404錯誤(404.php)

1.準備“404.php”範本檔案

請複製以下的sample,至windows的記事本等。保存時檔案名稱為404.php

 

<?php
/*
* Template : 404.php
*/
?>
<?php get_header(); ?>
<main id=”main”>
<?php if (have_posts()): ?>
<?php while (have_posts()) : the_post(); ?>
<h1><?php echo get_the_title(); ?></h1>
<?php endwhile; ?>
<?php endif; ?>
<p>很抱歉,您所查詢的頁面不存在</p>
<p><a href=”/”>回到首頁</a></p>
</main>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

2.“404.php”上傳至現在使用的WordPress佈景主題一樣的資料夾位子

以上就完成!

總結

404錯誤頁面,可能很多網站設計者不太會留意的東西,但網站規模越大頁面越多,404錯誤也會增加。這時候體貼的404錯誤頁面的設計幫助訪客讓他們找到目的的頁面可以提升訪客對網站的印象也會對SEO有所幫助!雖然是不起眼的東西,不用花太多時間可以簡單設定,如果以上的貼上php碼的方法覺得不容易,也可以找WordPress外掛實現類似的功能。