Cách thêm đuôi .html vào đường dẫn danh mục bài viết trong WordPress

Mặc định các đường dẫn (URL) trong WordPress sẽ không chứa các tiền tố gì cả. Nó chỉ là một chuỗi các kí tự không dấu riêng biệt không trùng với bất cứ đường dẫn nào. Chính xác các đường dẫn trên thanh địa chỉ sẽ có dạng như sau: https://wpshare247.com/cach-tao-blog-wordpress hay còn gọi là permalink

Tuy nhiên, trong quá trình thiết kế web theo yêu cầu, nếu gặp khách hàng muốn đổi đường dẫn sang định dạng có đuôi là .html, đây là một kiểu định dạng cũ, đã lỗi thời và ngày nay bạn ít khi thấy website nào có đường dẫn như vậy nữa.

Kết quả sau khi hoàn thành bài viết này như hình

Bạn đang gặp khó khăn để thêm vào đuôi .html vào sau cùng mỗi đường dẫn của chuyên mục bài viết ? Đừng quá lo lắng chúng tôi sẽ giúp bạn giải quyết vấn đề này ngay thôi.

1. Thêm đoạn code php vào trong file functions.php của theme WordPress

//Thêm .html vào url của chuyên mục
add_action('init', 'wpshare247_add_html_to_category_permalink');
function wpshare247_add_html_to_category_permalink(){
    global $wp_rewrite;
    $extra_permastructs = $wp_rewrite->extra_permastructs;
    $category_struct = $extra_permastructs['category']['struct'];
    $category_struct_new = str_replace('/%category%','/%category%.html',$category_struct);
    $extra_permastructs['category']['struct'] = $category_struct_new;
    $wp_rewrite->extra_permastructs = $extra_permastructs;
    
    //flush url
    flush_rewrite_rules();
}

2. Vậy cách thêm đuôi .html vào đường dẫn bài viết thì sao?

Để thêm đuôi .html vào bài viết, chúng ta không cần bất cứ đoạn code nào mà chỉ cần tùy chỉnh “Đường dẫn tĩnh” trong quản trị WordPress một cách dễ dàng.

kết quả:

Từ link => http://localhost/blogwordpress/chao-moi-nguoi

Thành link => http://localhost/blogwordpress/chao-moi-nguoi.html

3. Vậy cách thêm đuôi .html vào đường dẫn trang (page) thì sao?

Để thêm đuôi .html vào đường dẫn các trang trong danh menu ‘Trang’ như hình: trang giới thiệu, trang liên hệ ….

Chúng ta cần thêm đoạn code sau vào file functions.php trong theme bạn đang sử dụng.

//Thêm .html vào url của các trang
add_action('init', 'wpshare247_add_html_to_page_permalink');
function wpshare247_add_html_to_page_permalink(){
    global $wp_rewrite;
    $wp_rewrite->page_structure = str_replace("%pagename%", "%pagename%.html", $wp_rewrite->get_page_permastruct());
    
    //flush url
    flush_rewrite_rules();
}

4. Cách thêm .html vào đường dẫn sản phẩm WooCommerce thì sao ?

Có nhiều cách để thêm .html vào đuôi đường dẫn sản phẩm của plugin WooCommerce, dưới đây là một trong những cách dễ làm nhất.

add_action('init', 'wpshare247_add_html_to_product_permalink', 9999999999);
function wpshare247_add_html_to_product_permalink(){
    global $wp_rewrite;
    $extra_permastructs = $wp_rewrite->extra_permastructs;
    $struct = $extra_permastructs['product']['struct'];
    $struct_new = str_replace('%product%','%product%.html',$struct);
    $extra_permastructs['product']['struct'] = $struct_new;
    $wp_rewrite->extra_permastructs = $extra_permastructs;

    //flush url
    flush_rewrite_rules();
}

5. Và cách thêm .html vào đường dẫn danh mục sản phẩm WooCommerce.

add_action('init', 'wpshare247_add_html_to_product_category_permalink', 9999999999);
function wpshare247_add_html_to_product_category_permalink(){
    global $wp_rewrite;
    $extra_permastructs = $wp_rewrite->extra_permastructs;
    $struct = $extra_permastructs['product_cat']['struct'];
    $struct_new = str_replace('%product_cat%','%product_cat%.html',$struct);
    $extra_permastructs['product_cat']['struct'] = $struct_new;
    $wp_rewrite->extra_permastructs = $extra_permastructs;

    //flush url
    flush_rewrite_rules();
}

6. Khi nào cần thêm .html vào cuối đường dẫn của chuyên mục bài viết ?

Việc thêm .html vào cuối đường dẫn chuyên mục bài viết không chỉ đơn thuần là một tùy chọn mà đôi khi còn là một yêu cầu bắt buộc trong một số trường hợp cụ thể.

1. Yêu cầu từ khách hàng hoặc thỏa thuận hợp đồng

Trong một số dự án thiết kế website, khách hàng có thể yêu cầu duy trì định dạng URL với phần mở rộng .html. Đây có thể là tiêu chuẩn nội bộ của doanh nghiệp, hoặc một yếu tố quan trọng trong hệ thống quản lý dữ liệu của họ. Khi đó, việc thêm .html vào cuối đường dẫn chuyên mục là điều bắt buộc để đáp ứng yêu cầu.

2. Chuyển đổi website từ nền tảng CMS khác sang WordPress

Một trường hợp phổ biến khác là khi khách hàng muốn chuyển website từ một nền tảng CMS khác (như Joomla, Drupal, hay một hệ thống tự xây dựng) sang WordPress để tối ưu SEO và cải thiện trải nghiệm người dùng. Trước đây, các hệ thống CMS cũ thường sử dụng phần mở rộng .html cho các đường dẫn bài viết và chuyên mục. Nếu thay đổi sang URL mới không có .html, các liên kết cũ đã được Google lập chỉ mục hoặc đang được người dùng truy cập từ các nguồn bên ngoài (backlink, mạng xã hội, email…) có thể bị lỗi 404. Điều này ảnh hưởng tiêu cực đến SEO, làm giảm lưu lượng truy cập và uy tín website.

Giải pháp:
Để đảm bảo quá trình chuyển đổi không gây mất mát thứ hạng tìm kiếm và trải nghiệm người dùng, chúng ta cần giữ nguyên cấu trúc URL cũ bằng cách thêm .html vào cuối đường dẫn. Điều này giúp:

• Duy trì tính nhất quán với hệ thống cũ, tránh gián đoạn hoạt động.
• Tránh lỗi 404, bảo toàn lượng truy cập từ các liên kết cũ.
• Hạn chế việc mất thứ hạng SEO do thay đổi URL đột ngột.

Ngoài ra, nếu bắt buộc phải thay đổi cấu trúc URL, chúng ta cần thiết lập chuyển hướng 301 để đảm bảo rằng các đường dẫn cũ sẽ tự động chuyển sang đường dẫn mới, giúp Google hiểu rằng đây là sự thay đổi cố định và duy trì thứ hạng SEO.

Tóm lại, việc thêm .html vào cuối đường dẫn chuyên mục bài viết không chỉ phục vụ yêu cầu của khách hàng mà còn đóng vai trò quan trọng trong chiến lược SEO khi chuyển đổi website. Việc hiểu rõ và áp dụng đúng cách sẽ giúp website vận hành hiệu quả, bảo toàn giá trị SEO và cải thiện trải nghiệm người dùng.