Làm sạch Header của WordPress để giúp website load nhanh hơn và SEO tốt hơn.
Nếu là một người dùng phổ thông thì chắc hẳn bạn sẽ chẳng bao giờ để ý rằng WordPress đã mặc định chèn thêm rất nhiều đoạn mã không thực sự cần thiết vào trong phần Header của mã nguồn HTML phải không nào? Tại sao tôi nói chúng không thực sự cần thiết? Bởi vì chúng chẳng có lợi ích gì cho SEO cũng như rất hiếm người dùng Việt Nam tận dụng được những tính năng đó. Ngược lại, chúng chiếm một phần diện tích (chính xác là dung lượng) của HTML khiến cho website load chậm hơn, bots tìm kiếm khó thu thập các dữ liệu có ích.
Tham khảo thêm:
- Loại bỏ Emoji để tăng tốc độ load cho website WordPress
- Hướng dẫn vô hiệu hóa Embed Script trong WordPress
Những thành phần nên loại bỏ để làm sạch Header
Chúng bao gồm:
- Really simple discovery link (rsd_link)
- WordPress version (wp_generator)
- RSS feed links (feed_links và feed_links_extra)
- Link to index page (index_rel_link)
- wlwmanifest.xml (wlwmanifest_link)
- Random post link (start_post_rel_link)
- Parent post link (parent_post_rel_link)
- Next and previous post links (adjacent_posts_rel_link)
- WP shortlink (wp_shortlink)
Làm sạch Header của WordPress
Tùy thuộc vào theme
Đối với theme Paradise
Theme Paradise đã được tích hợp sẵn tính năng này trong Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu tốc độ => Dọn dẹp WordPress Header? nên các bạn chỉ cần truy cập và chuyển nó sang trạng thái Có rồi lưu lại là được.
Đối với các theme khác
Để loại bỏ tất cả các đoạn mã kể trên trong Header của WordPress, các bạn cần thêm code sau đây vào trong file functions.php của theme hoặc child theme đang sử dụng. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nhằm tránh nó bị xóa mất khi cập nhật theme.
//* Clean WordPress Header
remove_action('wp_head', 'wp_generator');
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);
remove_action('wp_head', 'feed_links', 2);
remove_action('wp_head', 'feed_links_extra', 3);
remove_action('wp_head', 'start_post_rel_link', 10, 0);
remove_action('wp_head', 'parent_post_rel_link', 10, 0);
remove_action('wp_head', 'index_rel_link');
remove_action('wp_head', 'adjacent_posts_rel_link', 10, 0);
remove_action('wp_head', 'adjacent_posts_rel_link_wp_head, 10, 0');Lưu lại, xóa cache (nếu có) và tiến hành view source một trang bất kỳ trên website của bạn để xem kết quả. Thật đơn giản phải không nào? Chúc các bạn thành công!
Mọi thắc mắc và góp ý liên quan đến việc làm sạch Header của WordPress để tăng tốc độ load cũng như cải thiện khả năng SEO, xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp.
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Bác Hiếu ơi cho em hỏi câu hỏi ngoài lề chút ạ. Có cách nào chỉnh sửa css chỉ hiển thị trên máy tính mà không ảnh hưởng đến hiển thị trên mobile không bác. Em cảm ơn bác nhiều ạ.
Bạn dùng media queries nhé. Còn cách thức cụ thể thì gõ “media queries” vào Google tìm sẽ thấy.
Dạ vâng ạ. Em cảm ơn bác nhiều ạ !!
Bác cho em hỏi chút là làm sao để ẩn link plug với ạ! em cảm ơn bác nhiều ạ
Những plugin như LiteSpeed Cache, Autoptimize hay WP Rocket có thể giúp bạn làm điều đó.
Em dùng wp super cache thì có xóa dc ko vậy bác? Ở header link rel plugin vs wpcontent của em nó hiện nhiều lắm ạ. Bác có thể hướng dẫn em chi tiết hơn ko ạ? Mong bác giúp em với ạ. Em cảm ơn bác rất nhiều ạ.
Không bạn nhé. WP Super Cache không có tính năng combine + minify CSS, JS nên không xóa link của theme và plugin được.
Dạ vâng !! Em cảm ơn bác ạ. Bác cho em hỏi chút là có cách nào khác để xóa đi mà ko cần dùng mấy plugin kia ko ạ? Em cảm ơn bác rất nhiều ạ !!
Bạn có thể dùng plugin Hide My WP, Hide My WP Ghost hoặc WP Hide & Security Enhancer.
Em dùng plugin autoptimize dc rồi bác ạ. Cảm ơn bác nhiều lắm ạ.
Bác Hiếu ơi cho em hỏi chút là em dùng plugin autoptimize xóa dc những đường link ở header rồi. Nhưng mà icon trên web của em nó ko hiển thị mà toàn là ô vuông? Bác có cách nào khắc phục dc ko ạ? Em cảm ơn bác rất nhiều ạ !!
Chứng tỏ theme và plugin bạn đang dùng không tương thích tốt với Autoptimize rồi. Tìm xem file JS, CSS nào không tương thích thì loại trừ (exclude) nó ra khỏi danh sách gộp JS, CSS.
Dạ vâng. Em cảm ơn bác nhiều ạ !!
Em đã dùng plugin wp hide & security enhancer nhưng vẫn không ẩn dc bác ạ. Em dùng theme flatsome
Thử mấy plugin khác đi bạn.
Chào admin.
Trên web của mình còn 2 link dạng này nhưng mình muốn ẩn nó đi nhưng không được, admin có cách nào ẩn đoạn này giúp minh. cảm ơn
link rel=’dns-prefetch’ href=’//s.w.org’ />
Cái này là JSON REST API của WordPress. Bạn thử tham khảo hướng dẫn này xem sao. Nhưng theo mình thì không nên gỡ bỏ nó. Vì JSON REST API liên quan đến một số tính năng trong core của WordPress.
Mình vào trang chủ https://standaviet.com với host PA VIETNAM gói 2G load mất 20s. Thấy bài hướng dẫn của bạn rất hữu ích nhưng đó là những theme do bên bạn cung cấp. Vậy những theme khác không phải của bên WPCANBAN.COM cung cấp thì có thể cait thiện tốc độ load bàng cách này được không.
Theme nào cũng áp dụng được hết nhé. :P Muốn web load nhanh thì tham khảo ngay dịch vụ WordPress Hosting của WP Căn bản. Đảm bảo load tít mù. :D
Làm sao để xóa hiện mặc định load file js: jquery-migrate.min.js và file json /wp-json/ trong theme wordpress vậy bạn ơi ?.
Sẽ sớm có bài hướng dẫn chi tiết bạn nhé. Subscribe blog của mình để nhận thông báo khi có bài viết mới. :)
Thanks
Có ảnh hưởng đến Seo không anh?
Chỉ lợi chứ không hại đâu bạn nhé. :P
theme nào cũng có mấy cái này hả a. để e xoá thử phát :3 điểm mobile gần đạt mốc 80 rồi muahaha.
Hầu như theme nào cũng có. Vì nó là mặc định của WordPress. :P
Lâu lắm mới thấy bài hay vầy. để ktra xem coi web mình có bị như thế này ko?
Đã thử và thấy khá ổn tuy không cải thiện nhiều nhưng được chút nào hay chút đó :D