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. :)
Đúng thứ cần cho một thằng SEO dạo luôn :)) .
Cơ mà tác dụng của nó có thực sự tốt không bác, vì mình chủ yếu dùng wordpress để xây dựng web vệ tinh thôi.
Không thấy tốc độ cải thiện mấy, test Google Speed cũng không tăng điểm nào bác ạ. Có lẽ là tuỳ site. Riêng cái này e nghĩ không nên bỏ đi: remove_action(‘wp_head’, ‘index_rel_link’);
Ủa. Google PageSpeed có hạng mục nào đánh giá dung lượng của HTML à bạn? Vì không có nên không tăng là đúng rồi. Mà nó cũng chẳng cải thiện được nhiều về tốc độ đâu. Cái chính là làm cho header gọn gàng hơn để bots tìm kiếm dễ tập trung vào những thông tin cần thiết thôi. :P
ah, ý e là Google Speed vẫn giữ nguyên điểm, không cải thiện mấy.
Dĩ nhiên rồi. Bỏ đi một chút đâu đủ để lên điểm bạn. :P
Một số theme hình như đã hỗ trợ xóa code này. Mình check site mình không thấy Trung.
Cũng có thể là như vậy. :P
Có thể áp dụng Plugin Speed Booster vẫn hỗ trợ remove mấy cái này đỡ code hehe
Cơ mà anh Hiếu cho e hỏi làm sao để tạo 1 landing page riêng biệt không có Header và Footer khi dùng themes không hỗ trợ ?
Tự code thôi. Mình không biết plugin nào hỗ trợ tạo landing page dạng như vậy. Bạn vào Google search thử xem. :P
Sao blog của mình không có mấy cái này nhỉ :D
Wpcanban trên pc load nhanh phát sợ, cứ như có vài code html trên site thôi o_o
Sử dụng các trình duyệt hỗ trợ WebP thì tốc độ load nhanh nhất. :D
mà hiếu này, sao mình dùng plugin kk star rating, tìm kiếm site trên google nó không hiển thị sao, mà phải gõ thêm “site:tên site” nó mới có sao ?
Bạn phải chờ cho google nó cập nhật chứ :D site mình tìm bằng site: cũng ko hiện luôn nè :v
nếu như tìm :site mà nó có nghĩa là đã cập nhật rồi,
trên site anh, anh dùng ảnh WebP ạ
Mình dùng ảnh WebP nhưng là WebP do CloudFlare tạo chứ không phải do plugin tạo.
Chi tiết hơn chút nữa, là chen vào trước phần nào sau phần nào trong funtion.php đc ko ạ.
Em tay ngang làm web nên ko giám chèn lung tung anh ới
Cảm ơn anh
Tốt nhất là nên chèn vào cuối bạn à(nếu không biết về code). :D
Cái này có tăng tốc lên nhiều không bác? Để em áp dụng cho cái wordpress của công ty em!
Một chút thôi. :)
không được hiếu ơi. nó hiện nguyên đoạn code khi load web
Bạn chèn code vào đâu mà nó hiện khi load web được? :P
chắc là trong thẻ head rồi hihi
Chèn sai chỗ rồi bạn ơi, bạn ko đọc kỹ bài viết :D
có tác dụng nhiều không bạn
Không đáng kể nhé. Nhưng cải thiện được chút nào thì hay chút đấy thôi. :D