Cách tạo một trang báo lỗi 404 thân thiện!

<<< Kết nối với Giải Pháp Số trên Facebook >>>

ohoh

Những ai đã từng sử dụng WordPress đều ít nhiều biết về lỗi 404, đây là một lỗi không tìm thấy nội dung trang liên kết. Lý do chính xảy ra lỗi này thường là nội dung không tồn tài, đã bị xoá hoặc bị giới hạn quyền truy cập.

Thông thường khi user nhấp vào liên kết bị lỗi thì hệ thống tự động chuyển tới trang báo lỗi 404. Mặc định của trang 404 là một số dòng text Tiếng Anh đơn giản, điều này đôi khi gây khó khăn và bực bội đối với những người sử dụng bình thường.

Tuy nhiên người quản trị web vẫn có thể tùy chỉnh lại giao diện trang báo lỗi 404 trở nên thân thiện và dễ chịu hơn bằng một số thủ thuật đơn giản.

Thông thường trong mỗi theme đều có sẵn một “404 Template (404.php)”, mọi người có thể chỉnh sửa mã code trên file này:

VD:

chenma

Tuy nhiên tùy vào theme mà bạn sử dụng mà cách chỉnh sửa trang 404 sẽ khác nhau. Bạn cũng có thể sử dụng plugins để chỉnh sửa và tăng khả năng SEO cho blog của bạn như:

AskApache Google 404

—–

Đây là đoạn mã của Giải Pháp Số sử dụng cho trang lỗi 404

<p><img src=”http://www.giaiphapso.info/wp-content/uploads/2009/06/404.gif”></p>
<p>- 404 là một lỗi không tìm thấy trang nội dung liên kết.</p>

<p>- Có thể nội dung đã bị xóa hoặc bị giới hạn quyền truy cập.</p>

<p>- Xin vui lòng trở lại trang chủ của website bằng cách nhấp vào nút “Back” của trình duyệt hoặc nhấp vào menu “Home” hoặc click chuột vào <a href=”http://www.giaiphapso.info”>ĐÂY</a></p>

Và đây là kết quả hiển thị (bạn có thể test trực tiếp bằng cách gõ vào địa chỉ ảo sau: http://www.giaiphapso.info/diachiao)

notfound1

—-

Các bạn có thể vào địa chỉ sau để tham khảo ý tưởng cho việc thiết kế giao diện trang 404

http://www.smashingmagazine.com/2009/01/29/404-error-pages-one-more-time/

—-

Chúc các bạn có được một trang báo lỗi 404 thật ấn tượng và dí dỏm!

Mr. Giải Pháp Số

email


Admin Blog GiaiPhapSo.Info | Với tôi: "Sống là để trải nghiệm và chia sẻ đam mê!" Facebook | Twitter | Linked In | Google+

Advertisement

14 phản hồi tới “Cách tạo một trang báo lỗi 404 thân thiện!”

  1. Danh ba web 2.0

    Jul 01. 2009

    Nhìn vui đó bác !

    Reply to this comment
    • Mr. Giải Pháp Số

      Jul 01. 2009

      Cái chính là làm sao để người dùng cảm thấy vui vẻ và thoải mái khi gặp phải trang lỗi! Càng dí dỏm càng tốt bác ạ!

      Reply to this comment
      • Danh ba web 2.0

        Jul 01. 2009

        Đồng ý 2 tay. Mấy trang nước ngoài thông thường thiết kế các trang lỗi 404 rất sáng tạo và vui nhộn. Ở Việt Nam thì ít thấy hơn !

        Reply to this comment
  2. Mr. Giải Pháp Số

    Jul 01. 2009

    Nếu ai biết rành về Code thì có thể chèn thêm một số thành phần giúp chỉ đường cho người dùng “thăm quan” Blog của mình dễ dàng hơn như thêm các topic nổi bật, công cụ tìm kiếm …

    Reply to this comment
  3. bêka

    Jul 03. 2009

    anh chụp mấy trang lỗi 404 dí dỏm up lên cho mọi người coi với.

    Reply to this comment
    • MrGiaiPhapSo

      Jul 03. 2009

      em ghé trang web mà anh chia sẻ phía dưới bài viết đó! Hoặc vào Google gõ: “404 page template”

      Reply to this comment
  4. tranhung09

    Jul 05. 2009

    Góp ý: Mình thấy cái Nhận xét mới của Giải pháp số không mấy “thân thiện”

    Reply to this comment
  5. tranhung09

    Jul 05. 2009

    Thêm nữa: Leave a Comment không có nút theo dõi còm tiếp theo

    Reply to this comment
  6. Y5cafe

    Jul 14. 2011

    Hình như trang 404 của bác giaiphapso không còn như xưa
    còn đây là trang 404 của mình: http://giacaphe.com/ddsfsfdsfsdfdsf.sdfsafdsfdsa

    Reply to this comment
  7. Nguyễn Đăng Sơn

    Sep 11. 2011

    Chỉ bằng một chút sáng tạo là bạn có thể tự tạp cho mình những trang 404 độc nhất vô nhị rồi. Xin gửi các bạn một 404 “không đụng hàng” của mình: http://nghichdien.com/404 :)

    Reply to this comment
  8. Đầm công sở

    Sep 20. 2011

    Haha vui thật đấy. Cảm ơn bác Giải pháp số, nhờ bác mà site của em nhìn đẹp hơn nhiều ^^

    Reply to this comment

Gửi một phản hồi

Facebook

Twitter

Google Plus