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 blog/ 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)
Code làm sạch header của WordPress
Để loại bỏ tất cả các đoạn mã kể trên trong header của WordPress, các bạn chỉ cần thêm code sau đây vào trong file functions.php của theme hoặc child theme đang sử dụng:
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 blog/ 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 subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)
Anh hiếu ơi em muốn ẩn cái link này ở header thì phải làm sai ạ? em cảm ơn ạ
link rel="stylesheet"Xoá cái này rồi sao web hoạt động bình thường được bạn? Nó được sử dụng để load các file CSS mà.
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=’https://api.w.org/’ href=’http://domain.com/wp-json/’ />
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
Có cách nào áp dụng được cho blogger không bác em dùng blogger giờ mí khổ. bác xem qua http://dapnhanh.info giúp em với
WordPress và Blogger hoàn toàn khác nhau mà bạn. :P
Rất bổ ích, blog của mình chạy trơn hơn rồi
Cho mình hỏi mình có 3 website cùng chủ đề mình đi link A ->B ->C ->A có hiệu quả cho SEO không. Cách nào là hiệu quả nhất
Được. Nhưng nên cẩn thận. Google phát hiện ra thì ốm đòn. :P
Thế mình đi Link A ->B->C có an toàn hơn không bạn mỗi web một hosting khác nhau
Cái này chẳng ai dám nói là an toàn hay không đâu bạn ạ. Bạn làm không cẩn thận để Google nó phát hiện ra là vẫn toi như thường. :P
Mình làm sạch cái này vậy khi mà update phiên bản mới của wp thì sao Hiếu? Nó liên quan đến hiển thị web không?
Không hề ảnh hưởng gì nhé. Mọi chức năng đều hoạt động hoàn toàn bình thường. :)
E bỏ hẳn luôn cái wp_head (); trong header là nhanh nhất, có điều muốn sử dụng plugin mới hay gì phải mò code lại và chèn thủ công vô.
Chèn code này vào nó có ảnh hưỡng gì đến theme không Hiếu nhỉ???
Không bạn nhé. Cái này can thiệp vào WordPress chứ không can thiệp vào theme. :P
Sao em thêm vào chẳng thấy bớt đi được cái gì trong head thế nhỉ :'(
Do ăn ở chăng? :D :P
Hiếu đang dùng gói VPS/Hosting tại đâu mà web chạy nhanh vậy.
Bạn tham khảo ở đây nhé: https://wpcanban.com/dich-vu-wordpress-hosting-chat-luong-cao/ :)
Mọi người ko cần dk thành viên Vip của wpcanban nhé… ai muốn xin theme hay plugin gì thì liên hệ với mình qua email mình cho miễn phí….
——————————————————————————–
+ Trọn bộ themes của MyThemeShop
+ Trọn bộ plugins của MyThemeShop
+ Trọn bộ themes của Theme Junkie
+ Plugin WP Rocket
+ Theme Sahifa
+ Trọn bộ themes của TeslaThemes
+ Trọn bộ themes của ElegantThemes
+ Trọn bộ plugins của ElegantThemes
+ Plugin WP AMP
+ Plugin Ultimate Membership Pro
+ Plugin Ultimate Affiliate Pro
+ Hướng dẫn cài đặt và sử dụng các sản phẩm
+ Hỗ trợ miễn phí qua hệ thống ticket
+ Tham gia kiếm tiền với tiếp thị liên kết
———————————————————————————–
Email: vanchon3968@gmail.com
Cũng là một sự lựa chọn cho bạn nào thích dùng hàng miễn phí. Còn những sản phẩm của bạn có nguồn gốc rõ ràng hay không, có đảm bảo an toàn hay không thì vẫn là một dấu chấm hỏi. :)
mấy cái này mình toàn có ==))
a cho e hỏi là có plugins nào thay đổi giao diễn trang ADMIN không ?
Vào đây tham khảo bạn nhé: https://colorlib.com/wp/wordpress-admin-dashboard-themes-plugins/ có cả mớ. :D
Đú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