Thêm thuộc tính alt và title cho ảnh

Thuộc tính alt và title là hai thuộc tính rất quan trọng của ảnh, nó sẽ giúp cho khả năng SEO của bạn tốt hơn.
thuộc tính alt và title
Thêm thuộc tính alt và title

#Tác dụng của thuộc tính alt và title

1. Thuộc tính alt
Thuộc tính này có tác dụng mô tả nội dung của hình ảnh, các máy tìm kiếm sẽ dựa vào nội dung mà tả mà biết được nội dung của ảnh là gì, còn nếu hình ảnh không có thuộc tính này thì máy tìm kiếm sẽ không hiểu được nội dung của hình ảnh.
Ngoài ra khi có vấn đề khiến cho hình ảnh không thể hiển thị được thì nội dung mô tả trong thuộc tính alt sẽ thay thế hình ảnh.

2. Thuộc tính title
Nó chính là tiêu đề của hình ảnh, cũng giống như tiêu đề blog, tiêu đề bài viết... Tiêu đề của hình ảnh sẽ hiện ra khi bạn rê chuột vào, và nó cũng có tác dụng giúp máy tìm kiếm dễ dàng hiểu được nội dung của hình ảnh.

#Thêm thuộc tính alt và title

Nếu bạn đang dùng nền tảng blog Blogger thì làm như sau:
1. Tải ảnh lên và thêm vào bài viết như bình thường
2. Click chuột trái vào hình ảnh thì sẽ thấy có các tùy chọn hiện ra
3. Click vào Thuộc tính
4. Bây giờ bạn hãy nhập nội dung vào hai ô, ô thứ nhất là tiêu đề hình ảnh (title) và ô thứ hai là mô tả hình ảnh (alt)

Nếu bạn không thích cách trên thì hãy chỉnh sửa HTML của thẻ IMG
Ví dụ thẻ img ban đầu như dưới:
<img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKQe3kH2ja9Je8DgNiMr_t91_FyIBjfTUDFNCygACxFr64ufDcrUJJ6hK-EbPfKSMHy4mvFwpS0VW8o4Uf-tBXM5_bvCAHcpeuNL5cFsOZu4-NYvfXnM9r1dpSpILk4tqWMw1FfmANFww/s320/search.png" width="320" />
Và đây là thẻ img sau khi được thêm các thuộc tính vào
<img alt="thuộc tính alt và title" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKQe3kH2ja9Je8DgNiMr_t91_FyIBjfTUDFNCygACxFr64ufDcrUJJ6hK-EbPfKSMHy4mvFwpS0VW8o4Uf-tBXM5_bvCAHcpeuNL5cFsOZu4-NYvfXnM9r1dpSpILk4tqWMw1FfmANFww/s320/search.png" title="Thêm thuộc tính alt và title cho ảnh" width="320" />

#Lưu ý

Trong Blogger còn một mục dễ gây nhầm lẫn đó là chú thích ảnh, các bạn lưu ý rằng phần nội dung này không liên quan gì tới alt và title của ảnh.

Comments

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Post a Comment



» Vui lòng không spam vì nó sẽ bị xóa ngay sau đó.
» Nếu chèn code hãy mã hóa trước khi chèn vào nhận xét.
» Nếu thủ thuật Blog không áp dụng được thì hãy để lại URL blog để mình tiện kiểm tra.