Cách cải thiện SEO bằng JavaScript - Tôi Hùng Blog ✅

Chào mọi người.

Mình vừa tìm được một mẹo cho người mới học về SEO muốn cho website/blog nỗi bật từ khóa và SEO để được lên top Google nhanh nhất.

Trong môi trường web năng động ngày nay, JavaScript không chỉ dành cho tương tác — nó còn có thể đóng vai trò chiến lược trong việc cải thiện SEO (Tối ưu hóa Công cụ Tìm kiếm). Mặc dù các công cụ tìm kiếm thường gặp khó khăn với nội dung được hiển thị bằng JavaScript, các bot hiện đại như Googlebot giờ đây đã hiển thị và lập chỉ mục hầu hết JavaScript một cách chính xác. Tuy nhiên, các nhà phát triển phải sử dụng JavaScript một cách thông minh để cải thiện thay vì cản trở SEO. Dưới đây là cách thực hiện.

1. Tự động thêm idthuộc tính vào tiêu đề Tiêu đề 

( <h1>to <h6>) rất quan trọng trong việc cấu trúc nội dung và tăng cường khả năng đọc. Bạn có thể cải thiện cả khả năng truy cập và SEO bằng cách tự động gán idthuộc tính cho các tiêu đề này bằng JavaScript. 

Điều này cho phép công cụ tìm kiếm và người dùng liên kết trực tiếp đến các phần của trang. Ví dụ về tập lệnh:

<script>
/*!
 * Heading Auto-ID Generator (No Hyphens, Skips Existing IDs)
 * Author: It Is Unique Official | License: MIT
 */
document.addEventListener("DOMContentLoaded",function(){
  const usedIds = new Set;
  document.querySelectorAll("h1,h2,h3,h4,h5,h6").forEach((h,i)=>{
    if(h.hasAttribute("id")) return usedIds.add(h.id);
    let baseId = h.textContent.trim().toLowerCase().replace(/[^a-z0-9]/g,"");
    if(!baseId) baseId = "heading" + i;
    let id = baseId, count = 1;
    while(usedIds.has(id) || document.getElementById(id)) id = baseId + count++;
    h.id = id; usedIds.add(id);
  });
});
</script>

Lợi ích của SEO:

• Tăng cường liên kết nội bộ (liên kết neo)
• Cải thiện khả năng thu thập thông tin và điều hướng
• Làm cho nội dung đủ điều kiện để có liên kết "nhảy tới" trong kết quả tìm kiếm

2. Tự động thêm rel="nofollow noopener noreferrer" vào liên kết ngoài

Liên kết ngoài có thể làm giảm uy tín SEO nếu không được xử lý đúng cách. Sử dụng JavaScript, bạn có thể áp dụng linh hoạt các thuộc tính thân thiện với SEO relcho tất cả các liên kết ngoài để ngăn chặn rò rỉ vốn liên kết và cải thiện bảo mật.

Tập lệnh thu nhỏ:

<script>
document.addEventListener("DOMContentLoaded",function(){
  document.querySelectorAll("a[href]").forEach(link=>{
    const href = link.getAttribute("href");
    if(href.startsWith("http") && !href.includes(location.hostname)){
      link.setAttribute("target","_blank");
      link.setAttribute("rel","nofollow noopener noreferrer");
    }
  });
});
</script>

Lợi ích của SEO:

• Đảm bảo hành vi an toàn cho các liên kết bên ngoài
• Giảm nguy cơ lừa đảo và bắt cóc
• Bảo toàn vốn liên kết của trang web của bạn

3. Sử dụng JavaScript để tạo Mục lục động (ToC)

Sau khi gán ID cho các tiêu đề, hãy sử dụng JavaScript để tạo mục lục có thể nhấp. Điều này cải thiện khả năng điều hướng, thời gian lưu trú và trải nghiệm người dùng — tất cả đều là những tín hiệu SEO tích cực về mặt hành vi.

Mẹo thưởng: Đảm bảo ToC của bạn có thể truy cập và thu thập thông tin bằng cách đặt nó ở đầu DOM hoặc sử dụng HTML ngữ nghĩa.

4. Tải nội dung không cần thiết một cách lười biếng

Sử dụng JavaScript để trì hoãn việc tải hình ảnh, video và tập lệnh không cần thiết ngay lập tức. Điều này cải thiện tốc độ trang — một yếu tố xếp hạng trực tiếp.
Ví dụ:

<img src="hungprovn.jpg" data-src="real-image.jpg" loading="lazy" alt="..." />

Hoặc sử dụng JavaScript IntersectionObserver để tải chậm hình ảnh.

5. Tạo dữ liệu có cấu trúc động

Dữ liệu có cấu trúc giúp công cụ tìm kiếm hiểu nội dung của bạn. Bạn có thể sử dụng JavaScript để chèn lược đồ JSON-LD vào các trang của mình cho bài viết, sản phẩm, câu hỏi thường gặp, v.v.

  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Bài viết",
  "headline": "[BLOGGER] Script Khôi Phục Chức Năng Bị Chặn Trên Trang WebBlog",
  "author": {
    "@type": "Person",
    "name": "Hung Pro VN"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Hung Pro VN"
  },
  "datePublished": "2025-06-17"
}
</script>
  

Cuối cùng

JavaScript, khi được sử dụng một cách có trách nhiệm, có thể cải thiện SEO thay vì gây hại. Từ việc thêm các thuộc tính hữu ích đến quản lý cấu trúc và tốc độ, những tập lệnh đơn giản này có thể mang lại lợi ích thiết thực cho cả người dùng và công cụ tìm kiếm.

Hãy luôn kiểm tra trang web của bạn bằng Công cụ Kiểm tra URL của Google để đảm bảo nội dung được hiển thị cho bot. Và hãy nhớ rằng — SEO liên quan đến trải nghiệm người dùng nhiều như mã nguồn.