Trang chủ \27.3.11

Thêm thuộc tính rel cho thẻ liên kết

rel valueThuộc tính rel cho thẻ liên kết không hiểu sao không được coi trọng trong Blogger - một sản phẩm của Google. Trong khi với Wordpress thì thuộc tính này luôn được khai báo cẩn thận và có phải nhờ một phần như vậy mà Wordpress có khả năng SEO tốt hơn Blogger rất nhiều?

Để hiểu hơn lý do tại sao cần có thuộc tính rel cho thẻ liên kết chúng ta xem hình dưới đây.

label name

title

Xem hình 1 bạn có thể thấy liên kết đến label Blogger ở blog mình có URL giống nhau, ở hình 2 liên kết đến bài viết tại widget Blog và widget Popular Posts cũng trùng. Việc có nhiều liên kết giống nhau cùng xuất hiện trên một trang sẽ gây "khó chịu" cho công cụ tìm kiếm và có thể blog bạn bị xem là spam link. Để giải quyết vấn đề này một phát minh được đưa ra là khai báo thuộc tính rel cho thẻ liên kết, cú pháp là <a rel="value">. Trong đó value (giá trị) gồm một vài kiểu sau:
  • bookmark: tài liệu lưu trữ.
  • tag: tài liệu được đánh dấu thành nhóm.
  • prev: tài liệu trước đó.
  • next: tài liệu tiếp theo.
  • nofollow: để xác định cho bot tìm kiếm không theo liên kết này.

Và còn nhiều giá trị khác của thuộc tính rel trong thẻ liên kết. Mình chỉ liệt kê ra một vài kiểu trên để áp dụng cho thủ thuật sau đây. Thủ thuật mình giới thiệu sẽ thêm giá trị bookmark cho thẻ liên kết đến bài viết của widget Popular Posts, giá trị tag cho thẻ liên kết đến label của widget Label và widget Blog, giá trị prevnext cho thẻ liên kết đến bài đăng cũ hơn và mới hơn của widget Blog, giá trị nofollow cho thẻ liên kết đến nhận xét.

1. Thêm giá trị bookmark cho thẻ liên kết đến bài viết của widget Popular Posts:
Tìm đến widget Popular Posts với từ khóa PopularPosts1 và lần lượt thay thế:
expr:href='data:post.href'
Thành:
expr:href='data:post.href' rel='bookmark'
Có 6 đoạn code đó với widget Popular Posts chưa chỉnh sửa.

2. Thêm giá trị tag cho thẻ liên kết đến label của widget Label và widget Blog:
  • Thêm giá trị tag cho thẻ liên kết đến label của widget Label:
    Tìm đến widget Label với từ khóa Label1 và lần lượt thay thế:
    expr:href='data:label.url'
    Thành:
    expr:href='data:label.url' rel='tag'
    Có 2 đoạn code đó, 1 cho label dạng list và 1 cho label dạng cloud.
  • Thêm giá trị tag cho thẻ liên kết đến label của widget Blog:
    Tìm với từ khóa <b:loop values='data:post.labels' var='label'> và xem thẻ liên kết ngay dưới nó có thuộc tính rel='tag' chưa (mình xem thử 1 template mẫu của Blogger thì thẻ liên kết này đã có). Nếu thẻ này chưa có bạn thay:
    expr:href='data:label.url'
    Thành:
    expr:href='data:label.url' rel='tag'

3. Thêm giá trị prevnext cho thẻ liên kết đến bài đăng cũ hơn và mới hơn của widget Blog:
Tìm với từ khóa <b:includable id='nextprev'>, lần lượt thay thế:
expr:href='data:olderPageUrl'
Thành:
expr:href='data:olderPageUrl' rel='prev'

Và:
expr:href='data:newerPageUrl'
Thành:
expr:href='data:newerPageUrl' rel='next'
Ngoài ra thì khi số nhận xét trong bài viết của blog hơn 200 sẽ xuất hiện phân trang cho nhận xét, bạn có thể thêm rel='last', rel='prev', rel='next'rel='first' cho thẻ liên kết đến những trang nhận xét tương ứng.

4. Thêm giá trị nofollow cho thẻ liên kết đến nhận xét:
Thay thế toàn bộ:
expr:href='data:post.addCommentUrl'
Thành:
expr:href='data:post.addCommentUrl' rel='nofollow'
Trong blog còn có nhiều thẻ liên kết đến vị trí quy định bởi id hoặc name, bạn có thể thêm rel='nofollow' cho nó.

Việc thêm thuộc tính rel cho thẻ liên kết cũng giống như... uống thuốc bổ, có thể không nhận ra hiệu quả ngay lập tức. Và đôi khi cũng ngây hại nếu dùng không đúng cách!!!

Hướng dẫn thủ thuật Blogger, Blogspot

20

Nhận xét
1

Bài viết rất hay nhưng nếu bắt tay thực hiện cũng sẽ rất cực.
Mình vẫn trung thành với Blogspot chẳng qua nó đã quá quen thuộc. Khả năng SEO của blogspot là vấn đề đau đầu nhất cho các Blogger.:(

Reply Xóa nhận xét
2

@iTechPlus Một lần cho mãi mãi :D. Em thậm chí đã dành cả buổi để phân cấp code dạng tree cho template và nhờ vậy mà nhớ vị trí code của từng phần một :)

Reply Xóa nhận xét
Nặc danh 27/3/11 10:44
3

Em dùng notepad để biên soạn nên sẽ dễ quản lý code hơn. Thank Duy vì bài viết bổ ích.

Reply Xóa nhận xét
4

Lại một nhân tố khá mới nữa được phát hiện trong Blogspot =D>

Tuy nhiên trong Blogger, trang label đã bị robot.txt hạn chế nên cũng không cần thiết nữa.

Với Next or Prev thì mình thường dùng Pagination nên có thể cũng không cần.

Với link showcomment thì cần thiết vì khá nhiều blog bị index trùng link này, có thể dùng paramenter trong Webmaster Tools để chặn cái này.

Với các widget như Bài viết mới, Nhận xét mới... mình không biết nó có ảnh hưởng không khi các link này xuất hiện nhiều lần tuy nhiên cho đến nay thì chưa thấy Google cảnh báo gì :))

Các bạn có thể tham khảo thêm về rel Attribute trên w3schools.

Reply Xóa nhận xét
5

:)) Một mình Blog trên nền Blogspot thì khả năng SEO kém hơn WP nên tớ thích áp đảo bằng cách tận dụng SEO của nhiều web,forum khác

Reply Xóa nhận xét
6

@Pavel Widget như Bài viết mới, Nhận xét mới thường dùng js nên em không biết có cần thiết set nofollow cho nó không nữa.

Reply Xóa nhận xét
7

Bên mình thì cả 2 tiện ích trên đều không dùng js, chắc phải thêm no-follow cho nó thôi :)

Reply Xóa nhận xét
8

Còn một thuộc tính 'enclosur' và 'license' ý nghĩa ra sao hả các bác :)

Reply Xóa nhận xét
9

bài viết rất hữu ích, mình cũng check lại hết rel mới đc

Reply Xóa nhận xét
10

Không có mới hỏi Duy ah...
Mấy cái rel này thấy thằng windows live writer có cho option mà không biết sử dụng thế nào

Reply Xóa nhận xét
11

@minhtriet [at] quans http://microformats.org/wiki/rel-enclosure-fr

http://microformats.org/wiki/rel-license

Chắc có ích cho bác :)

Reply Xóa nhận xét
12

:(( minhf dùng themê sẵn k làm theo mấy cách này đc, k biết tìm code ở đâu để sửa

Reply Xóa nhận xét
13

@Nam Duy cái này thì template nào cũng có thôi, các câu lệnh đều là Blogger XML mà.

Reply Xóa nhận xét
14

thì chắc là đều có rồi, có thể tem đã sửa theo code của người ta, như vậy nên mình là người ngoại đạo k biết sửa kiểu gì cả. :(

Reply Xóa nhận xét
Nặc danh 3/6/11 16:23
15

Nhận xét này đã bị quản trị viên blog xóa.

Reply
16

Hay lắm. Thanks bạn nhiều

Reply Xóa nhận xét
18

Tối nay liều mạng làm cái này
Hồi trước tớ làm tá lả các thủ thuật về SEO,ai chỉ sao tớ làm hết.Kết quả là bị Google chặn luôn,bây giờ còn hãi.\
Mãi sau này nhờ pác Hà làm giúp nên thoát:)):)):)):)):)):)):)):)):))

Reply Xóa nhận xét
19

Nếu làm tốt thì việc điều hướng spider là rất tốt

Reply Xóa nhận xét
20

Con ban nhe, dang tim hieu cai nay, seach mai moi ra
thanks

Reply Xóa nhận xét

Đăng nhận xét

Cancel