本教程將教你如何為你的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代碼,以達到整頁都是錯誤頁面。