Liên kết gãy – Cách tạo và tùy chỉnh trang lỗi 404

Video Hướng Dẫn Tạo và Tùy chỉnh trang 404

1. Liên kết gãy có tác hại gì với website của bạn?

– Hiểu một cách sơ bộ thì liên kết gãy sẽ khiến người dùng đi ra xa bạn hơn, và bạn sẽ bị giảm lượt truy cập vào website của mình bởi 99% người dùng sẽ thoát gia và tìm một trang web khác để đọc.
– Nhưng quan trọng hơn nữa là nó sẽ bị ảnh hưởng đến các cỗ mãy tìm kiếm. Khi các bot tìm kiếm tiến hành crawl nội dung trên website mà chẳng may lọt vào “hố đen” dẫn đến một trang 404 thì coi như website bạn đã tự làm chậm quá trình đưa nội dung của mình lên máy tìm kiếm. Bởi các máy tìm kiếm sẽ hiểu được nó đang gặp một trang 404 và thay vì tiếp tục crawl thì đến lúc này nó sẽ trả về kết quả gọi là lỗi thu thập dữ liệu với lý do: 404. Nếu bạn có sử dụng Google Webmaster Tool thì có thể kiểm tra các lỗi này trong Health ⇨ Crawl Error. Nhưng đáng mừng thay, bot tìm kiếm chỉ liệt các liên kết vào danh sách lỗi 404 chỉ khi máy chủ không trả về một trang thay thế, tức là khi truy cập vào nó sẽ ra một trang trắng mang dòng chữ not found kèm theo tiêu đề 404 Not Found quen thuộc. Bạn có thể đọc thêm về “Những Sai Lầm Nên Tránh Khi Làm SEO”.
– Vậy chúng ta phải giải quyết vấn đề này như thế nào?. Trước tiên bạn phải tạo một trang thông báo lỗi 404 đầy thân thiện và có lỗi thoát cho người dùng. Tức là tại trang này khi người dùng gặp phải thì phải có phương án hay những liên kết thay thế để họ có thể tìm kiếm thông tin ở liên kết khác trên website của bạn.

2. Hướng dẫn tạo trang thông báo lỗi 404

2.1 Tạo hàm gọi trang 404

Các bạn mở file function.php trong theme thêm đoạn code sau vào:

// 404
function redirect_404(){
    global $wp_query;
    if($wp_query->is_404){
        wp_redirect(get_bloginfo('url'). '/loi-404', 301);
        exit;
    }
}
add_action('wp','redirect_404', 1 );
//End 404

2.2 Tạo trang 404 template

Trong thư mục của theme bạn tạo một file 404.php và thêm các code tùy chỉnh của mình vào. Ở đây mình đưa ra đoạn code minh họa, các bạn có thể tham khảo nhé. Các bạn có thể style theo ý muốn của mình.

<?php
/**
 * template name: Lỗi 404
 */
    get_header();
?>
<?php wp_reset_query();?>
<?php get_template_part('sections/main-menu-sub'); // Cái này chỉ để mình gọi cái main menu ra thôi ?>
<section id="breckcrum" class="page_wrapper">
    <div class="container_site"> 
        <h1 class="title_child_page"><?php the_title(); ?></h1>
        <div class="content_breadcrumen_item">
			<span><i class="fas fa-home"></i></span>
			<span><a href="<?php echo get_home_url();?>">Home</a></span>
			<span class="breckcrum_space">/</span>
			<?php the_title(); ?>
		</div>
    </div>
</section>
<section id="WebExp24h_archive_search" class="page_wrapper">
    <div class="container_site">
    	<header class="page-header">
    		<h1 style="text-align: center;" class="page_title_search">Xin lỗi! Trang bạn tìm kiếm không tồn tại</h1>
    	</header>
    	<div class="page_content_search">
			<p style="text-align: center;"><a href="<?php echo get_home_url();?>">Quay lại trang chủ</a></p>
    	</div>
    </div>
</section>

<?php
get_footer();
 ?>

2.2 Sử dụng trang 404 template

– Vào page trong admin tạo một trang lỗi 404 và chọn templage là: Lỗi 404