Tìm kiếm
Đóng hộp tìm kiếm này.

Làm cách nào để tạo trang lỗi 404 tùy chỉnh trong WordPress 2024? [5 điểm chính]

Tiết lộ chi nhánh: Hoàn toàn minh bạch - một số liên kết trên trang web của chúng tôi là liên kết liên kết, nếu bạn sử dụng chúng để mua hàng, chúng tôi sẽ kiếm được hoa hồng miễn phí cho bạn (không tính thêm phí gì!).

Trong bài viết này, bạn sẽ biết về Cách tạo trang lỗi 404 tùy chỉnh trong WordPress. Lỗi chính tả và URL sai là nguyên nhân phổ biến của trang 404.

Trang lỗi được cá nhân hóa có thể biến trải nghiệm tồi tệ thành trải nghiệm tốt. Bằng cách tối ưu hóa trang 404, bạn có thể tránh được một lỗi nhỏ làm hỏng trang web của mình.

Cách tùy chỉnh trang chủ mặc định của WordPress. Sau đó chúng ta sẽ xem xét năm tính năng bắt buộc phải có của trang 404. Đi nào!

Làm cách nào để tạo trang lỗi 404 tùy chỉnh trong WordPress? 5 điểm chính

Bây giờ bạn có một trang 404 tùy chỉnh! Nhưng Beaver Builder có nhiều mô-đun hơn để giúp bạn thiết kế tốt hơn.

Cách tạo trang lỗi 404 tùy chỉnh trong WordPress

Dưới đây là năm điểm chính hàng đầu của chúng tôi cần xem xét:

KHAI THÁC. Thực đơn

Điều này là phổ biến trong các thiết kế 404. Trung tâm của trang web có thể không được tất cả mọi người mong muốn. Menu điều hướng hiển thị cho phép mọi người chuyển đến các trang cụ thể trên trang web của bạn.

Điều này sẽ bao gồm dữ liệu họ đang cố truy cập. Do đó, một menu có thể tạo ra hoặc phá vỡ sự tương tác của khách truy cập với nội dung của bạn. Sau đó kéo nó vào bố cục Themer của bạn.

Đặt các tùy chọn của mô-đun Menu. Chọn menu điều hướng WordPress bạn muốn hiển thị trên trang 404 của mình. Tạo một menu trong Giao diện > Menu. Phong cách ngang, dọc và accordion.

2. Bài viết để đọc

Tạo phần Bài viết gần đây để quảng cáo nội dung mới trên trang web của bạn. Thêm mô-đun Bài viết vào trang 404 của bạn (Băng chuyền bài viết hoặc Thanh trượt bài viết).

Hình ảnh nổi bật hoặc nội dung bài đăng có thể được hiển thị tùy thuộc vào cài đặt mô-đun. Đây là một cách tuyệt vời để quảng bá trang web của bạn.

Bài viết có thể được hiển thị dưới dạng danh sách hoặc cột. Tính linh hoạt là chìa khóa trong các tùy chọn hiển thị của mô-đun này. Nó cho phép bạn hiển thị một số mục theo hàng ngang, hoạt hình hoặc không.

Mô-đun này hiển thị hình ảnh và siêu dữ liệu nổi bật cho mỗi bài viết.

Sử dụng tính năng tự động cuộn hoặc cho phép khách truy cập nhấp qua các tùy chọn. Mô-đun Băng chuyền bài đăng cho phép bạn trình bày nhiều bài đăng trong một không gian nhỏ gọn.

Nó hiển thị một hình ảnh với lớp phủ văn bản. Thanh trượt Bài viết rất phù hợp cho các bài viết có hình ảnh nổi bật.

3. Liên hệ chúng tôi

Liên kết bị hỏng là điều khủng khiếp đối với khách truy cập và SEO. Các bot kiểm tra trang web của bạn để tìm các liên kết bị hỏng. Kết quả là nội dung trang web của bạn có thể không xuất hiện nhanh chóng.

Điều quan trọng là phải nhận ra nếu kết nối bị hỏng. Tranh thủ người dùng của bạn làm người thử nghiệm bằng cách cho phép họ dễ dàng báo cáo lỗi 404.

Thưởng cho họ vì đã báo cáo sự cố 404 bằng phiếu giảm giá WooC Commerce. Bạn nên có mô-đun Biểu mẫu liên hệ trên trang 404 của mình.

Câu trả lời được gửi đến địa chỉ quản trị viên WordPress của bạn theo mặc định. Đặt nó vào trường Gửi đến Email.

Hãy cân nhắc việc thêm một số văn bản vào biểu mẫu này để làm rõ rằng nó dùng để báo cáo các liên kết bị hỏng. Sử dụng Beaver Builder Mô-đun soạn thảo văn bản để thực hiện việc này. Thay đổi văn bản nút để tạo CTA (CTA) rõ ràng.

4. Thanh tìm kiếm

Sử dụng menu và phần blog để khuyến khích khám phá trang web Để tìm thông tin, một số người dùng nhất định có thể cần truy cập nhanh vào thanh tìm kiếm. Mô-đun Tìm kiếm của Beaver Builder có thể tạo ra các trang 404.

Cài đặt mô-đun này để tùy chỉnh thanh tìm kiếm của bạn. Bố cục chỉ có nút và nội tuyến. Về hiển thị kết quả tìm kiếm. Kết quả tìm kiếm 404 có thể xuất hiện dưới dạng menu thả xuống.

Bao gồm các kết quả tìm kiếm trên trang 404 của bạn để ngăn chặn một trang kết quả tìm kiếm riêng biệt. Tạo hiệu ứng này trên tab Nội dung. Chọn AJAX từ menu Kết quả.

Trang kết quả tìm kiếm của bạn cũng có thể gửi chúng. Để tránh trang lỗi 404, hãy chuyển hướng người dùng đến nội dung chính trên trang web của bạn. Đặt tùy chọn Chuyển hướng đến trang tìm kiếm trong phần Kết quả.

Chọn tab Nút trong cài đặt của mô-đun Biểu mẫu liên hệ. Sau đó cập nhật Văn bản nút bằng CTA mới của bạn.

5. Đăng nhập

Tư cách thành viên có thể giúp bạn hình thành mối quan hệ lâu dài với thị trường mục tiêu của mình. Nó phổ biến trên Thương mại điện tử và các địa điểm đào tạo.

Nếu bạn cung cấp dịch vụ thành viên, bạn có thể muốn cho phép đăng nhập từ trang 404 của mình. Thu hút lại khách truy cập của bạn. Sử dụng nó làm lối tắt cho những người gặp lỗi 404 khi cố đăng nhập.

Beaver Builder bao gồm mô-đun này. Mẫu đăng nhập cho các trang 404. Theo mặc định, biểu mẫu này cung cấp tính năng Ghi nhớ thông tin đăng nhập và Quên mật khẩu. Bạn có thể thay đổi các tham số trang Chung của mô-đun Biểu mẫu đăng nhập để đơn giản hơn.

Hiển thị Liên kết Quên mật khẩu và đăng nhập vào Không. Không còn trên mẫu đăng nhập của bạn.

Liên kết nhanh:

Kết luận: Làm cách nào để tạo trang lỗi 404 tùy chỉnh trong WordPress 2024? 

Trong một thế giới hoàn hảo, sẽ không ai nhìn thấy trang 404 của bạn. Ngay cả khi bạn thực hiện mọi biện pháp phòng ngừa, khách truy cập vẫn có thể nhập URL không chính xác. Lỗi 404 của bạn là lỗi của người khác.

Bạn nghĩ gì về trang lỗi 404 của WordPress? Hãy chia sẻ ý kiến ​​của bạn vào ô được cung cấp.

Jitendra

Jitendra Vaswani là người sáng lập lược đồNinja WordPress Plugin, trước SchemaNinja, anh ấy là người sáng lập của nhiều blog tiếp thị trên internet BloggerIdeas.comvà Digiexe.com. Ông là một nhà tiếp thị trực tuyến thành công và là nhà tư vấn tiếp thị kỹ thuật số từng đoạt giải thưởng. Anh đã được giới thiệu trên HuffingtonPost, BusinessWorld, YourStory, Payoneer, Lifehacker và các ấn phẩm hàng đầu khác với tư cách là một blogger và nhà tiếp thị kỹ thuật số thành công. Jitendra Vaswani cũng là diễn giả thường xuyên và có hơn 8 năm kinh nghiệm trong lĩnh vực Tiếp thị Kỹ thuật số. Kiểm tra danh mục đầu tư của anh ấy ( jitendra.co). Tìm anh ấy trên TwitterFacebook.

0 cổ phiếu
Tweet
Chia sẻ
Chia sẻ
Pin