thêm .html vào url cho wordpress
Hướng dẫn thêm .html vào URL cho WordPress

Bạn muốn thêm .html vào url bài viết, url trang, url tên sản phẩm trong WordPress. Bài viết này sẽ hướng dẫn các bạn thực hiện dễ dàng mà nhanh chóng.

Có nhiều bạn inbox hỏi mình: “Anh ơi sao anh thêm được cái đuôi .html cho tên bài viết và trang giới thiệu / liên hệ,… trên web của anh vậy ?”

Mình đã hướng dẫn các bạn ấy làm và để chi tiết hơn mình viết bài hướng dẫn thêm .html cho url trong WordPress cho bạn nào cần nhé.

Trước khi bắt đầu hãy cùng mình tìm hiểu sơ khái niệm về việc thêm .html vào url cho WordPress.

Url là gì ?

Url tên Tiếng Anh là “Uniform Resource Locator” là đường dẫn để bạn truy cập và sử dụng tài nguyên trên internet với những đường dẫn cụ thể. Và nó là một trong những yếu tố quyết định sự thành công của SEO website và là yếu tố chính để google thu thập dữ liệu và index website của bạn để trả dữ liệu cho người dùng khi tìm kiếm.

Nếu bạn là một web developed, webmaster, seoer, marketer,…thì chắc hẳn bạn sẽ biết đến khái niệm url qua rất nhiều tên gọi như đường dẫn, đường dẫn url, url, link, đường link,…nhưng tên chuẩn quốc tế thường gọi vẫn là URL (Tên viết tắt của nó là Uniform Resource Locator).

Cấu trúc của một URL

VD: https://www.trinhcongtri.com/wordpress/huong-dan-wordpress/wordpress-la-gi.html

Trong đó:

  • https:// (hoặc http://): được gọi là giao thức kết nối (URL scheme) là lệch truy cập từ máy tính / điện thoại,…gửi đến máy chủ thông qua kết nối internet và máy chủ sẽ kiểm tra và phản hồi dữ liệu về cho bạn.
  • www.trinhcongtri.com (hoặc trinhcongtri.com): là địa chỉ website bất kỳ được định danh bởi một dãy IP (VD: 104.1.48.138) đế gán cho nó. Trong đó gồm www (World Wide Web) có thể có hoặc không cũng được; trinhcongtri.com là tên miền website (domain) và phần mở rộng .com, .net, .vn theo quốc tế hoặc quốc gia. Đây là cấu trúc chính và quan trọng nhất của một website với URL dẫn trực tiếp về trang này.
  • wordpress/huong-dan-wordpress/wordpress-la-gi.html: được gọi là đường dẫn tuyệt đối (hay url tuyệt đối), thông qua đường dẫn này bạn có thể truy cập vào các trang con của website được phân cách nhau bởi dấu “/” để phân chia và định danh đúng url bạn cần.
Lưu ý: Đường dẫn tuyệt đối không nên quá dài và có nhiều dấu “/”. Theo khuyến nghị của google chỉ nên có tối đa 3 dấu phân cách “/” trên một url là chuẩn SEO nhất.

Và nội dung chính của bài viết này là mình sẽ hướng dẫn các bạn cách thêm .html vào url tên bài viết, tên sản phẩm, tên trang cho WordPress.

Thêm .html có quan trọng cho SEO không ?

Thực ra thêm .html là để theo “chuẩn” hoặc theo phong trào làm “đẹp” cho url chứ ngoài ra không có tác dụng gì khác, SEO vẫn lên top bình thường cho dù có .html hay không có. Nếu bạn thích đẹp thì bắt đầu thôi không phải suy nghĩ nhiều.

Lưu ý khi thêm .html vào url bài viết cho WordPress

Trước khi thêm .html vào url bài viết bạn nên cân nhắc trường hợp nếu website bạn đã hoạt động lâu, có nhiều bài viết, sản phẩm và được google index lên top nhiều từ khóa thì cần cân nhắc trước khi thêm .html.

VD: Link cũ của bạn là: https://trinhcongtri.com/huong-dan-cai-dat-wordpress/

Sau khi thêm .html sẽ là: https://trinhcongtri.com/huong-dan-cai-dat-wordpress.html

Thì người dùng truy cập link cũ sẽ lỗi 404 (Lỗi không tìm thấy trang)

Nhưng bạn không cần phải lo lắng nếu bạn sử dụng những plugin có tính năng chuyển hướng url như Yoast SEO Premium thì nó sẽ tự động chuyển hướng truy cập cho người dùng từ url cũ sang url mới.

Nhưng tốt nhất là nên thêm .html vào web của bạn khi mới thành lập và chưa có nhiều sản phẩm, bài viết. Bắt đầu nào.

Thêm .html vào url bài viết cho WordPress (Url Post)

Việc này khá đơn giản vì WordPress đã hỗ trợ sẵn phần cài đặt này trong trang quản trị rồi.

Bước 1: Đăng nhập vào trang quản trị WordPress > Cài đặt > Đường dẫn tĩnh

Nếu bạn sử dụng giao diện Tiếng Anh: Dashboard > Settings > Permalinks.

Bước 2: Ở mục cài đặt cơ bản. Bạn chọn Tùy biến và nhập vào /%postname%.html > Lưu thay đổi > Hoàn tất

thêm .html vào url cho wordpress

 

Xong rồi đấy giờ thì bạn xem một bài viết trên web của mình có .html cho url rồi đấy.

Thêm .html vào url trang cho WordPress (Url Page)

Thêm .html cho bài viết (post) thì đã có sẵn trong trang quản trị nhưng cho url trang (page) thì bạn cần phải chỉnh sửa code thì mới thêm được.

Bước 1: Đăng nhập vào admin WordPress > Giao diện > Sửa > Chọn theme WordPress đang sử dụng > Chọn file functions.php

thêm .html vào url cho wordpress

Tiếp theo, copy đoạn code dưới đây:

1
2
3
4
5
6
add_action('init', 'tct_change_page_permalink', -1);
function tct_change_page_permalink() {
    global $wp_rewrite;
    if ( strstr($wp_rewrite->get_page_permastruct(), '.html') != '.html' )
    $wp_rewrite->page_structure = $wp_rewrite->page_structure . '.html';
}

Thêm vào dưới cùng file functions.php > Lưu tệp tin.

thêm .html vào url cho wordpress

Nếu không sử dụng đoạn code ở trên bạn có thể thay bằng đoạn code này:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
add_action('init', 'htmlPage_permalink', -1);
register_activation_hook(__FILE__, 'active');
register_deactivation_hook(__FILE__, 'deactive');
 
 
function noPage_slash($string, $type){
   global $wp_rewrite;
if ($wp_rewrite->using_permalinks() && $wp_rewrite->use_trailing_slashes==true && $type == 'page'){
return untrailingslashit($string);
  }else{
   return $string;
  }
}
 
function htmlPage_permalink() {
global $wp_rewrite;
if ( !strpos($wp_rewrite->get_page_permastruct(), '.html')){
$wp_rewrite->page_structure = $wp_rewrite->page_structure . '.html';
}
}
add_filter('user_trailingslashit', 'noPage_slash',66,2);
 
function active() {
global $wp_rewrite;
if ( !strpos($wp_rewrite->get_page_permastruct(), '.html')){
$wp_rewrite->page_structure = $wp_rewrite->page_structure . '.html';
}
  $wp_rewrite->flush_rules();
}
function deactive() {
global $wp_rewrite;
$wp_rewrite->page_structure = str_replace(".html","",$wp_rewrite->page_structure);
$wp_rewrite->flush_rules();
}

Bước 2: Vào Cài đặt > Đường dẫn tĩnh > Lưu thay đổi.

Nếu bạn lười sửa code mà thích dùng plugin thì Cài đặt và kích hoạt plugin Add HTML to Page Tại đây

Hoặc tùy biến chuyên sâu hơn thì dùng plugin Custom Permalinks Tại đây

Thêm một cách nữa là tải file bên dưới về trong đó mình đã có sẵn code thêm .html cho trang (page) WordPress rồi:

Download File

Sau đó upload lên hosting theo đường dẫn /public_html/wp-content/themes/ten-theme/includes
Sau đó thêm dòng code includes file bên dưới vào file functions.php là xong.

1
require_once('includes/html-on-pages.php');

Lưu ý: Chèn code includes xong vào Admin WordPress > Cài đặt > Đường dẫn tĩnh > Lưu thay đổi > Hoàn tất.

Có khá nhiều cách làm bạn thấy cách nào phù hợp với mình thì chọn miễn sao đạt được kết quả là thêm .html vào url trang cho WordPress là ok.

Rồi giờ thì bạn vào một trang nào đó như Liên hệ, Điều khoản, Bảo mật,…để xem kết quả url của trang đã có .html rồi đấy.

Thêm .html vào url bài viết đơn cho WordPress (Url Single Post Type)

Thêm .html cho bài viết đơn cho WordPress. VD: https://trinhcongtri.com/ten-san-pham.html

Bước 1: Tương tự như trên bạn truy cập vào Giao diện > Sửa > Chọn theme WordPress > Chọn file functions.php

Thêm đoạn code sau đây vào dưới cùng file functions.php > Lưu tệp tin.

1
2
3
4
5
6
7
8
9
10
11
12
13
add_action( 'rewrite_rules_array', 'rewrite_rules' );
function rewrite_rules( $rules ) {
    $new_rules = array();
    foreach ( get_post_types() as $t )
        $new_rules[ $t . '/([^/]+)\.html$' ] = 'index.php?post_type=' . $t . '&name=$matches[1]';
    return $new_rules + $rules;
}
add_filter( 'post_type_link', 'custom_post_permalink' ); // for cpt post_type_link (rather than post_link)
function custom_post_permalink ( $post_link ) {
    global $post;
    $type = get_post_type( $post->ID );
    return home_url( $type . '/' . $post->post_name . '.html' );
}

Bước 2: Quay lại trang Cài đặt > Đường dẫn tĩnh > Lưu thay đổi > Hoàn tất.

Các cách thêm .html cho url trên áp dụng cho website WordPress dạng tin tức, blog, giới thiệu công ty và chủ yếu trên website là dạng bài viết và các trang đơn là chính. Còn nếu website bạn chuyên về bán hàng và bạn sử dụng WooCommerce thì có thể thêm .html cho danh mục sản phẩm theo cách dưới đây.

Thêm .html vào url danh mục sản phẩm trong WooCommerce

Tương tự vẫn là thêm code vào file functions.php

Bước 1: Đăng nhập Admin WordPress > Giao diện > Sửa > Chọn theme WordPres > Chọn file functions.php

Tiếp theo, dán đoạn code dưới đây vào dưới cùng file functions.php > Cập nhật tệp tin

1
2
3
4
5
add_action( 'registered_taxonomy', 'wp_tct_category_permastruct_html', 10, 3 );
function wp_tct_category_permastruct_html( $taxonomy, $object_type, $args ) {
  if ( $taxonomy === 'product_cat' )
  add_permastruct( $taxonomy, "{$args['rewrite']['slug']}/%$taxonomy%.html", $args['rewrite'] );
}

Bước 2: Để code có hiệu lực bạn vào Cài đặt > Đường dẫn tĩnh > Lưu thay đổi > Hoàn tất.

Nếu bạn sử dụng WordPress Tiếng Anh thì vào Dashboard > Settings > Permalinks > Save Change > Done.

Tóm tắt

Hi vọng với các cách thêm .html vào url bài viết, url trang, url danh mục sản phẩm trong WordPress nói chung và cho WooCommerce nói riêng sẽ giúp bạn có một Friendly url thân thiện, tối ưu tốt nhất cho SEO mà không cần sử dụng plugin nào khác.

Chúc các bạn thành công !

Bạn có cách làm nào khác hay hơn hãy để lại bình luận bên dưới mọi người cùng trao đổi nhé.

Cảm ơn rất nhiều

Nguồn bài viết: https://trinhcongtri.com

3 2 votes
Article Rating

BÀI VIẾT LIÊN QUANXEM THÊM TỪ TÁC GIẢ

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
nguyen phong
nguyen phong
3 years ago

Còn thêm html vào sau những chuyên mục của bài viết thì làm sao bác

0
Reply
PIN
Author
PIN
3 years ago
Reply to  nguyen phong

Bạn search google giúp mình nhé, mình chỉ thêm cho post với page chứ chưa thêm vào categories nên chưa nghiên cứu, bạn search gg có nhiều bài hướng dẫn dùng function thêm vào file functions.php cho nhanh nhé. Cảm ơn nhiều !

0
Reply