本教學將教你如何為你的WordPress blog建立一個404頁面。如果你的部落格已經有這個頁面,你也可以學習如何修改404頁面使其變得更加友好和個性化。由於404錯誤頁面的特殊,很多時候人們都會忽略了它,並沒有想過要設計它。其實404錯誤頁面可能意味著用戶的離開或繼續瀏覽你的網頁,如果你的404頁面太過單調枯燥,遊客就很可能不願意在瀏覽下去;但如果你的404錯誤頁面富有個性化和友好,就很可能會吸引遊客到你的網頁的其他頁面瀏覽。
什麼是404錯誤頁面
大多數時候,您建立網站並多次檢查以確保每個連結都是有效的。但是,隨著時間的推移你就有可能忘了某個連結指向一個已經刪除的頁面或改了名稱的頁面,或可能改變了名稱。又或者遊客透過搜尋引擎搜尋到你的網頁但是無法連結到該頁面,則也會跳到404報錯頁面。一般情況下wordpress主題都包含404.php,你不需要單獨去設計一個,但是如果沒有或你希望擁有一個個性化,有創意的404錯誤頁面,你可以單獨設計。
Error 404,中文翻譯成404錯誤頁面,是指當使用者透過搜尋引擎或直接開啟已經不存在的連結時所回傳的頁面。 404錯誤頁面有著特殊的意義:向瀏覽者回饋一個訊息,其所要求的頁面不存在或連結錯誤,同時引導使用者瀏覽該網站的其他頁面而不是直接離開。
基礎的404.php
一般情況下wordpress主題都包含404.php,除個別以外。 WordPress預設為當頁面出錯時自動尋找404.php文件,但如果此文件不存在,瀏覽器則會顯示令人生厭的錯誤訊息。更甚至有可能對你的部落格的SEO有不良的影響。如果你的部落格主題沒有這個文件。你可以自己建立一個新的空白文件,命名為404.php 下面是最基礎的404.php程式碼: 404.php File
Error 404 - Page Not Found.
404.php基本的程式碼包括H2 tags ——「Error 404 – Page Not Found」,讀取header, sidebar, 和footer的指令。當然你可以根據需要對這些程式碼實行相應的調整以適應自己部落格的模板,風格。
我們將會透過幾個步驟來分解修改404.php的教程。請注意,我是一直會使用get_header,get_sidebar和get_footer指令呼叫wordpress主題檔。根據需要你應該稍微修改404.php檔案以適應你的主題。
開始修改404錯誤頁面
首先,我們將在404錯誤頁面上新增搜尋程式碼,這樣404錯誤頁面就不會過於單調缺乏操作選項。假如有遊客瀏覽了你的404頁面,他就可以透過搜尋框搜尋你的其他頁面。這是幫助你挽留遊客的一種方法。
為404.php 新增搜尋代碼
Error 404 - Page Not Found.
Search:
創意404錯誤頁面
創建一個有創意的404錯誤頁面,目的是讓瀏覽者短暫地停留在錯誤的訊息上然後重新引導他們到你的主頁。 404錯誤頁面可以做得盡可能友好,以便實現搜尋引擎優化。 下面我們將開始編輯模板中的header.php檔案。在你的header.php在頂部的中meta tags,您可以添加以下程式碼:
然後在404.php添下紅色部分的程式碼:
404.php File
Error 404 - File Not Found.
Please to return to our home page, or you can wait to be redirected in 15 seconds.
上面的例子用於引導遊客由404錯誤頁面轉向網站主頁。這也將有利於網站留住用戶,而不是讓他們覺得困惑而最終離開。這個例子可能永遠是最好的解決方法,但對於遊客查找你網站上的內容是非常有效。
確保404錯誤頁面可以工作
您可以輸入一個你網頁不存在的頁面來測試404錯誤頁面是否有效。 (紅色部分是你的主頁網址) 例如: http://www.yourwebsitedomain.com/test404page.php
這將會開啟你的404錯誤頁面,如果不是則表示測試失敗。
如果測試失敗
如果碰巧你的伺服器沒有自動開啟404.php,你可以透過修改.htaccess來獲得支援。在wordpress安裝位址找到.htaccess檔案並添上下面的程式碼:
ErrorDocument 404 /index.php?error=404
如果你的wordpress並不是安裝ftp的根目錄下,而是安裝在ftp子資料夾下,你必須將.htaccess檔案修改成:(YOURSUBFOLDERNAME,指子資料夾的名稱)
ErrorDocument 404 /YOURSUBFOLDERNAME/index.php?error=404
這樣就會呼叫你的404.php檔。 以下是一段完整的程式碼示範,教你使用404.php幫助使用者找出原本想找的東西。盡可能地將一些資訊回饋給他們以吸引他們繼續瀏覽其他頁面。
404 Error
We cannot seem to find what you were looking for.
Maybe we can still help you.
You can search our site using the form provided below.
You can visit "
Or you can view some of our recent posts.
Search:
TEMPLATEPATH . "/searchform.php"); ?>
Recent Posts
endwhile; endif; ?>
你可以根據你個人的喜好和頁面的風格對程式碼進行修改調整。在上面的例子中,我們只是告訴瀏覽者那是一個錯誤的鏈接,並為他們提供操作的選項,譬如搜索框。也可以增加最新文章清單以吸引他們繼續瀏覽網站。這些選項都是為了引導遊客瀏覽其他的頁面,而不是讓遊客看到404錯誤頁面掉頭就走。
讓404錯誤頁面更友好
為了讓404錯誤頁面更友好,你透過上面介紹的方法並添上一張有創意的圖片。您也可以在404.php檔案中使用html程式碼,以達到整頁都是錯誤頁面。