Share Code làm Trang tạo URL chuẩn SEO cho blogspot

Bài viết này mình sẽ Share Code làm Trang tạo URL chuẩn SEO cho blogspot và giải thích vì sao các bạn nên thường xuyên sử dụng công cụ này khi viết bài trên Blogger.

Share Code làm Trang tạo URL chuẩn SEO cho blogspot.

URL chuẩn SEO là gì?

URL chuẩn SEO là một địa chỉ web (Uniform Resource Locator) được tối ưu hóa để cải thiện khả năng hiển thị trang web trong kết quả tìm kiếm của các công cụ tìm kiếm như Google, Bing, hoặc Yahoo. Mục tiêu là tạo ra các URL dễ đọc, mô tả chính xác nội dung của trang và chứa từ khóa quan trọng để tối ưu hóa vị trí tìm kiếm.

Vì sao cần URL thân thiện chuẩn SEO?

Mỗi tài nguyên trên Internet đều có một địa chỉ duy nhất gọi là URL. Với Blogspot, hệ thống thường tự sinh ra URL dựa trên tiêu đề bài viết. Tuy nhiên:

• URL mặc định thường dài dòng hoặc có ký tự đặc biệt không tốt cho SEO.
• Công cụ tìm kiếm (Google, Bing…) đánh giá cao URL ngắn gọn, chứa từ khóa chính và dễ đọc.
• Người dùng cũng dễ ghi nhớ, dễ chia sẻ nếu URL rõ ràng.

👉 Vì vậy, việc tối ưu URL (slug) là bước quan trọng giúp blog chuyên nghiệp hơn, cải thiện thứ hạng tìm kiếm.

Vì sao cần dùng Trang tạo URL chuẩn SEO trên blogspot?

Các bạn có thể nhìn hình dưới đây khi viết bài:

Như đã thấy mặc định của Blogspot nó sẽ không thể lấy url chuẩn theo tiêu đề như các bạn đã đặt, nó bị thiếu chữ 'blogspot' ở cuối link. Thậm chí là khi tiêu đề của các bạn có sử dụng chữ 'đ' là khi lấy liên kết cố định tự động nó sẽ mất luôn chữ đ. Ví du: Đu đưa nó sẽ thành u ua.

Chính vì lý do đó nên chúng ta phải làm Trang tạo URL chuẩn SEO cho blogspot để sử dụng làm công cụ riêng cho mình.

Dùng thử công cụ

Code làm Trang tạo URL chuẩn SEO cho blogspot

Các bạn vào phần Trang > Tạo Trang mới > Chuyển sang Chế độ xem HTML và dán toàn bộ code dưới đây vào:

<div class="url-card">
  <h2>Tạo URL thân thiện chuẩn SEO</h2>
  <input id="title" type="text" placeholder="Nhập tiêu đề bài viết..." />
  <input id="slug" type="text" readonly placeholder="URL sẽ hiện ở đây..." />
  <div class="btns">
    <button id="copyBtn">Copy</button>
    <button id="resetBtn">Reset</button>
  </div>
</div>
<script>
function deburrVietnamese(str){
  return str.normalize("NFD").replace(/đ/g,"d").replace(/Đ/g,"D").replace(/[\u0300-\u036f]/g,"");
}
function toSlug(input){
  return deburrVietnamese(input)
    .toLowerCase()
    .replace(/[^a-z0-9\s-]/g,"")
    .replace(/[\s_]+/g,"-")
    .replace(/-+/g,"-")
    .replace(/^-|-$/g,"");
}
function updateSlug(){
  document.getElementById("slug").value = toSlug(document.getElementById("title").value);
}
document.getElementById("title").addEventListener("input", updateSlug);
document.getElementById("resetBtn").addEventListener("click", () => {
  document.getElementById("title").value="";
  document.getElementById("slug").value="";
});
document.getElementById("copyBtn").addEventListener("click", () => {
  var slug=document.getElementById("slug");
  slug.select();document.execCommand("copy");alert("Đã copy URL!");
});
</script>
  

Xuất bản Trang là xong thôi.

Lấy url chuẩn xong thì khi viết bài các bạn nhớ chuyển sang mục Liên kết cố định tùy chỉnh để chèn vào là chuẩn nhất nhé!

Kết luận

Một URL thân thiện, ngắn gọn, chuẩn SEO không chỉ giúp Google đánh giá cao hơn mà còn làm blog của anh chuyên nghiệp, dễ chia sẻ và dễ ghi nhớ. Công cụ nhỏ này sẽ tiết kiệm thời gian, tránh lỗi chính tả, và đảm bảo mọi bài viết trên Blogspot đều có URL chuẩn SEO ngay từ đầu.

👉 Hãy thử áp dụng cho blog của anh và theo dõi sự khác biệt về thứ hạng tìm kiếm sau vài tuần nhé!