Cải thiện 404 page template WordPress

Giới thiệu về Trang 404 và tầm quan trọng của việc tối ưu hóa

Khi khách truy cập cố gắng truy cập một trang không tồn tại trên trang web WordPress của bạn, họ sẽ gặp phải lỗi 404. Trang 404 mặc định thường đơn giản và không cung cấp nhiều giá trị cho người dùng. Điều này có thể dẫn đến trải nghiệm người dùng kém và khiến khách truy cập rời khỏi trang web của bạn.

Việc cải thiện trang 404 của bạn là rất quan trọng vì nó có thể:

• Giữ chân khách truy cập trên trang web của bạn.
• Giảm tỷ lệ thoát trang.
• Giúp khách truy cập tìm thấy thông tin họ đang tìm kiếm.
• Tăng cường thương hiệu của bạn.

Một trang 404 được thiết kế tốt có thể biến một trải nghiệm tiêu cực thành một cơ hội để tương tác với khách truy cập và hướng họ đến các phần có giá trị khác của trang web của bạn.

Các yếu tố cần thiết của một trang 404 hiệu quả

Một trang 404 hiệu quả nên bao gồm các yếu tố sau:

• Thông báo lỗi rõ ràng và thân thiện: Giải thích cho khách truy cập rằng trang họ đang tìm kiếm không tồn tại. Tránh sử dụng ngôn ngữ kỹ thuật hoặc khó hiểu.
• Thanh tìm kiếm: Cho phép khách truy cập tìm kiếm nội dung khác trên trang web của bạn.
• Liên kết đến các trang quan trọng: Cung cấp liên kết đến trang chủ, trang liên hệ, trang giới thiệu, hoặc các trang phổ biến khác.
• Đề xuất nội dung: Hiển thị các bài viết, sản phẩm, hoặc trang có liên quan dựa trên truy vấn hoặc lịch sử duyệt web của người dùng.
• Hình ảnh hoặc đồ họa: Sử dụng hình ảnh hoặc đồ họa để làm cho trang 404 hấp dẫn hơn về mặt trực quan.
• Thông tin liên hệ: Cung cấp thông tin liên hệ để khách truy cập có thể báo cáo vấn đề hoặc yêu cầu trợ giúp.

Ngoài ra, hãy xem xét việc thêm một chút hài hước hoặc cá tính vào trang 404 của bạn để làm cho nó đáng nhớ hơn.

Các phương pháp cải thiện trang 404 WordPress

Có nhiều cách để cải thiện trang 404 WordPress của bạn:

• Sử dụng plugin: Có rất nhiều plugin WordPress miễn phí và trả phí có thể giúp bạn tạo một trang 404 tùy chỉnh.
• Chỉnh sửa tệp tin 404.php: Nếu bạn thoải mái với việc chỉnh sửa mã, bạn có thể chỉnh sửa tệp tin 404.php trong chủ đề WordPress của bạn.
• Sử dụng trình tạo trang: Một số trình tạo trang WordPress cho phép bạn tạo trang 404 tùy chỉnh bằng giao diện kéo và thả.

Sử dụng Plugin để tạo trang 404 tùy chỉnh

Một trong những cách dễ nhất để cải thiện trang 404 của bạn là sử dụng plugin. Dưới đây là một số plugin 404 phổ biến:

• 404page – your smart custom 404 error page: Plugin miễn phí này cho phép bạn chọn bất kỳ trang nào bạn đã tạo làm trang 404.
• Custom 404 Pro: Plugin trả phí này cung cấp nhiều tính năng hơn, bao gồm khả năng tạo trang 404 động dựa trên truy vấn của người dùng.
• All in One SEO Pack: Plugin SEO phổ biến này cũng bao gồm một tính năng để tạo trang 404 tùy chỉnh.

Để sử dụng plugin, hãy cài đặt và kích hoạt nó từ kho plugin WordPress. Sau đó, làm theo hướng dẫn của plugin để tạo và thiết lập trang 404 tùy chỉnh của bạn.

Chỉnh sửa tệp tin 404.php để tùy biến nâng cao

Nếu bạn có kiến thức về PHP và HTML, bạn có thể chỉnh sửa trực tiếp tệp tin 404.php trong thư mục chủ đề WordPress của bạn. Đây là một cách mạnh mẽ để tùy chỉnh trang 404 của bạn, nhưng nó cũng đòi hỏi bạn phải cẩn thận để tránh gây ra lỗi cho trang web của bạn.

Để chỉnh sửa tệp tin 404.php:

1. Kết nối với máy chủ web của bạn bằng FTP hoặc trình quản lý tệp.
2. Tìm thư mục chủ đề WordPress của bạn (thường nằm trong /wp-content/themes/).
3. Tìm tệp tin 404.php trong thư mục chủ đề của bạn. Nếu không có, hãy tạo một tệp tin mới có tên 404.php.
4. Tải xuống tệp tin 404.php vào máy tính của bạn và mở nó bằng trình soạn thảo văn bản.
5. Chỉnh sửa mã HTML và PHP trong tệp tin 404.php để tạo trang 404 tùy chỉnh của bạn.
6. Tải tệp tin 404.php đã chỉnh sửa lên máy chủ web của bạn, ghi đè lên tệp tin cũ (nếu có).

Dưới đây là một ví dụ về mã PHP cơ bản cho tệp tin 404.php:

<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package WordPress
 */

get_header();
?>

<div id="primary" class="content-area">
    <main id="main" class="site-main">

        <section class="error-404 not-found">
            <header class="page-header">
                <h1 class="page-title"><?php esc_html_e( 'Oops! That page can't be found.', 'your-theme' ); ?></h1>
            </header><!-- .page-header -->

            <div class="page-content">
                <p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'your-theme' ); ?></p>

                <?php
                    get_search_form();

                    the_widget( 'WP_Widget_Recent_Posts' );
                ?>

            </div><!-- .page-content -->
        </section><!-- .error-404 -->

    </main><!-- #main -->
</div><!-- #primary -->

<?php
get_footer();

        

Sử dụng Trình tạo trang để thiết kế trực quan trang 404

Nếu bạn đang sử dụng trình tạo trang WordPress như Elementor, Beaver Builder, hoặc Divi, bạn có thể sử dụng nó để tạo một trang 404 tùy chỉnh bằng giao diện kéo và thả. Điều này cho phép bạn thiết kế trang 404 của mình một cách trực quan mà không cần phải viết bất kỳ mã nào.

Để sử dụng trình tạo trang để tạo trang 404:

1. Tạo một trang mới trong WordPress và đặt tên nó là “404” hoặc “Trang không tìm thấy”.
2. Sử dụng trình tạo trang của bạn để thiết kế trang 404 tùy chỉnh của bạn.
3. Trong cài đặt của trình tạo trang, chọn tùy chọn để sử dụng trang này làm trang 404. Cách thực hiện việc này sẽ khác nhau tùy thuộc vào trình tạo trang bạn đang sử dụng.

Sau khi bạn đã thiết lập trang 404 tùy chỉnh của mình, hãy kiểm tra nó bằng cách cố gắng truy cập một trang không tồn tại trên trang web của bạn.

Ví dụ về thiết kế trang 404 sáng tạo

Dưới đây là một số ý tưởng thiết kế trang 404 sáng tạo:

• Sử dụng hình ảnh hài hước hoặc meme: Chọn một hình ảnh hoặc meme liên quan đến lỗi 404 hoặc một chủ đề liên quan đến trang web của bạn.
• Tạo một trò chơi nhỏ: Thêm một trò chơi nhỏ đơn giản vào trang 404 của bạn để giúp khách truy cập giải trí.
• Sử dụng hoạt ảnh hoặc video: Sử dụng hoạt ảnh hoặc video để thu hút sự chú ý của khách truy cập và làm cho trang 404 của bạn trở nên đáng nhớ hơn.
• Tích hợp tìm kiếm giọng nói: Cho phép khách truy cập tìm kiếm nội dung trên trang web của bạn bằng giọng nói của họ.
• Sử dụng thiết kế tương tác: Tạo một trang 404 tương tác cho phép khách truy cập tùy chỉnh trải nghiệm của họ.

Kiểm tra và duy trì trang 404 của bạn

Sau khi bạn đã tạo trang 404 tùy chỉnh của mình, hãy kiểm tra nó thường xuyên để đảm bảo rằng nó hoạt động đúng cách. Bạn cũng nên theo dõi hiệu suất của trang 404 của bạn để xem có bao nhiêu khách truy cập đang gặp phải lỗi này và liệu họ có tìm thấy những gì họ đang tìm kiếm hay không.

Sử dụng Google Analytics hoặc các công cụ phân tích web khác để theo dõi các chỉ số sau:

• Số lượng khách truy cập trang 404.
• Tỷ lệ thoát trang từ trang 404.
• Các trang mà khách truy cập truy cập sau khi xem trang 404.

Dựa trên dữ liệu này, bạn có thể thực hiện các điều chỉnh cần thiết cho trang 404 của mình để cải thiện trải nghiệm người dùng và giảm tỷ lệ thoát trang.

Kết luận

Việc cải thiện trang 404 WordPress của bạn là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng, giảm tỷ lệ thoát trang và tăng cường thương hiệu của bạn. Bằng cách sử dụng các plugin, chỉnh sửa tệp tin 404.php hoặc sử dụng trình tạo trang, bạn có thể tạo một trang 404 tùy chỉnh đáp ứng nhu cầu cụ thể của trang web của bạn.

Hãy nhớ rằng một trang 404 được thiết kế tốt có thể biến một trải nghiệm tiêu cực thành một cơ hội để tương tác với khách truy cập và hướng họ đến các phần có giá trị khác của trang web của bạn. Đừng bỏ qua tầm quan trọng của việc tối ưu hóa trang 404 của bạn.