Chia sẻ code: Xây dựng công cụ tạo URL SEO hiệu quả cho Blogspot

Hi xin chào các bạn ! hôm nay mình sẽ chia sẻ tới các bạn bài viết Xây dựng công cụ tạo URL SEO hiệu quả cho Blogspot và giải thích rõ là vì sao chúng ta nên sử dụng công cụ này thường xuyên khi viết bài trên Blogger.

URL là gì?

Khi nói đến một URL được tối ưu hóa đúng cách, bước đầu tiên là biết sự khác biệt giữa URL và tên miền.

URL là viết tắt của Uniform Resource Locator và được sử dụng để tham chiếu đến vị trí của tài nguyên web trên mạng máy tính và cơ chế được sử dụng để truy xuất nó. Mặt khác, tên miền chỉ là một phần của URL của bạn.

Thế nào là URL chuẩn SEO?

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ị tối ưu theo tiêu chuẩn và yêu cầu của công cụ tìm kiếm như Google, Bing, Yahoo… Mục tiêu của việc tối ưu URL chuẩn SEO là tăng cơ hội cho website của bạn hiển thị ở vị trí cao hơn trong kết quả tìm kiếm tự nhiên cho cá từ khóa liên quan.

Tại sao URL lại quan trọng đối với SEO?

Khi bạn nghĩ về SEO, từ khóa được nhắm là mục tiêu đầu tiên bạn nghĩ đến. Nhưng bạn đã có bao giờ suy nghĩ về việc tối ưu hóa URL của mình cho SEO?

URL thân thiện với SEO là điều cần thiết để đảm bảo khách hàng tiềm năng tìm thấy trang web của bạn. Với hơn 99.000 lượt tìm kiếm mỗi giây, tương đương với hơn 8,5 tỷ lượt tìm kiếm mỗi ngày, bạn cần tạo mọi lợi thế có được nếu bạn định cạnh tranh trên thị trường Internet rộng lớn.

Với ý nghĩ đó, chúng ta cần Xây dựng công cụ tạo URL SEO hiệu quả và cách tối ưu hóa nó cho Google để có lưu lượng truy cập tối đa.

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, nhất 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í dụ

"lấy liên kết cố định tự động" thì phần Liên kết cố định sẽ hiện là "lay-lien-ket-co-inh-tu-ong"{alertWarning}

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.

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:

{code} <style>
.higenz {
max-width: 600px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
input[type="text"] { width: 100%; padding: 15px; margin: 10px 0 20px; font-size: 16px; border-radius: 8px; border: 1px solid #ccc; box-sizing: border-box; }.buttons { display: flex; justify-content: flex-start; gap: 15px; }.button { background-color: #0866ff; color: white; padding: 12px 24px; border: none; border-radius: 8px; text-decoration: none; cursor: pointer; font-size: 14px; transition: background-color 0.3s ease; }.button:hover { background-color: #054ccc; }.info { margin-bottom: 30px; }.author { text-align: center; margin-top: 30px; font-size: 14px; color: #888; }.author a { color: #0866ff; text-decoration: none; }.author a:hover { text-decoration: underline;} </style>
<div class="higenz">
<div class="info">
<p style="text-align: left;">
URL bài viết phải chứa từ khóa chính và nên đặt URL ngắn gọn, súc tích, hàm chứa nội dung vừa đủ. <br/>Lưu ý: nên đặt URL tiếng việt không dấu, các từ được phân tách với nhau bằng dấu gạch nối (“-”). Không nên đặt số, ký tự in hoa và các ký tự không cần thiết khác trong URL</p><p style="text-align: left;">
Mọi tài nguyên trên Internet đều có một địa chỉ URL. URL thân thiện, với khả năng mô tả chính xác nội dung trang bằng từ khóa, giúp tăng khả năng tìm thấy trên các công cụ tìm kiếm. Sử dụng công cụ tối ưu URL chuẩn SEO của chúng tôi, chỉ cần nhập tiêu đề bài viết và nhận ngay URL tối ưu!"</p>
</div>
<center><h2>Tạo URL</h2></center>
<form name="tbtitle">
<h3>Nhập tiêu đề bài viết</h3>
<input type="text" id="text" name="text" placeholder="Nhập tiêu đề tại đây..." />
<h3>URL chuẩn SEO</h3>
<input type="text" id="result" name="result" readonly />
<div class="buttons">
<a class="button" id="copyBtn">Copy</a>
<a class="button" id="resetBtn">Reset</a>
</div>
</form>
<div class="author">
© 2025 <a href="https://higenz.com" target="_blank">higenz.com</a>
</div>
</div>
<script>
const textInput = document.getElementById("text");
const resultInput = document.getElementById("result");
const copyBtn = document.getElementById("copyBtn");
const resetBtn = document.getElementById("resetBtn");
function generateSlug(str) {
return str.toLowerCase()
.normalize("NFD").replace(/\p{Diacritic}/gu, "")
.replace(/[^a-z0-9\s-]/g, '')
.trim()
.replace(/\s+/g, '-')
.replace(/-+/g, '-');
}
textInput.addEventListener("input", () => {
resultInput.value = generateSlug(textInput.value);
});
copyBtn.addEventListener("click", () => {
resultInput.select();
navigator.clipboard.writeText(resultInput.value).then(() => {
alert("Đã copy URL chuẩn SEO!");
});
});
resetBtn.addEventListener("click", () => {
textInput.value = "";
resultInput.value = "";
});
</script>

Giờ Bạn chỉ cần Xuất bản Trang là xong thôi.

Bộ code trên đã được tích hợp để tạo URL thân thiện chuẩn SEO từ tiêu đề bài viết. Mỗi khi bạn nhập tiêu đề, hệ thống sẽ tự động chuyển đổi sang định dạng URL, loại bỏ dấu tiếng Việt, ký tự đặc biệt, và thay thế khoảng trắng bằng dấu gạch ngang. Nút "Copy" giúp bạn sao chép kết quả dễ dàng.{alertSuccess}

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é!

Lời kết

Vậy là mình đã Chia sẻ code: Xây dựng công cụ tạo URL SEO hiệu quả cho Blogspot. Hy vọng rằng bài viết này sẽ giúp ích cho các bạn. Chúc các bạn thành công!

Go to Link