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

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

Rel tagThuộ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!!!

Bạn thấy bài viết này như thế nào?: 
No votes yet
Ảnh của Tommy Tran

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy

Tìm kiếm bất động sản

 

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
11 Sản phẩm "bèo bọt" trong quá khứ của Apple

11 Sản phẩm "bèo bọt" trong quá khứ của Apple

Nếu iPad và iPhone tạo nên sự thay đổi ngoạn mục trong lịch sử công nghệ tiêu dùng thế giới, thì một số sản phẩm xa xưa của Apple lại hoàn toàn bị lãng quên.

National September 11 Memorial & Museum

Thiết kế website Drupal: www.911memorial.com

The original 9/11 Memorial.org site was a loosely connected assortment of independent applications including a storefront, blog, and donation pages.

Custom website bằng WordPress dễ hơn Drupal, Joomla

Custom website bằng WordPress dễ hơn Drupal, Joomla

Hôm nay COME™ Blog xin so sánh 03 CMS này để các bạn có cái nhìn rõ ràng hơn để lựa chọn mã nguồn phù hợp nhất cho website và nhu cầu của mình:

Công ty diệt chuột T&C

 

Diet con trung