SEO smart link: Liên kết thông minh trên blogspot

19 tháng 9
Tutorial
Mục lục

Trong quản lý blog, đặc biệt là Blogspot, việc tối ưu liên kết nội bộ (internal link) là rất quan trọng để cải thiện SEO và trải nghiệm người đọc. Phiên bản SmartLink nâng cấp mang đến giải pháp tự động chèn link từ khóa, an toàn và tối ưu tốc độ.

Tối ưu liên kết nội bộ - internal link blogspot
Tối ưu liên kết nội bộ (internal link) blogspot

Giải thích cho các bạn dễ hiểu chút là khi các bạn đặt liên kết sẵn cho các từ khóa các bạn cần, thì trong tất cả các bài viết (hoặc trang) của các bạn có từ khóa đó nó sẽ tự động biến thành link mà các bạn đã setup sẵn.

Ví dụ: Các bạn thấy thấy từ khóa SEO ở đầu bài viết này, đó là mình đã setup sẵn link cho từ khóa SEO, ở tất cả các bài viết khác nếu có từ SEO nó cũng tự chèn link vào như vậy!

Giới thiệu

SmartLink là một script JavaScript giúp bạn:

  • Tự động chèn liên kết cho các từ khóa đã định nghĩa.
  • Không tạo nested <a>, tránh lỗi HTML và vi phạm SEO.
  • Bỏ qua các từ khóa đã có link sẵn, giữ tính hợp lệ và trải nghiệm người dùng.
  • Chạy nhanh, không gây lag cho blog.

Phiên bản nâng cấp này đặc biệt phù hợp cho các blog cá nhân và website nhỏ, giúp tăng khả năng đọc và giữ chân người dùng.

Tính năng nổi bật

  1. Tự động chèn link từ khóa: chỉ cần khai báo từ khóa và URL, script sẽ chèn cho bạn.
  2. Bỏ qua từ khóa đã có link: tránh chèn link vào từ khóa đã nằm trong <a>.
  3. Tối ưu hiệu năng: chỉ quét text nodes trong div.post-body, không sửa toàn bộ innerHTML.
  4. Regex chuẩn SEO: tìm kiếm từ khóa nguyên vẹn, ignore case.
  5. Dễ dàng cài đặt: copy script vào widget HTML/JavaScript trên Blogspot.

Hướng dẫn cài đặt trên Blogspot

Bước 1: Chèn code trên thể </body> hoặc trong Widget HTML/JavaScript

  1. Vào Blogger → Chủ đề → Tùy chỉnh → Chỉnh sửa HTML hoặc
  2. Chọn vị trí phù hợp (Sidebar, Footer) → Thêm tiện ích (Add a gadget) → HTML/JavaScript.
  3. Dán code script SmartLink vào và lưu
<b:if cond='data:view.isSingleItem'>
<script defer='defer'>//<![CDATA[
/*
SmartLink Optimized - Phiên bản nâng cấp cho Blogspot
- Không chèn nested <a>
- Bỏ qua từ khóa đã có link
- Sử dụng regex an toàn
- Chỉ quét post-body
- Tối ưu tốc độ
*/

(function(){
  function SmartLink(){
    this.keywords = [];

    this.add = function(keyword, href){
      this.keywords.push({keyword: keyword, href: href});
    };

    this.createAnchors = function(){
      var posts = document.querySelectorAll('div.post-body');
      posts.forEach(function(post){
        var walker = document.createTreeWalker(post, NodeFilter.SHOW_TEXT, null, false);
        var nodesToReplace = [];

        while(walker.nextNode()){ nodesToReplace.push(walker.currentNode); }

        nodesToReplace.forEach(function(textNode){
          var parent = textNode.parentNode;

          // Nếu parent là <a> thì bỏ qua
          if(parent.tagName.toLowerCase() === 'a') return;

          var textContent = textNode.nodeValue;

          this.keywords.forEach(function(k){
            var regex = new RegExp('(\\b'+k.keyword+'\\b)', 'gi');
            if(regex.test(textContent)){
              var span = document.createElement('span');
              span.innerHTML = textContent.replace(regex, function(match){
                return '<a href="'+k.href+'">'+match+'</a>';
              });
              parent.replaceChild(span, textNode);
              textNode = span.firstChild; // cập nhật node mới
            }
          });
        }, this);
      }, this);
    };

    this.start = function(){
      if(document.readyState === 'loading'){
        document.addEventListener('DOMContentLoaded', this.createAnchors.bind(this));
      } else {
        this.createAnchors();
      }
    };
  }

  window.SmartLink = SmartLink;
})();

// --- Cách sử dụng ---
var sl = new SmartLink();
sl.add('SEO','https://www.anhtrainang.com/search/label/SEOer');
sl.add('Blogger','https://www.anhtrainang.com/search/label/Blogger');
sl.add('blogspot','https://www.anhtrainang.com/search/label/Blogspot');
sl.add('Template','https://www.anhtrainang.com/search/label/Template');
sl.add('kiếm tiền online','https://www.anhtrainang.com/search/label/MMO');
sl.add('seeding','https://www.anhtrainang.com/search/label/Seeding');
sl.add('adsense','https://www.anhtrainang.com/search/label/Adsense');
sl.start();
//]]></script>
</b:if>
  

Bước 2: Khai báo từ khóa và liên kết ở đoạn này

sl.add('SEO','https://www.anhtrainang.com/search/label/SEOer'); sl.add('Blogger','https://www.anhtrainang.com/search/label/Blogger'); sl.add('blogspot','https://www.anhtrainang.com/search/label/Blogspot'); sl.add('Template','https://www.anhtrainang.com/search/label/Template'); sl.add('kiếm tiền online','https://www.anhtrainang.com/search/label/MMO'); sl.add('seeding','https://www.anhtrainang.com/search/label/Seeding'); sl.add('adsense','https://www.anhtrainang.com/search/label/Adsense'); sl.start();

Thêm từ khóa khác bằng sl.add('Từ khóa','URL');

Bước 3: Lưu và kiểm tra

  • Khi mở một bài viết, các từ khóa sẽ tự động được chèn link.
  • Nếu từ khóa đã nằm trong link, script sẽ bỏ qua.

Lợi ích chuẩn SEO

  • Tăng internal link: giúp Google hiểu cấu trúc blog và tăng khả năng index bài viết.
  • Cải thiện trải nghiệm người đọc: người dùng dễ dàng truy cập các bài liên quan.
  • Giữ trang HTML sạch sẽ: không tạo nested <a>, tránh lỗi HTML và thuật toán SEO phạt.
  • Hiệu suất cao: script nhẹ, không gây lag trên bài viết dài.

Mẹo sử dụng

  • Chỉ chọn từ khóa quan trọng và liên quan, tránh spam link.
  • Kiểm tra các bài viết dài để đảm bảo link không bị chồng lên nhau.
  • Có thể kết hợp SmartLink với chiến lược SEO nội dung, như tối ưu title, meta description, và heading.

Kết luận

SmartLink nâng cấp là giải pháp tuyệt vời để tự động hóa liên kết nội bộ trên Blogspot, tăng hiệu quả SEO, giữ HTML sạch, và cải thiện trải nghiệm người đọc. Đây là một công cụ đơn giản nhưng mạnh mẽ cho bất kỳ blogger nào muốn nâng cấp blog của mình.

Chia sẻ:
Đã sao chép link!
0.0/5
0 ratings
Đánh giá của bạn:
Thank you for your rating!

Bài viết liên quan

Nhận xét (0)

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

👉 Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
👉 Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
👉 Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu ✅
Hiển thị