Hướng dẫn tối ưu URL nhãn trong Blogspot

Hướng dẫn tối ưu URL nhãn trong Blogspot

Updated on May 11, 2019
Mặc định khi đặt tên nhãn cho bài viết bằng tiếng Việt, thì URL của nhãn trông rất khó nhìn. Ví dụ khi bạn có nhãn là Thủ thuật Blogspot thì đường dẫn được tự động tạo ra như sau:

https://tên-blog/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot

Tất nhiên hầu hết đều mong muốn URL nhãn có dạng:
https://tên-blog/search/label/thu-thuat-blogspot

Hướng dẫn tối ưu URL nhãn trong Blogspot/ Blogger

Thực chất cách làm là dùng Javascript để tìm tên các nhãn, sau đó đổi tên để hiển thị ra ngoài Blog

Bước 1

Khi viết bài, đặt tên nhãn có dạng thu-thuat-blogger

Bước 2

Vào chỉnh sửa Template, thêm đoạn Script bên dưới lên trên thẻ </body>:

<script type='text/javascript'>
//<![CDATA[
var tnreplace = function(labelreplace) {
    return labelreplace.replace(/([\/-])?ten-nhan-1/gi, function($0,$1){ return $1?$0:'Tên nhãn 1';});
    } 
    var mytitle = document.title ; 
    document.title = tnreplace(mytitle)
    var mybody=document.body.innerHTML;
    document.body.innerHTML= tnreplace(mybody);
//]]>
</script>
Thay đổi chỗ bôi vàng theo tên nhãn trên Blog của bạn.
Nếu muốn đổi tên hiển thị cho các nhãn khác, chỉ cần thêm .replace(/([\/-])?ten-nhan-2/gi, function($0,$1){ return $1?$0:'Tên nhãn 2';}) vào sau return labelreplace
Done!

10 comments for Hướng dẫn tối ưu URL nhãn trong Blogspot

Cancel
avatar

mình áp dụng thì trên pc chạy ổn rồi nhưng mà trên điện thoại menu không bấm vào được. Không biết nên fix như thế nào

Reply Delete
avatar

Mình thêm nhãn thứ 2 mà không được
(.replace(/([\/-])?ten-nhan-2/gi, function($0,$1){ return $1?$0:'Tên nhãn 2';}) vào sau return labelreplace )
Tạo thêm một script khác thì ok.
Hỗ trợ giúp cách nào tốt hơn nhé admin!
Thanks!

Reply Delete
avatar

Có thể bạn áp dụng chưa đúng rồi, script sẽ như sau (đối với label thứ 2, còn nhiều hơn thì tương tự):

var tnreplace = function(labelreplace) {
return labelreplace.replace(/([\/-])?hoa-chat-vat-tu-tieu-hao/gi, function($0,$1){ return $1?$0:'Hóa Chất - Vật Tư Tiêu Hao';}).replace(/([\/-])?thuoc-nhuom-te-bao/gi, function($0,$1){ return $1?$0:'Thuốc Nhuộm Tế Bào';});
}
var mytitle = document.title ;
document.title = tnreplace(mytitle)
var mybody=document.body.innerHTML;
document.body.innerHTML= tnreplace(mybody);

Reply Delete
avatar

there are nice publications

Reply Delete
avatar

Mình đã thực hiện như trên và đã thành công nhờ đoạn Code đầu ở trên. Nhưng lại phát sinh ra lỗi mới là webblogger của mình dùng trình duyệt trên điện thoại đuội /?m=1 thì menu không thể sổ xuống được.

Mình mò ra được bị lỗi ở khúc code : var mytitle1 = document.title ;

Có cách nào fix được lỗi này để Menu trên trình duyệt của điện thoại có thể Sổ xuống được không bạn.Đây là page của mình https://www.phongthuybattu.com/

trên PC thì Menu sổ xuống bình thường, còn trên Mobile thì menu ko sổ xuống được.

Help mình với, xin cám ơn bạn.


Reply Delete
avatar

ở trên mình ghi nhầm: var mytitle = document.title ;

chính xác là lỗi ở "document.title" mà không biết làm sao để fix. Vì mình tự mày mò và chưa từng học lập trình bài bản nên ko biết cách fix

Reply Delete
avatar

Vậy chắc nó chỉ là hiển thị trên thanh address của trình duyệt kiểu thay thế còn nhãn bên trong thực chất vẫn vậy mình nghĩ nên chỉnh lại hết nhãn là ok nhất

Reply Delete
avatar

Mình đã thực hiện thành công cho Blog Thành Trung Marketing của mình

Reply Delete
avatar

Này lại phải Index lại các trang Label à?

Reply Delete
avatar

Cũng không rõ có cần phải Index lại không

Reply Delete