Thêm target blank và nofollow cho liên kết trong blog

Trước đây, cách thông thường để mở một liên kết trên một trình duyệt khác là thêm thuộc tính target=”_blank” vào liên kết. Tuy nhiên, cách này khá phiền hà khi bạn copy bài viết từ một nguồn khác bửi vì phải sửa lại tất cả các liên kết trong bài. Ngoài ra, bạn cũng tốn thời gian biên tập lại phần này khá nhiều. Một giải pháp đơn giản hơn là chúng ta thay đổi thuộc tính target mặc định của liên kết thông qua jQuery. Qua cách này, chúng ta có thể thay đổi thuộc tính rel=”nofollow” luôn.

Trước tiên chúng ta cần cài đặt jQuery cho Blog hoặc website của bạn trước đã.

[code lang=”html”] <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
[/code]

Đoạn code này bạn đặt vào thẻ của trang. Hoặc nếu bạn sử dụng một mã nguồn có sẵn jQuery thì khỏi cần. WordPress là một ví dụ. Tuy nhiên, không phải lúc nào jQuery cũng được include sẵn đâu nhé, bạn cần kiểm tra trước :D.

Thay đổi thuộc tính target

Chèn đoạn code sau vào thẻ nhá:

[code lang=”js”] <script type="text/javascript">

$(function() {
var domain = ‘http://nhanweb.com’;

$(‘a:not([href^=’ + domain + ‘])’).attr(‘target’, ‘_blank’);

});
</script>
[/code]

Trường hợp này chúng ta thay đổi thuộc tính target của các liên kết ngoài trang của mình (nhanweb.com) thằng _blank. Nếu bạn muốn tất cả các liên kết bất kì (ngoài trang và cả trong trang) cùng mở ở một cửa sổ mới, chúng ta bỏ đi condition cho nó như sau:
[code lang=”js”] <script type="text/javascript">

$(function() {
var domain = ‘http://nhanweb.com’;

$(‘a’).attr(‘target’, ‘_blank’);

});
</script>
[/code]

Thay đổi thuộc tính rel=”nofollow”

Thuộc tính này có lẽ nhiều bạn không SEO chắc không biết, nói chung là nó giúp các spider không chỉ mục các liên kết mà bạn set thuộc tính này về “nofollow”. Thường chúng ta thực hiện việc này với các liên kết ngoài trang nhằm ngăn chặn các spider sang các trang khác trong quá trình index trang mình.
[code lang=”js”] <script type="text/javascript">

$(function() {
var domain = ‘http://nhanweb.com’;

// Them rel="nofollow" cho cac link den trang web khac (khong cung domain)
$(‘a:not([href^=’ + domain + ‘])’).attr(‘rel’, ‘nofollow’);
});
</script>
[/code]

Lưu ý: lệnh set thuộc tính rel này có thể không hoạt động được vì các em spider thường không đọc được javascript.

Lượm nhặt từ Blog Hỗn Tạp