Tại sao Trang 404 của bạn là quan trọng và làm thế nào để làm cho nó rực rỡ thay vì nhàm chán

Bài viết được viết bởi:
  • Thiết kế website
  • Cập nhật: Có thể 08, 2019

Tại một số thời điểm trong cuộc sống của trang web của bạn, một khách truy cập sẽ vấp vào trang lỗi 404. Có lẽ khách truy cập thêm một phần mở rộng lạ vào cuối địa chỉ web hoặc có thể cô ấy đã đánh dấu một trang cũ và cấu trúc tổ chức của bạn đã thay đổi. Dù lý do là gì, khi khách truy cập truy cập trang 404 đó, bạn muốn nó trở thành kênh trở lại trang web của bạn hoặc bạn có nguy cơ mất khách truy cập vào đối thủ cạnh tranh.

Mục tiêu của trang 404

Lỗi 404
Tín dụng hình ảnh: CyboRoZ

Mục tiêu của trang 404 là giữ khách truy cập trên trang web của bạn ngay cả khi cô ấy truy cập một trang không tồn tại.

Khi được thực hiện một cách sáng tạo và có mục đích, một trang 404 không chỉ có thể giữ lại khách truy cập mà còn giúp cô ấy ghé thăm xung quanh và kiểm tra những gì đang diễn ra xung quanh dấu chấm của bạn. Một số điều cần ghi nhớ cho trang 404 của bạn:

  • Nên không có quảng cáo
  • Nên cho người dùng biết rằng cô ấy đã truy cập trang bị lỗi nhưng cách bạn cho cô ấy biết có thể phản ánh tính cách của trang web
  • Nên kênh khách truy cập đến các trang khác hoặc trang chủ
  • Nên là HTML tĩnh và không chứa các tập lệnh phức tạp có thể tạo thêm lỗi cho một số người dùng
  • Nên tải càng nhanh càng tốt

Những gì không làm

Trước khi chúng tôi nói về một số cách sử dụng sáng tạo của trang lỗi 404, hãy xem một số ví dụ về các trang 404 chung và lý do tại sao bạn không nên sử dụng chúng. Là một người am hiểu web, bạn sẽ tự động hiểu tại sao lỗi 404 được trả về. Tuy nhiên, khách truy cập trang web của bạn có thể chưa quen với Internet hoặc không hiểu đầy đủ về cách thức hoạt động của trang web. Một trang 404 chung có thể làm nản lòng những người mới này và khiến họ rời khỏi trang web của bạn không bao giờ quay lại.

Hãy xem xét một thông báo lỗi phổ biến trên một trang web mà không có 404 tùy chỉnh.

Thông báo lỗi 404

Trong ví dụ trên, khách truy cập trang web có thể tự hỏi tại sao có lỗi 404 và thậm chí là gì. Thông báo này cũng không cung cấp cho khách truy cập bất kỳ tùy chọn nào để ở lại trên trang web. Nhiều khả năng, người dùng không chuyên về công nghệ sẽ chỉ rời khỏi trang web của bạn tại thời điểm này. Đây là một sự xấu hổ vì vấn đề duy nhất có thể là một từ sai hoặc chữ bị đặt sai.

Các mẫu trang 404 tốt

Dành thời gian để tùy chỉnh thông điệp 404 của bạn và bạn ít có khả năng mất những khách truy cập gặp lỗi. Dưới đây là một ảnh chụp màn hình của tin nhắn 404 từ trang web của riêng tôi. Nó đưa khách truy cập trang web đến các lựa chọn khác trên trang web. Hy vọng rằng, khách truy cập sẽ ở lại và kiểm tra các dịch vụ khác.

Lori Soard (trang của tôi)

lori soard 404 trang lỗi
Trang lỗi 404 tại LoriSoard.com

Trong ví dụ trên, tôi đã thực hiện một số điều để khách truy cập trang web đến phần còn lại của trang web của tôi. Đầu tiên, giao diện của trang 404 giống như các trang còn lại của tôi. Tiêu đề của tôi là ở đó và cấu trúc điều hướng cũng vậy. Nếu trang web của bạn quá nặng về đồ họa, bạn có thể muốn sử dụng một cái gì đó hơi khác một chút để giúp trang này tải nhanh hơn.

Tôi cũng đã thay đổi từ ngữ để cho khách truy cập biết rằng trang này không thể được tìm thấy trên trang web nhưng cung cấp cho họ khả năng tìm kiếm những gì họ cần. Cuối cùng, sâu hơn nữa trên trang là những bài đăng gần đây nhất của tôi và dưới đây (bạn không thể thấy nó trong ảnh chụp màn hình) là các danh mục và chủ đề phổ biến.

Điều này cung cấp cho khách truy cập trang web nhiều tùy chọn, nhưng bạn cũng có thể thu hẹp các lựa chọn để đưa họ đến một trang cụ thể. Tôi làm điều đó trên các trang web khác, nơi mục đích của trang web hẹp hơn.

Web Hosting bí mật tiết lộ

Trang 404 tại WHSR

Thật ngạc nhiên khi WHSR thực hiện tốt trang 404 của họ.

Ở đây tại WHSR, có một trang lỗi 404 mang lại lợi ích tương tự khi có cấu trúc điều hướng giống như phần còn lại của trang web. Hình ảnh mèo gắt gỏng thêm một cảm giác kỳ quái và văn bản đùa nói "con mèo đã ăn tập tin của chúng tôi".

Thêm một chút hài hước có thể giữ khách truy cập trên trang web của bạn. Khách truy cập giả định nếu trang lỗi hài hước và được viết rõ ràng rằng các bài viết có thể là tốt.

Blue Fountain Media

Blue Fountain Media là một trang web thực hiện một trang 404 thực sự tốt. Mặc dù nó phá vỡ quy tắc không có tập lệnh, nhưng nó có hiệu quả trong việc khiến khách truy cập ở lại trang web một chút. Nó cũng là bản gốc và do đó đáng nhớ.

đài phun nước xanh phương tiện truyền thông 404

Blue Fountain Media mời khách truy cập không thể tìm thấy trang mà anh ta đang tìm kiếm để chơi và chơi trò chơi Pac Man. Ai có thể cưỡng lại? Tất nhiên, cấu trúc điều hướng và thông tin liên hệ được đặt ở đầu trang trong trường hợp khách truy cập muốn biết thêm thông tin về Blue Fountain Media.

Vì mọi người yêu thích trò chơi, khách truy cập thậm chí có thể đánh dấu trang lỗi 404 này cho các lần truy cập sau này.

Wikipedia

Wikipedia là một trang web khác phá vỡ một số quy tắc cơ bản của 404, nhưng thực hiện tốt đến mức bạn phải cung cấp một chút tiếng vỗ tay lúc sáng chói.

wikipedia 404

Wikipedia đưa thêm 404 một bước nữa và giả định rằng khách truy cập trang web đang lên kế hoạch truy cập một trang có tên mở rộng tương tự. Wikipedia sau đó tự động chuyển hướng người truy cập trang đến trang mà nó cho rằng khách truy cập muốn.

Trong khi giả định có thể hoặc có thể không chính xác, khách truy cập vẫn được đưa đến một trang thú vị, có thể giữ anh ta trên trang web hoặc mời anh ta khám phá thêm một số trang khác. Ngoài ra còn có các liên kết được cung cấp cho trang chính.

Mẹo để sửa lại trang của bạn

  • Vứt bỏ các điều khoản techie. Khách truy cập trang web của bạn không quan tâm tại sao trang không có ở đó hoặc điều gì gây ra lỗi nhiều như họ quan tâm đến việc truy cập trang họ muốn.
  • Bao gồm một liên kết đến trang chủ.
  • Đừng chỉ tay vào khách của bạn. Không ai thích bị nói là sai. Thay vì nói, bạn đã gõ sai url, chỉ cần nói rằng trang này không thể được tìm thấy.
  • Sáng tạo là tốt, nhưng điên rồ thì không. Trang 404 của WHSR (ảnh chụp màn hình ở trên) là một ví dụ điển hình vì nó mang đến sự hài hước, nhưng không có những con khỉ bay phóng to và thu nhỏ.

Google cũng cung cấp một số mẹo cụ thể để tạo trang 404 hữu ích.

Cách thêm trang 404 tùy chỉnh

Vì hầu hết độc giả của chúng tôi có khả năng nền tảng lưu trữ cung cấp cPanel, tôi sẽ cung cấp chỉ đường và ảnh chụp màn hình để tải lên trang 404 tùy chỉnh của bạn thông qua cPanel. Bạn cũng có thể thiết lập các tham số tùy chỉnh trong các tệp .htaccess của mình. Nếu bạn không có quyền truy cập vào phần phụ trợ của trang web, hãy nói chuyện với nhà cung cấp dịch vụ lưu trữ của bạn về cách bạn có thể tải lên trang lỗi 404 tùy chỉnh.

1. Tùy chỉnh lỗi qua cPanel

Điều hướng đến bảng điều khiển của trang web của bạn. Địa chỉ có thể là một cái gì đó dọc theo những dòng này:

http://yoursite.com/controlpanel

or

http://yoursite.com:2082

Khi bạn đã đăng nhập vào bảng điều khiển của mình, hãy cuộn xuống phần có tiêu đề là Advanced Advanced và nhấp vào trang Lỗi Lỗi Trang.

bảng điều khiển3. Chỉnh sửa trang lỗi

Một danh sách các trang lỗi sẽ kéo lên, chẳng hạn như trong hình dưới đây. Nhấp vào 404 (Không tìm thấy).

trang lỗi

Trang kéo lên là nơi bạn có thể chèn mã bạn muốn cho trang này.

WordPress Custom 404s

WordPress có thể cung cấp cách dễ nhất để tùy chỉnh trang 404 của bạn. Chỉ cần sử dụng một plugin như:

  • Google 404
  • Các 404 hữu ích
  • Trang lỗi kiểu Dunstan

Nếu bạn cảm thấy thoải mái với mã hóa, bạn có thể tải lên tệp 404.php của chủ đề và thêm một số mã hóa tùy chỉnh để buộc trang phải làm những gì bạn muốn. WordPress cung cấp hướng dẫn chi tiết về cách thực hiện điều này.

Bây giờ bạn có một số ý tưởng để tùy chỉnh các lỗi 404 của mình và cách thực hiện, bạn sẽ muốn dành thời gian để kiểm tra trang web của mình xem có liên kết bị hỏng không. Trang 404 tốt nhất, sau tất cả, là một trang không bao giờ xảy ra. Nếu bạn sửa các liên kết bị hỏng, khách truy cập ít có khả năng chạy vào 404 đáng sợ ở nơi đầu tiên.

Về Lori Soard

Lori Soard đã làm việc như một nhà văn tự do và biên tập viên từ 1996. Cô có bằng cử nhân về Giáo dục tiếng Anh và bằng Tiến sĩ về Báo chí. Các bài báo của cô đã xuất hiện trên các tờ báo, tạp chí, trực tuyến và cô đã xuất bản nhiều cuốn sách. Kể từ 1997, cô đã làm việc như một nhà thiết kế web và quảng bá cho các tác giả và các doanh nghiệp nhỏ. Cô thậm chí còn làm việc cho một thời gian ngắn xếp hạng các trang web cho một công cụ tìm kiếm phổ biến và nghiên cứu chiến thuật SEO chuyên sâu cho một số khách hàng. Cô thích nghe từ độc giả của mình.