Trang 404 nên thể hiện sự sáng tạo và cá tính của bạn – đồng thời giúp ích cho người dùng. Dưới đây là 37 ví dụ tuyệt vời của những trang 404 để truyền cảm hứng cho bạn.
Một trang 404 hoành tráng có thể không giúp doanh nghiệp của bạn giành được bất kỳ giải thưởng nào. Nhưng nó cho thấy cách mà doanh nghiệp của bạn quan tâm đến khách hàng.
Trang 404 tuyệt vời có thể là một cách thông minh để thể hiện cá tính thương hiệu của bạn.
Nhưng liệu có đáng để đầu tư vào một trang 404 ưa thích không? Có thể chứ.
Bởi vì khi người dùng truy cập trang 404 của bạn, họ không tìm thấy thứ họ cần.
Sử dụng các liên kết, đồ họa thông minh và bản sao dí dỏm có thể khiến họ quên rằng bạn (có thể) đã làm rối và đưa họ trở lại đúng hướng.
Xét về tầm quan trọng của trang 404, sau đây là danh sách 37 ví dụ tốt nhất của các trang 404 mà bạn có thể tìm thấy trực tuyến.
Trang 404 là gì?
Trang 404 là trang đích cho những người xem trang web của bạn biết rằng trang được yêu cầu không có sẵn hoặc trong một số trường hợp, không tồn tại. Để tốt cho SEO những trang này thường có response code 404 nhằm để Google
Trang 404 cho người dùng biết không thể truy cập trang – và đó có thể là một vấn đề lớn.
Khi người dùng không thể truy cập một trang, họ không thể tìm thấy thông tin họ cần.
Và từ điều này, Google biết rằng trang web của bạn cung cấp trải nghiệm khách hàng kém, dẫn đến ít lưu lượng truy cập và xếp hạng thấp hơn.
Một cách lý tưởng nhất là những người dùng truy cập vào trang web sẽ không bao giờ phải truy cập vào trang 404. Tuy nhiên thực tế là chúng vẫn đôi khi xảy ra – ngay cả các trang web được duy trì tốt.
Tại sao khách lại truy cập vào trang 404?
Có một số nguyên nhân, bao gồm:
- Máy chủ bị sập.
- Trang đã bị chuyển và không được chuyển hướng.
- Trang không tồn tại.
- Người dùng đã nhập sai URL.
- URL bị hỏng.
Về cơ bản, nếu người dùng cố gắng truy cập một trang mà không thể tìm thấy, họ sẽ được chuyển đến trang 404 của bạn.
Điểm nổi bật của việc tạo trang 404
Trang 404 thân thiện với người dùng, hấp dẫn về mặt hình ảnh cho khách hàng biết rằng bạn quan tâm đến trải nghiệm của họ và muốn giữ họ trên trang web của bạn.
Khi được thực hiện tốt, một trang 404 tốt sẽ giúp người dùng bỏ qua lỗi cho bạn (ngay cả khi đó là lỗi của chính họ do họ nhập sai URL) và giữ họ ở lại trang web.
Một trang 404 tuyệt vời có thể khiến người dùng cảm thấy vui và – quan trọng nhất – giúp họ tìm thấy những gì họ đang tìm kiếm.
Những trang 404 tốt nhất đã được chọn ra trong hàng chục trang mà thể hiện sự sáng tạo và cá tính của thương hiệu.
37 ví dụ về trang 404 được thực hiện tốt.
1. Disney
Disney đã dùng một trong những nhân vật nổi tiếng nhất được biết đến với sự hủy diệt – Wreck-it Ralph để đánh bật ra khỏi công viên với trang 404 của họ.
Họ cũng thêm vào KnowsMore, một nhân vật phụ trong phim Ralph Breaks The Internet.
Cả hai nhân vật đều thích hợp cho trang, nhưng hãy lưu ý những gì nằm ngay bên cạnh KnowsMore: một thanh tìm kiếm nhỏ.
Có một thanh nhỏ nằm ở ngay đầu trang, nhưng đã không thể hoạt động ở trung tâm nơi người dùng sẽ nhìn thấy nó. Thanh tìm kiếm này giữ người dùng ở lại trang bằng cách giúp họ tìm thấy những gì họ muốn.
2. Drift
Drift là một công cụ tiếp thị chuyển đổi và nền tảng bán hàng cung cấp các công cụ để trò chuyện trực tiếp, trang đích, v.v.
Bản sao trên trang 404 vẫn có thương hiệu thông qua việc đề cập đến “cuộc trò chuyện”. Để giữ chân người dùng trên trang web Drift, họ cung cấp các đường dẫn đến trang chủ, blog và các liên kết dẫn đến một số phần nội dung phổ biến nhất.
Ở góc trên bên phải, có một đường dẫn đến chuyển đổi bằng cách nhấp vào nút Get Drift Free.
3. Help Scout
Help Scout cung cấp các công ty công cụ phần mềm hỗ trợ dịch vụ, khách hàng dựa trên email và cơ sở kiến thức trực tuyến.
Giống như Drift, trang 404 cung cấp liên kết đến blog và các bài đăng khác, nhưng họ sử dụng hình ảnh dễ thương về những chú chó đáng yêu để khiến mọi người vui vẻ hơn.
4. Apartment Therapy
Apartment Therapy, một trang web về trang trí nhà, nói đùa rằng băng keo washi (một loại băng dính giấy phổ biến được sử dụng trong trang trí và làm sổ lưu niệm) không thể sửa chữa được liên kết bị hỏng.
Ngay dưới màn hình đầu tiên, họ liên kết đến một số bài đăng phổ biến để thu hút lượng khách truy cập vào trang web.
Trang cũng bao gồm một thanh tìm kiếm và thanh điều hướng chính để người dùng có thể tiếp tục khám phá thêm về trang web.
5. CoSchedule
CoSchedule, một công cụ lên kế hoạch tiếp thị, giúp mọi việc trở nên đơn giản với ảnh GIF chú chó dễ thương và các liên kết đến trang chủ và blog của họ.
Ví dụ này chỉ ra rằng bạn không phải bỏ số tiền lớn để tạo một trang 404 hấp dẫn.
Rất đơn giản, nhưng vẫn có thể giải quyết được công việc.
6. Sprout Social
Sprout Social, công cụ tiếp thị truyền thông xã hội, có mong muốn giữ chân khách hàng của mình trên trang điện tử.
Sprout Social, công cụ tiếp thị truyền thông xã hội, mong muốn giữ chân khách hàng của mình trên trang điện tử.
Sprout Social phản ứng một cách nửa đùa nửa thật khi người dùng truy cập sai trang – nhưng cũng thiết lập một bản demo miễn phí, trong khi liên kết trang chủ chỉ giữ vai trò phụ.
Sau đó, chatbot của trang xuất hiện để tìm hiểu thắc mắc của người dùng.
Ở phía dưới, bản tin được quảng bá.
Về cơ bản, Sprout Social đã biến trang 404 của họ trở thành một trang đích.
7. ConvertKit
Ai lại không yêu những chú chó nào?
Trang ConvertKit mang xu hướng nhẹ nhàng bằng cách đăng tải một bức ảnh về chú chó của một thành viên trong nhóm và đường liên kết đến trang chủ của họ.
Tuy nhiên, trang của họ cũng trở nên chuyên nghiệp bằng cách cung cấp cuộc trò chuyện trực tuyến và một CTA để đăng ký miễn phí.
8. Screaming Frog
Screaming Frog là một công cụ được thiết kế để giúp chủ sở hữu trang web tìm và sửa các liên kết bị hỏng. Nhưng một điều trớ trêu rằng là chính họ cũng có một trang 404 và họ tự trêu chọc chính mình. Sau đó, họ cung cấp liên kết đến blog, trang liên hệ và các dịch vụ.
Không giống như các trang 404 khác trong danh sách, trang này có thể chuyển động.
Những con ruồi di chuyển xung quanh trang giấy, những con cá trôi nổi, và những lá súng xoay tròn.
Tuy đây chỉ là một thay đổi nhỏ, nhưng làm cho trang trở nên đẹp mắt hơn.
9. Moz
Trang Moz trông đơn giản với sự xuất hiện nổi tiếng của Roger Mozbat, linh vật của thương hiệu.
Sự hiện diện của nhân vật này chính là hình ảnh thương hiệu của công ty.
Moz cũng tạo một thanh tìm kiếm trang web giúp bạn có thể tìm thấy những gì bạn muốn.
10. BigCommerce
Trang 404 của BigCommerce cung cấp nhiều tính năng tương tự mà chúng tôi đã thấy trước đây – CTA để liên hệ, yêu cầu bản thử nghiệm và cách dễ dàng để khám phá trang web.
Tuy nhiên, điều nổi bật chính là hình ảnh không gian vũ trụ được thiết kế tốt, vàcho người dùng cảm giác trang được đầu tư, lên kế hoạch kỹ lưỡng và thấu đáo.
Những người dùng truy cập vào trang 404 của bạn có thể cảm thấy khó chịu – một hình ảnh sáng tạo sẽ giúp bạn cảm thấy như bạn đã liên kết nội dung của mình lại và đây chỉ là một sai sót nhỏ.
11. Kinsta
Kinsta, một công ty lưu trữ WordPress dựa trên đám mây, có cách tiếp cận tương tự như BigCommerce. Họ sử dụng hình ảnh được thiết kế tốt trên trang 404 .
Họ giữ điều hướng và thanh tìm kiếm hàng đầu, vì vậy người dùng có thể dễ dàng tìm thấy các thông tin khác.
Họ cũng sử dụng các cửa sổ Popup để đề xuất nội dung có kiểm soát, tăng khả năng giúp thúc đẩy những người đăng ký email.
12. Lego
Trang Lego mang tông sáng màu bằng cách dùng hình ảnh lớn của một người đàn ông Lego nói rằng:“Rất tiếc, chúng tôi không thể tìm thấy trang đó! Đừng lo lắng, dù vậy mọi thứ VẪN TUYỆT VỜI! ” liên quan đến một bài hát trong Lego Movie .
Trang cũng cung cấp một liên kết đến cửa hàng của họ để giữ chân người dùng.
13. Slack
Trang 404 của Slack thật đáng kinh ngạc.
Khi bạn di chuyển chuột xuống bức ảnh trên, bạn có thể thấy một khu rừng với những con bướm bay, lợn, hoa và gà.
Trang cũng chuyển sang màu đen và trắng nếu bạn chuyển đến một tab khác. Tuy nhiên thật không may, khiến bạn khó có được tấm ảnh chụp màn hình về sự tuyệt vời này.
14. Mailchimp
Trang công cụ email Mailchimp trông đơn giản – nhưng vẫn không kém phần thông minh. Trang 404 về một con vật hoạt hình đang tìm kiếm trong một cái lỗ, ngụ ý rằng trang đã bị mất.
Đây quả là cách làm thông minh cho thấy trang 404 của họ không phải là một suy nghĩ quá muộn màng.
15. okta
Okta là một công ty quản lý quyền truy cập dựa trên đám mây có trụ sở tại San Francisco.
Trang 404 của họ khá đơn giản, nhưng điều mà tôi thực sự thích là việc họ đưa ra lý do tại sao liên kết có thể bị hỏng. Điều này giúp người dùng hiểu được điều gì có thể đã xảy ra lỗi này.
16. Swiss
Swiss Airlines không cung cấp bất kỳ thông tin bổ sung nào, ngoài liên kết đến trang chủ và thanh điều hướng, nhưng trang 404 của họ thực sự rõ ràng.
Những đám mây di chuyển ngay khi bạn di chuyển con trỏ qua trang, bao vây bạn trong những đám mây.
Tôi thừa nhận rằng đó là một tính năng thú vị đã giữ chân tôi trên trang 404 của họ lâu hơn.
17. Wizarding World
Như nhiều fan hâm mộ Harry Potter đã biết, Harry đã bị lạc lần đầu tiên khi cậu cố gắng sử dụng bột Floo. Floo là một chất lấp lánh cho phép các phù thủy đi du lịch bằng cách dịch chuyển đến bất kỳ ngôi nhà hoặc tòa nhà nào có lò sưởi.
Hình ảnh cho thấy cảnh Harry bước ra khỏi lò sưởi, nơi cậu vô tình dịch chuyển chính mình bị bao phủ bởi bởi bồ hóng. Hình ảnh trở nên hoàn hảo phù hợp với một trang 404.
18. Southwest
Đầu tiên, họ sử dụng tham chiếu “Chiến tranh giữa các vì sao”, giúp cho hình ảnh trở nên tươi sáng.
Trang này cũng có một gậy baton có khả năng di chuyển được sử dụng bởi các trung tướng không quân.
Bên cạnh hình ảnh, Southwest cung cấp các liên kết nhanh để giúp người dùng tìm thấy những gì họ cần.
Có chức năng tốt nhưng vẫn rất nổi bật.
19. 9GAG
9GAG là một nền tảng trực tuyến cho meme và video, sử dụng ảnh GIF hoàn toàn có thương hiệu cho trang 404 và cung cấp một liên kết duy nhất hướng người dùng đến ứng dụng.
Mặc dù người dùng không tìm thấy trang mà họ đang tìm kiếm, trang 404 của 9GAG vẫn duy trì được thương hiệu. Và đảm bảo người dùng biết họ đang truy cập đúng trang web một cách dễ dàng.
20. Flywheel
Flywheel, một công ty lưu trữ WordPress được quản lý, cung cấp trang 404 kỳ quặc này để cho mọi người biết họ đã đến nhầm trang.
Ngôn từ tự nhiên phản ánh cảm giác thương hiệu tổng thể của họ và liên kết đến trang chủ giúp người dùng tìm thấy hướng đi của họ.
Giống như một số thương hiệu khác, họ cũng cung cấp chức năng trò chuyện để trợ giúp thêm cho những người dùng vào nhầm liên kết.
21. Dan Woodger
Dan Woodger, một nghệ sĩ và họa sĩ vẽ tranh minh họa, giới thiệu tác phẩm của chính mình trên trang 404 của anh. Bánh hamburger mang cảm giác tươi sáng và sảng khoái của anh ấy đang ở ngay tại nhà.
Lưu ý, anh không đề cập đến trang 404 hay cung cấp thông tin nào khác, ngoài liên kết công việc.
Ví dụ này cho thấy một trang tuyệt vời không cần phải phức tạp.
22. Distilled
Rất nhiều thương hiệu gọi đến trang 404 của họ. Họ cho rằng sẽ không có nhiều người xem trang, vì thế điều này là không quan trọng.
Tuy nhiên, việc giới thiệu phong cách thương hiệu của bạn trên một trang lại mang sức ảnh hưởng lớn.
Nếu bạn quan tâm đến trang 404, khả năng cao bạn cũng quan tâm đến các khách hàng của mình.
Distilled sử dụng hình ảnh như đồ họa trực quan để giải thích trang đó là gì và điều gì đã xảy ra những lỗi như vậy.
23. Taco Bell
Taco Bell nổi tiếng là người hơi bất kính. Trang 404 của họ cũng không ngoại lệ.
Trang có một chiếc bánh taco nhảy múa vừa trượt và làm đổ nhân, sau đó xúc chúng trở lại vỏ.
Đó là một lời nhắc nhở thú vị rằng họ biết đã xảy ra sự cố.
Trang bao gồm liên kết đến trang chủ, thực đơn, địa điểm, nơi mua thẻ quà tặng và hàng hóa.
24. Magnt
Magnt cung cấp một trình tạo và các công cụ dễ sử dụng để tạo các trang web và họ lấy làm tự hào là tốt hơn trình tạo trang web dựa trên mẫu tiêu chuẩn của bạn.
Trang 404 của họ làm nổi bật sự sáng tạo của thương hiệu bằng một biểu đồ Venn thông minh. Biểu đồ giải thích lý do tại sao bạn có thể đã vào nhầm trang- “Chúng tôi đã hỏng điều gì đó” hoặc “Bạn không thể nhập”.
25. Dribble
Dribble, một thị trường sáng tạo dành cho các chuyên gia thiết kế, cung cấp một trang 404 đầy đủ chức năng.
Người dùng có thể kéo dấu chấm bên dưới phông chữ 404 để khám phá các nhà thiết kế trong phạm vi màu cụ thể.
Nhấp vào các khối tạo nên số 404 sẽ đưa bạn đến cụ thể các nhà thiết kế đó.
Họ cũng cung cấp một thanh tìm kiếm, cho những người dùng muốn tìm kiếm trang web theo cách đó.
26. Overflow
Đặc tính của Overflow được đặt ở vị trí chính giữa trên trang 404 của họ.
Giọng điệu trò chuyện và sự hài hước của họ mang cảm giác mời gọi và chào đón. Do đó khiến tôi muốn kết nối nhấp trở lại trang chủ của họ.
Và cùng một giọng nói và giai điệu được truyền tải trên trang chủ.
27. Wendy’s
Đến giờ, có lẽ bạn đã bật cười trước một hoặc hai dòng tweet từ Wendy’s.
Tương tự như Overflow, Wendy’s vẫn tiếp tục sử dụng giọng nói và giai điệu tương tự cho trang web. Thậm chí cả trang 404 cũng như vậy.
Họ đã tạo một trò chơi video tương tác cho người dùng tương tự như Pac-Man trên trang 404.
Hãy xem bạn có thể đưa Wendy cho đến cùng không!
28. Red Bull
Trang 404 của Red Bull là một giấc mơ đối với bất kỳ chuyên gia SEO hoặc tiếp thị nào.
Trang chứa đầy các liên kết đến các bài báo và danh sách phát video.
Red Bull thậm chí còn xoay danh sách phát video cho sự kiện gần đây nhất của họ.
Red Bull đã sử dụng sự kiện lướt sóng Red Bull Big Wave 2020 của họ làm nguồn cảm hứng.
29. Blizzard
Blizzard Entertainment, những người tạo ra trò chơi World of Warcraft, còn được gọi là WOW.
Blizzard giới thiệu một trong những nhân vật nổi tiếng của họ, Murloc, giúp giải cứu bạn khỏi trang 404.
30. Marvel
Marvel sử dụng các nhân vật truyện tranh khác nhau như Captain America, Deadpool, v.v. một cách luân phiên.
Một gợi ý nhỏ: Tiếp tục nhấn refresh. Mỗi lần làm mới thứ ba, Marvel sẽ cung cấp một hình ảnh khác.
31. Patagonia
Trang 404 của Patagonia mang đến cảm giác bình dị, nhiệt đới của trang.
Đầu tiên, họ thu hút người xem bằng một vòng lặp video. Sau đó, Patagonia hướng dẫn người dùng kéo xuống trang liên kết đến các danh mục mua sắm phổ biến.
32. Backcountry
Backcountry, một trang web thiết bị ngoài trời phổ biến thể hiện hài hước khi kết nối với khán giả.
33. Nintendo
Nintendo thiếu sự chăm chút cho một số tác phẩm để hấp dẫn về mặt hình ảnh.
Tuy nhiên, điều quan trọng là Nintendo thêm các liên kết đến các tài nguyên cho người dùng.
Nintendo buộc người dùng ở lại trang web và không bị trả lại SERPs.
34. Zillow
Zillow cung cấp lợi ích GIF tương tác cho những người tìm kiếm trang chủ của nó.
Zillow sử dụng dữ liệu khách hàng để xem liệu người dùng là những người yêu thú cưng hay không.
Để thu hút những người yêu thú cưng, họ đã tạo ra con mèo tương tác. Con mèo sẽ cười khúc khích vào lúc cuối khi nó làm vỡ thứ gì đó trong phòng khách.
Là một người yêu động vật, tôi cảm thấy thu hút với điều này!
35. H&R Block
Tuy trang 404 của H&R Block không quá hấp dẫn, nhưng trang cung cấp thêm thông tin cho người dùng để giữ họ nhấp vào và tương tác trên trang web.
36. World of Warcraft
World of Warcraft kể cho khán giả các câu chuyện cười về CDN và nửa phần trên website.
37. Playstation
Playstation đưa ra lời cảm ơn về một trong những trò chơi mới hơn trên trang 404.
Ngoài ra, họ tạo các tùy chọn quay lại trang chủ hoặc nhận lời khuyên từ trung tâm trợ giúp.
Tóm lược
Trong một thế giới hoàn hảo, không ai có thể nhìn thấy trang 404 của bạn.
Những trang 404 sẽ được giấu đi rất xa, giống như chiếc túi mỏng Reese tôi cất giấu trong tủ. Bạn biết đấy, đối với những thời điểm quyết liệt.
Nhưng trong thế giới thực, mọi thứ vẫn xảy ra.
Các liên kết bị rút ngắn, ấn nhầm nút và đôi khi bạn quên chuyển hướng một trang. Bắt đầu bằng cách sử dụng một công cụ như Screaming Frog để tìm các liên kết bị hỏng đó.
Cần có thời gian để tạo trang 404 sáng tạo để thu hút người dùng hơn là đuổi họ đi.
Nguồn Tham khảo: https://www.searchenginejournal.com/404-page-examples/211154/