VietNetwork.Vn

Bạn có muốn cải thiện mẫu trang 404 của mình trong WordPress không?

Bằng cách thay thế trang WordPress 404 mặc định bằng thiết kế của riêng bạn, bạn có thể cải thiện trải nghiệm của khách truy cập và giữ mọi người trên trang web của bạn lâu hơn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách tùy chỉnh mẫu trang 404 của bạn trong WordPress.

Tại sao phải cải thiện mẫu trang 404 của bạn trong WordPress?

Hầu hết các chủ đề WordPress đều đi kèm với một mẫu 404 cơ bản, bao gồm cả những mẫu mặc định của WordPress. Ví dụ: trong hình ảnh sau đây, bạn có thể thấy trang 404 của Twenty-Two-Two.


Tuy nhiên, hầu hết các mẫu mặc định này đều đơn giản và không hiển thị bất kỳ nội dung nào từ trang web của bạn. Điều này có nghĩa là bất kỳ ai truy cập vào trang 404 của bạn đều có nhiều khả năng rời khỏi trang web WordPress của bạn hơn, điều này sẽ làm tăng tỷ lệ thoát của bạn.

Đây là tin xấu cho SEO WordPress của bạn và có thể ảnh hưởng đến vị trí trang web của bạn xuất hiện trong bảng xếp hạng của công cụ tìm kiếm.

Nói như vậy, bạn nên tạo một trang 404 với nội dung và thương hiệu của riêng bạn.

Ví dụ: Chúng tôi hiển thị hình ảnh tùy chỉnh và khuyến khích khách truy cập liên hệ với chúng tôi để chúng tôi có thể khắc phục lỗi 404. Thanh bên cũng có các liên kết đến hồ sơ truyền thông xã hội của chúng tôi và thậm chí một số thông tin về việc tải xuống sách điện tử.

Đây cũng là cơ hội để quảng cáo các bài đăng hoặc sản phẩm phổ biến nhất từ cửa hàng trực tuyến của bạn. Bằng cách này, trang 404 của bạn có thể thêm giá trị cho khách truy cập, điều này sẽ tăng số lần xem trang và giảm tỷ lệ thoát.

Nếu bạn đang tìm kiếm nguồn cảm hứng, thì chúng tôi đã thu thập các ví dụ thiết kế trang báo lỗi 404 tốt nhất để bạn tham khảo.

Lưu ý: Ngay cả khi bạn thiết kế một trang hấp dẫn và hữu ích, bạn vẫn muốn sửa bất kỳ lỗi 404 nào. Tại đây, nó giúp theo dõi các trang 404 của bạn và chuyển hướng chúng.

Như đã nói, chúng ta hãy xem cách bạn có thể cải thiện mẫu trang 404 của mình trong WordPress.

Nếu bạn muốn hướng dẫn bằng văn bản, chỉ cần tiếp tục đọc. Bạn cũng có thể sử dụng các liên kết nhanh bên dưới để chuyển thẳng đến phương pháp bạn muốn sử dụng.

• Phương pháp 1. Tạo Trang 404 tùy chỉnh trong WordPress mà không cần mã (Được khuyến nghị)
• Phương pháp 2. Tạo Trang 404 tùy chỉnh trong WordPress bằng cách thêm mã

1. Phương pháp 1. Tạo Trang 404 tùy chỉnh trong WordPress mà không cần mã (Được khuyến nghị)

Cách tốt nhất để cải thiện mẫu trang 404 là sử dụng plugin trình tạo trang SeedProd.

SeedProd là trình tạo trang đích tốt nhất cho WordPress. Nó cho phép bạn tạo, chỉnh sửa và tùy chỉnh các trang WordPress của mình mà không cần viết bất kỳ mã nào.

Với plugin này, bạn có thể dễ dàng tạo trang 404 tùy chỉnh bằng nhiều mẫu được thiết kế chuyên nghiệp.

Điều đầu tiên bạn cần làm là cài đặt plugin SeedProd. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Lưu ý: Có sẵn phiên bản SeedProd miễn phí nhưng chúng tôi sẽ sử dụng phiên bản Pro vì phiên bản này cho phép bạn thay thế mẫu 404 tích hợp trong chủ đề của mình.

Sau khi kích hoạt plugin, SeedProd sẽ hỏi mã cấp phép của bạn.


Bạn có thể tìm thấy thông tin này trong  tài khoản của mình trên trang web SeedProd. Sau khi nhập giấy phép, nhấp vào nút 'Xác minh khóa'.

Khi bạn đã hoàn thành việc đó, hãy truy cập  SeedProd » Landing Pages. Trong phần 'Trang 404', nhấp vào 'Thiết lập Trang 404.'


Bây giờ bạn có thể chọn một mẫu cho trang 404 của mình.

Để xem trước một thiết kế, chỉ cần di chuột qua nó rồi nhấp vào kính lúp.


Khi bạn tìm thấy một thiết kế ưng ý, chỉ cần nhấp vào 'Chọn Mẫu này'.

Chúng tôi đang sử dụng mẫu 'Oh No 404 Page', nhưng bạn có thể sử dụng bất kỳ thiết kế nào bạn thích.


Sau khi chọn một mẫu, bạn sẽ được đưa đến trình tạo kéo và thả, nơi bạn có thể bắt đầu tùy chỉnh trang 404.

Ở bên trái màn hình, bạn sẽ tìm thấy các khối và phần mà bạn có thể thêm vào thiết kế của mình. Phía bên phải của trang là bản xem trước trực tiếp.


Hầu hết các mẫu 404 đã có sẵn một số khối, đây là phần cốt lõi của tất cả các thiết kế SeedProd.

Để tùy chỉnh bất kỳ khối nào trong số các khối tạo sẵn này, chỉ cần nhấp để chọn khối trong bố cục của bạn. Sau đó, bạn có thể tùy chỉnh khối bằng cài đặt trong menu bên trái.


Để thêm một khối mới vào thiết kế của bạn, chỉ cần tìm khối đó trong menu bên trái. Sau đó, kéo nó vào bố cục của bạn. Bây giờ bạn có thể tùy chỉnh khối theo quy trình được mô tả ở trên.

Để bắt đầu, thông thường bạn sẽ muốn thêm logo trang web của riêng mình vào trang 404.

Để thay thế logo SeedProd bằng thương hiệu của riêng bạn, chỉ cần nhấp để chọn logo giữ chỗ trong bố cục của bạn. Sau đó, di chuột qua hình ảnh trong menu bên trái và nhấp vào nút 'Chọn hình ảnh'.


Thao tác này sẽ khởi chạy thư viện phương tiện WordPress, nơi bạn có thể chọn bất kỳ hình ảnh nào hoặc tải lên tệp mới từ máy tính của mình.

Nhiều mẫu 404 cũng hiển thị menu điều hướng chính của trang web của bạn theo mặc định. Nếu bạn có nhiều menu, thì bạn có thể muốn hiển thị một menu khác để thay thế.

Để thực hiện thay đổi này, chỉ cần nhấp vào khối 'Menu điều hướng' trong mẫu của bạn. Sau đó, bạn có thể mở menu thả xuống 'Menu' và chọn bất kỳ menu nào trong danh sách.


Để biết thêm thông tin, vui lòng xem hướng dẫn của chúng tôi về cách thêm menu điều hướng tùy chỉnh trong chủ đề WordPress.

Bạn có thể tạo bất kỳ thiết kế nào chỉ bằng cách thêm và tùy chỉnh các khối. Tuy nhiên, khi ai đó đến trang 404 của bạn, họ có thể bối rối không biết phải làm gì tiếp theo.

Với suy nghĩ này, chúng tôi sẽ chỉ cho bạn cách quảng cáo các bài đăng phổ biến nhất của bạn và tạo biểu mẫu liên hệ để khách truy cập có thể báo cáo bất kỳ liên kết bị hỏng hoặc nội dung bị thiếu nào.

Để bắt đầu, hãy thêm khối 'Dòng tiêu đề' và khối 'Văn bản' vào thiết kế của bạn. Sau đó, bạn có thể nhập tin nhắn của mình vào trình soạn thảo văn bản ở menu bên trái.

Ví dụ: trong hình ảnh sau đây, chúng tôi đã tạo dòng tiêu đề giải thích không thể tìm thấy trang và khối 'Văn bản' đề xuất đọc một số bài đăng hoặc sử dụng biểu mẫu liên hệ.


Tiếp theo, chúng tôi sẽ thay đổi nút 'Quay lại Trang chủ' để nó khuyến khích mọi người xem một bài đăng cụ thể thay vì vào trang chủ chung.

Bạn có thể bao gồm một liên kết đến bài đăng phổ biến nhất trên blog WordPress của bạn hoặc bài viết giúp bạn kiếm được nhiều tiền nhất khi viết blog trực tuyến.

Để tùy chỉnh nút, chỉ cần nhấp để chọn nó trong bố cục trang. Sau đó, nhập URL của bài đăng vào trường 'Liên kết'.


Để thay đổi văn bản xuất hiện trên nút này, chỉ cần nhập vào hộp 'Văn bản nút'.

Khi bạn đã hoàn thành việc đó, hãy nhấp vào tab 'Nâng cao'. Tại đây, bạn có thể thay đổi màu sắc, kích thước của nút, v.v.


1.1. Thêm bài đăng phổ biến nhất của bạn vào trang 404 WordPress của bạn

Tiếp theo, bạn có thể thêm danh sách các bài đăng phổ biến nhất của mình vào trang 404. Vì những bài báo này phổ biến, nên rất có thể khách truy cập sẽ tìm thấy thứ họ thích.

Bạn có thể tự động tạo danh sách này bằng plugin MonsterInsights. Đó là giải pháp phân tích tốt nhất cho WordPress được hơn 3 triệu trang web sử dụng.

MonsterInsights có thể xem bài đăng nào có nhiều khách truy cập nhất và thêm chúng vào trang 404 của bạn. Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách hiển thị các bài đăng phổ biến theo lượt xem trong WordPress.

Sau khi kích hoạt MonsterInsights, bạn có thể hiển thị các bài đăng phổ biến nhất của mình bằng cách thêm mã ngắn vào WordPress. Trong menu bên trái của SeedProd, chỉ cần tìm khối 'Shortcode' và thả nó vào bố cục của bạn.


Sau đó, nhấp để chọn khối 'Mã ngắn'. Thao tác này sẽ mở cửa sổ cài đặt ở bên trái. Tiếp theo, sao chép mã ngắn sau:
   
[monsterinsights_popular_posts_widget theme="beta"]
Sau đó, trong hộp có nhãn 'Nội dung', hãy dán nội dung đó vào vùng văn bản có nhãn 'Mã ngắn'.


Theo mặc định, SeedProd không hiển thị bản xem trước của các bài đăng phổ biến nhất của bạn bên trong trình chỉnh sửa trang, vì vậy bạn cần nhấp vào nút 'Xem trước' ở góc trên bên phải. Thao tác này sẽ mở thiết kế của bạn trong một tab mới.

Nếu bạn muốn xem trước danh sách bài đăng phổ biến bên trong trình chỉnh sửa trang, thì chỉ cần nhấp vào nút chuyển 'Hiển thị bản xem trước mã ngắn'.


Trong mã ngắn ở trên, chúng tôi đang sử dụng theme="beta"cho danh sách của mình, nhưng MonsterInsights có một vài chủ đề khác nhau mà bạn có thể sử dụng.

Để xem các chủ đề khác nhau, hãy truy cập Thông tin chi tiết » Bài đăng phổ biến trong bảng điều khiển WordPress và sau đó nhấp vào 'Tiện ích bài đăng phổ biến'.


Bây giờ bạn có thể nhấp vào các chủ đề khác nhau để xem bản xem trước.

Khi bạn tìm thấy một thiết kế mà bạn muốn sử dụng, chỉ cần cập nhật mã ngắn trong SeedProd. Ví dụ: nếu bạn muốn sử dụng chủ đề 'Alpha' thì bạn cần nhập:

[monsterinsights_popular_posts_widget theme="alpha"]
1.2. Thêm biểu mẫu liên hệ vào trang 404 WordPress của bạn

Bạn cũng có thể muốn thêm biểu mẫu liên hệ để khách truy cập có thể liên hệ nếu họ không thể tìm thấy những gì họ đang tìm kiếm. Biểu mẫu này cũng cung cấp cho mọi người một cách dễ dàng để báo cáo các liên kết bị hỏng, vì vậy bạn có thể khắc phục chúng và cải thiện trải nghiệm cho khách truy cập trong tương lai.

Để biết thêm thông tin, vui lòng xem hướng dẫn đầy đủ của chúng tôi về cách sửa các liên kết bị hỏng trong WordPress.

Cách tốt nhất để thêm biểu mẫu liên hệ vào trang web của bạn là sử dụng plugin WPF o rms. Đây là plugin biểu mẫu liên hệ tốt nhất cho WordPress và đi kèm với trình tạo biểu mẫu kéo và thả thân thiện với người dùng.

Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách tạo biểu mẫu liên hệ trong WordPress.

Khi bạn đã tạo một biểu mẫu liên hệ, thật dễ dàng để thêm biểu mẫu đó vào trang 404 của bạn. Chỉ cần tìm khối 'Mẫu liên hệ' và kéo nó vào thiết kế của bạn.


Sau đó, mở menu thả xuống 'Chọn biểu mẫu' và chọn biểu mẫu liên hệ của bạn từ danh sách.

Trình chỉnh sửa trang hiện sẽ hiển thị bản xem trước của biểu mẫu liên hệ.


Bạn có thể muốn thêm một số văn bản giới thiệu biểu mẫu liên hệ của mình hoặc khuyến khích khách truy cập liên hệ.

Để thực hiện việc này, chỉ cần thêm khối 'Dòng tiêu đề' hoặc 'Văn bản' phía trên biểu mẫu liên hệ của bạn rồi nhập văn bản bạn muốn sử dụng.


Khi bạn hài lòng với giao diện của trang 404, đã đến lúc xuất bản nó.

Chỉ cần nhấp vào mũi tên thả xuống bên cạnh 'Lưu' và sau đó chọn 'Lưu dưới dạng Mẫu'.


Khi được hỏi, hãy tiếp tục và nhập tên cho mẫu. Đây chỉ là để bạn tham khảo để bạn có thể sử dụng bất cứ thứ gì bạn muốn.

Sau đó, nhấp vào 'Lưu Mẫu'.


Trong cửa sổ bật lên tiếp theo, nhấp vào 'Quay lại Trình chỉnh sửa Trang.' Sau đó, bạn có thể nhấp vào nút 'X' ở góc trên bên phải để đóng trình chỉnh sửa trang SeedProd.

Tại thời điểm này, bạn có thể thấy một cửa sổ bật lên hỏi xem bạn có muốn xuất bản thiết kế 404 mới của mình hay không. Nếu bạn vui lòng tiếp tục, hãy nhấp vào 'Có, Kích hoạt'.


Nếu bạn không muốn xuất bản mẫu ngay bây giờ, hãy nhấp vào 'Không, Đóng' để thay thế.

Sau đó, bạn có thể xuất bản thiết kế bất kỳ lúc nào bằng cách truy cập SeedProd » Pages. Tại đây, nhấp vào công tắc trong phần 'Trang 404' để nó hiển thị 'Đang hoạt động'.


Để xem hoạt động của trang 404, chỉ cần thêm /404 vào cuối tên miền của bạn.

Sau khi xuất bản trang 404 tùy chỉnh của bạn, bạn nên theo dõi cách mọi người tương tác với trang đó. Điều này cho phép bạn xem những gì đang hoạt động và những gì không hoạt động, vì vậy, bạn có thể tinh chỉnh thiết kế 404 của mình để nhận được nhiều chuyển đổi và tương tác hơn.

Để tìm hiểu thêm, hãy xem hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách cài đặt Google Analytics trong WordPress.

2. Phương pháp 2. Tạo Trang 404 tùy chỉnh trong WordPress bằng cách thêm mã

Nếu không muốn sử dụng plugin trình tạo trang, thì bạn có thể tạo trang 404 tùy chỉnh bằng mã. Tuy nhiên, chỉ cần lưu ý rằng bất kỳ lỗi nào trong mã của bạn đều có thể gây ra lỗi phổ biến cho WordPress hoặc thậm chí làm hỏng trang web của bạn.

Với ý nghĩ đó, phương pháp này không được khuyến nghị cho người mới bắt đầu. Bạn cũng nên sao lưu trang web của mình trước khi sử dụng phương pháp này, đề phòng trường hợp bạn gặp phải bất kỳ sự cố nào.

Để bắt đầu, bạn sẽ cần một ứng dụng khách FTP chẳng hạn như FileZilla hoặc bạn có thể sử dụng trình quản lý tệp do nhà cung cấp dịch vụ lưu trữ WordPress của bạn cung cấp.

Nếu đây là lần đầu tiên bạn sử dụng FTP, thì bạn có thể xem hướng dẫn đầy đủ của chúng tôi về cách kết nối với trang web của bạn bằng FTP.

Sau khi kết nối với máy chủ, hãy truy cập /wp-content/themes/ rồi mở thư mục cho chủ đề WordPress hiện tại của bạn.


Nếu thư mục này đã có tệp 404.php thì bạn có thể tiếp tục và mở tệp đó trong bất kỳ trình soạn thảo văn bản nào, chẳng hạn như Notepad.

Nếu chủ đề của bạn không có tệp 404.php thì bạn cần tạo một tệp. Sau đó, tiếp tục và mở tệp trong ứng dụng soạn thảo văn bản.


Bây giờ bạn đã sẵn sàng để tạo một thiết kế 404 tùy chỉnh bằng cách sử dụng mã. Bạn có thể tạo tất cả các loại thiết kế, nhưng đây là một số ví dụ đơn giản để giúp bạn bắt đầu.

2.1. Hiển thị bài viết phổ biến nhất trên trang 404

Danh sách các bài đăng phổ biến nhất của bạn có thể khuyến khích khách truy cập xem nội dung hay nhất trên trang web của bạn.

Bạn có thể tạo danh sách này bằng WordPress Bài đăng phổ biến. Đây là một trong những plugin bài đăng phổ biến nhất dành cho WordPress và đi kèm với các thẻ mẫu mà bạn có thể thêm vào tệp 404.php của mình.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt các plugin Bài đăng phổ biến của WordPress. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn có thể thêm danh sách các bài đăng phổ biến vào trang 404 của mình bằng cách sử dụng thẻ mẫu sau:
   
<?php wpp_get_mostpopular(); ?>
2.2. Hiển thị bài viết được bình luận nhiều nhất trên trang 404

Plugin này cũng có thể hiển thị các bài đăng có nhiều bình luận nhất.

Trong tệp 404.php của bạn, chỉ cần tìm khu vực mà bạn muốn hiển thị các bài đăng được bình luận nhiều nhất, sau đó thêm thẻ mẫu sau:
   
<?php wpp_get_mostpopular("range=all&order_by=comments"); ?>
Bạn cũng có thể xem hướng dẫn của chúng tôi về cách hiển thị các bài đăng được bình luận nhiều nhất trong WordPress.

2.3. Hiển thị bài viết gần đây trên trang 404

Một tùy chọn khác là hiển thị các bài đăng gần đây nhất trên trang web của bạn. Điều này có thể đặc biệt hiệu quả nếu bạn đăng các blog nhạy cảm với thời gian, chẳng hạn nếu bạn điều hành một trang web tổng hợp tin tức.

Có một số cách khác nhau để hiển thị các bài đăng gần đây trong WordPress, nhưng cách dễ nhất là thêm thẻ mẫu vào tệp 404.php của bạn:
   
<?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '<br />' ) ); ?>
2.4. Hiển thị bài đăng ngẫu nhiên trên trang 404

Bạn có muốn hiển thị danh sách ngẫu nhiên các bài đăng trên trang 404 tùy chỉnh của mình không?

Sau đó, chỉ cần thêm mã này vào tệp 404.php của bạn:

<ul>
<?php
$posts = get_posts('orderby=rand&numberposts=5');
   foreach($posts as $post) { ?>
        <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
        </li>
   <?php } ?>
</ul>
2.5. Thêm kho lưu trữ hàng tháng với Compact Archives

Nếu bạn có nhiều nội dung thì có thể không thể hiển thị tất cả các bài đăng đó trên trang 404 tùy chỉnh của bạn.

Một tùy chọn là sắp xếp nội dung của bạn vào kho lưu trữ hàng tháng. Sau đó, khách truy cập có thể nhấp để khám phá nội dung từ các tháng và năm khác nhau.

Chúng tôi hiển thị các bản lưu trữ hàng tháng của mình trên trang 404 bằng cách sử dụng plugin Compact Archives. Điều này giúp khách truy cập duyệt tất cả nội dung của chúng tôi mà không làm họ choáng ngợp với một danh sách dài các bài đăng.

Để biết thêm chi tiết, hãy xem hướng dẫn của chúng tôi về cách tạo kho lưu trữ nhỏ gọn trong WordPress.

Sau khi kích hoạt plugin Compact Archives, chỉ cần thêm đoạn mã sau vào tệp 404.php của bạn:
   
<p><strong>By Date</strong></p>
<ul>
<?php compact_archive($style='block'); ?>
</ul>
Giờ đây, khi người dùng truy cập trang 404 của bạn, họ sẽ thấy kho lưu trữ bài đăng nhỏ gọn của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn cải thiện mẫu trang 404 của mình trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách thiết lập mục tiêu Google Analytics cho trang web WordPress của bạn và chuyên gia của chúng tôi chọn ứng dụng số điện thoại doanh nghiệp ảo tốt nhất.