Cách tối ưu hóa hình ảnh cho web – tối ưu hóa thẻ alt và thẻ title

Tối ưu hóa hình ảnh là công việc nên làm khi viết bài chuẩn SEO. Điều này sẽ làm cho hình ảnh có thứ hạng tốt hơn trong xếp hạng Google. Hãy đừng quên 2 thuộc tính: Thẻ alt(alt tag – văn bản thay thế ảnh) và thẻ title(alt title – mô tả ảnh). Bài viết sau đây tôi sẽ làm rõ hơn vấn đề này.

Các thuộc tính của hình ảnh cần chú ý khi tối ưu?

Tối ưu hóa hình ảnh tốt vì có thuộc tính alt và title đầy đủ?

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

Tối ưu hóa hình ảnh không được tốt vì thuộc tính alt không đầy đủ và không có thẻ title?

<img src="image.png" alt="">

Thuộc tính title mô tả hình ảnh

Người dùng di chuột lên hình ảnh sẽ xuất hiện một dòng thông báo do thuộc tính title tạo ra.

Gán chú thích(caption) cho hình ảnh

Đây là đoạn văn bản ngay sau hình ảnh. Nó có độ dài từ một câu văn đến vài ba câu. Mục đích nhằm mô tả ngữ cảnh tốt hơn cho hình ảnh. Nhưng nó không phải là một thuộc tính của hình ảnh.

Văn bản thay thế(thuộc tính alt) và SEO

Khi văn bản thay thế bị thiếu, Yoast SEO sẽ đưa ra cảnh báo

Vấn đề thuộc tính alt của hình ảnh
Kết quả kiểm tra một bài viết của Yoast SEO, ảnh có thuộc tính alt nhưng chưa đặt từ khóa.

Google đặt một giá trị tương đối cao trên văn bản thay thế, để xác định những gì trên hình ảnh và văn bản xung quanh nó. Đây là lý do tại sao, trong phân tích nội dung của Yoast SEO, nó đưa ra cảnh báo nếu bạn không chèn vào bài viết một hình ảnh với thẻ alt có chứa cụm từ khóa tập trung.

Tối ưu hóa hình ảnh chứ không phải spam từ khóa trong thẻ alt.

Yoast SEO kiểm tra hình ảnh và văn bản thay thế(alt text) của chúng trong bài đăng. Hãy chắc chắn rằng bạn không spam cụm từ khóa tập trung vào mỗi thẻ alt. Bạn cần hình ảnh tốt, chất lượng cao, có liên quan cho bài đăng của mình. Đây là một lời khuyên từ Google dành cho bạn: chọn một văn bản thay thế tốt như thế nào.

Khi chọn văn bản thay thế, hãy tập trung vào việc tạo nội dung hữu ích, giàu thông tin, sử dụng từ khóa phù hợp và nằm trong bối cảnh nội dung của trang. Tránh điền thuộc tính alt bằng từ khóa (nhồi từ khóa) vì nó dẫn đến trải nghiệm người dùng tiêu cực và có thể khiến trang web của bạn bị xem là spam.

Nếu hình ảnh của bạn là một sản phẩm cụ thể, hãy bao gồm cả tên sản phẩm đầy đủ và ID sản phẩm trong thẻ alt để có thể dễ dàng tìm thấy nó hơn. Nói chung, nếu một cụm từ khóa có thể hữu ích cho việc tìm kiếm một cái gì đó trên hình ảnh, hãy đưa nó vào thẻ alt. Ngoài ra, đừng quên thay đổi tên tập tin hình ảnh thành tên sao cho mô tả đúng cái nó thể hiện.

Tối ưu hóa hình ảnh trong bộ soạn thảo văn bản của wordpress

Giao diện để chỉnh sửa các thuộc tính của hình ảnh trong wordpress.
Giao diện để chỉnh sửa các thuộc tính của hình ảnh trong wordpress.

Đây là giao diện khi bạn đăng hình ảnh lên trang thông qua bộ soạn thảo văn bản của wordpress. Ngoài thuộc tính alt, title, còn có thuộc tính caption. Và các thuộc tính định dạng cách hiển thị hình ảnh như Align, Size, CSS class…

Nếu bạn không nhập thuộc tính alt thì thuộc tính này sẽ lấy tự động từ tên ảnh. Mặc dù điều này tốt hơn là không viết gì, nhưng bạn nên viết lại thông điệp cho thẻ alt này.

Tóm lại, để tối ưu hóa hình ảnh cần chú ý.

Hình ảnh không chỉ hấp dẫn người đọc mà còn có tác dụng nhất định trong việc làm SEO. Vì vậy hãy đầu từ thời gian trong việc chọn ảnh, từ kích cỡ đến chất lượng. Hãy tên ảnh phù hợp với cái nó thể hiện. Chỉnh sửa lại thẻ alt, thay vì để mặc định. Hãy thêm thẻ title sao cho khi người dùng di chuột vào ảnh nó sẽ xuất hiện thông điệp dễ hiểu nhất có thể.

Và cuối cùng, đừng quên thêm caption vào bạn nhé. Nó không phải là thuộc tính của hình ảnh nhưng nhờ có nó mà ngữ cảnh được thể hiện rõ ràng hơn. Hãy xem xét các trang báo lớn như vnexpress.net để thấy cách đặt caption của họ thật là hợp lý!

Leave a Reply

avatar
  Subscribe  
Notify of

Có thể bạn quan tâm