Các thuộc tính của thẻ a trong html

Như các bạn đã biết thẻ a trong html thường được gọi là siêu liên kết văn bản còn các dân seo thì gọi thẻ a là link, vì thẻ a rất quan trọng cho việc SEO từ khóa lên top google thông qua link ngoài website kiếm được cũng như link bên trong website.

Mình thường hay viết bài về seo nên trong bài viết về chủ đề học html thì mình cũng nói nghiên qua seo một tý cho các bạn có một tầm nhìn khá hơn về việc thiết kế website sau này cũng như thiết kế website làm thế nào để chuẩn seo google luôn.

Thẻ a trong html là gì

Thẻ a trong html dùng để liên kết các trang lại với nhau, nó nằm trong cặp thẻ <a></a>, cặp thẻ này rất quan trọng nên mình khuyên các bạn hãy nhớ thật kĩ các thuộc tính cũng như giá trị của thẻ a.

Cấu trúc thẻ a trong html

Bây giờ các bạn cần phải tìm hiểu cấu trúc của một thẻ a trong html trước rồi bắt đầu học những thuộc tính và giá trị của thẻ a. Có rất nhiều kiến thức quan trọng trong thẻ a lắm nên các bạn hãy ghi nhớ kĩ những gì mình chia sẻ.

<a title="khóa học marketing" href="https://khoahocmarketing.net" target="_blank" rel="dofollow">khóa học marketing</a>

bạn hãy nhìn thật kĩ cấu trúc của thẻ a bao gồm thuộc tính title, thuộc tính href, thuộc tính target, thuộc tính ref, mỗi thuộc tính đều có giá trị khác nhau nên mình sẽ phân ra làm một phần mới phân tích chi tiết cho các bạn hiểu.

Một số thuộc tính của thẻ a trong html

Trong thẻ a có 4 thuộc tính quan trọng nhất đó là thuộc tính title, thuộc tính href, thuộc tính target, thuộc tính ref mà bất kì website nào cũng có, nếu không có một số thuộc tính này thì giá trị thẻ a sẽ giảm xuống mà nói thẳng là website đó không có chuẩn w3c.

  • thuộc tính title : là khai báo cho các công cụ tìm kiếm lớn viết rằng link của bạn sẽ có nội dung gì, tối đa là 70 ký tự là tốt nhất.
  • thuộc tính href : đây là nơi gắn link mà bạn cần trỏ tới, bạn gắn link bên trong web hoặc ra ngoài website đều được cả. Mà link trong website người ta thường gọi là link nội bộ, còn link ra website khác thường gọi là link out.
  • thuộc tính target : dùng để chuyển hướng link ( ví dụ bạn muốn người dùng click link của mình thì sẽ mở ra một tag trình duyệt mới thì dùng giá trị _blank).
  • thuộc tính ref : khai báo cho các công cụ tìm kiếm có nên index link không, nếu link out ra ngoài thì nên chặn index hoặc dùng thuộc tính nofollow.

Giá trị thuộc tính ref trong thẻ a

Mình sẽ phân tích rõ hơn một chút về giá trị của thuộc tính ref cho các bạn dễ hiểu hơn cũng như là học thêm kiến thực về SEO luôn để sau này khỏi phải học.

  1. ref=”nofollow” : thuộc tính ref có giá trị là nofollow với ý nghĩa là không cho google index link, nếu link out ra ngoài thì sẽ làm giảm sức mạnh của link.
  2. ref=”dofollow” : thuộc tính ref có giá trị là dofollow với ý nghĩa cho phép google index link, nếu link có out ra ngoài thì giữ nguyên sức mạnh của đường link ấy. Nếu liên kết bên trong website của mình thì nên chọn giá trị dofollow để google index link nhanh hơn cũng như tăng giá trị cho trang web.

Giá trị thuộc tính target trong thẻ a

Với thuộc tính target thì sẽ có 4 giá trị theo sau thuộc tính này, tuy là nó ít quan trọng cho seo nhưng mình cũng phải tìm hiểu qua cho biết thêm, cũng như sau này còn biết cách mà sử dụng.

  1. target=”blank” : dùng để mở một tag trình duyệt mới khi người dùng click vào link
  2. target=”self” : dùng để mở link trên chính trình duyệt
  3. target=”top” : chuyển link trong chính trang đó nó sẽ nhảy đến phần nội dung của link
  4. target=”_parent” : nó sẽ chuyển link đến tag cha.

Cách chèn link vào ảnh trong html

Thẻ a thường có liên kết bằng text nhưng thẻ a còn có một liên kết nữa là liên kết bằng hình ảnh, mình sẽ hướng dẫn cách chèn link vào ảnh trong html chi tiết.

Các bạn có thể hiểu như thế này : khi click vào một hình ảnh thì chúng sẽ chuyển hướng các bạn đến một link khác.

<a title="khóa học marketing" href="https://khoahocmarketing.net" target="_blank" rel="dofollow"><img src="duong-dan-hinh-anh.php" alt="khóa học marketing"></a>

Lời kết : Bài học về thẻ a là rất quan trọng mình đã nhắc đi nhắc lại rất là nhiều lần mong các bạn hãy nhớ thật kĩ và vận dụng thành thạo.

-

Trả lời