Khác Nhau Giữa Image Alt Text Và Image Title

Một số lượng lớn các nội dụng web bao gồm các hình ảnh, tuy nhiên không nhiều chủ các trang web này tối hưu hóa các hình ảnh của họ để cải thiện tốc độ và có một thứ hạng tìm kiếm tốt hơn. Thậm chí WordPress đi cùng với lựa chọn để thêm vào alt text và image title, thường thì người dùng mới không hiểu được sự khác biệt và làm thế nào để sử dụng chúng. Trong bài viết này, chúng tôi sẽ chỉ cho bạn sự khác nhau giữa image alt text và image title trong WordPress.

Alt Text và Image Title là gì?

Alt Text hoặc alternative text là một bổ sung được thêm vào một thẻ hình ảnh trong HTML. Đoạn văn bản này xuất hiện bên trong image container khi mà hình ảnh không thể được trình chiếu. Nó giúp các công cụ tìm kiếm hiểu được hình ảnh này là về cái gì. Alternative text cũng rất hữu ích trong trường hợp các hình ảnh trên một trang không thể được tìm thấy.

Alt Text và Image Title là gì?

Image Title là một bổ sung khác mà có thể được thêm vào thẻ hình ảnh trong HTML. Nó được dùng để cung cấp một tiêu đề cho hình ảnh của bạn, phần văn bản bạn nhập vào bên trong thẻ tiêu đề sẽ không được hiển thị đến người dùng khi một hình ảnh không thể trình chiếu được. Thay vào đó, nó được hiển thị trong một popup khi một người dùng di chuột của họ đến hình ảnh.

edit-image-wp

Alt tag và image titles cũng được dùng để cải thiện khả năng truy cập cho trang web của bạn với những người có tầm nhìn kém hoặc có các thiết bị đọc màn hình không tốt. Một phần mềm đọc màn hình sẽ đọc toàn bộ phần văn bản và khi đó là một hình ảnh, nó sẽ hiển thị: Hình ảnh: Tiều đề XYZ. điều này cho phép người dùng biết được tại sao bạn thêm hình ảnh này tại đây thậm chí cả khi họ không thể nhìn thấy chúng.

Làm thế nào để thêm Alt Text đến một hình ảnh trong WordPress

WordPress cho phép bạn thêm Alt Text cho các hình ảnh của mình khi bạn tải chúng lên sử dụng built-in media uploader.

adding-alt-text-wordpress1

Bạn cũng có thể thêm alt text vào một hình ảnh bằng việc đi đến Media, chọn Library và click vào link Edit bên dưới hình ảnh.

alt-tag-media-library

Làm thế nào để thêm Image Title trong WordPress

Khi bạn tải lên một hình ảnh sử dụng built-in WordPress Media Uploader, bạn sẽ thấy một trường tiêu đề. Trường tiêu đề này được sử dụng bởi WordPress để xử lý các files media của bạn và không nên bị nhầm lẫn với các thuộc tính tiêu đề được sử dụng trong một hình ảnh.

image-title-wp

Tiều đề mà bạn thêm vào trong khi tải lên một hình ảnh chỉ được sử dụng bởi WordPress media library để hiển thị danh sách các files media của mình.

Trong khi tiêu đề này giúp bạn định vị được media files của mình trong WordPress media library, nó không phải là thuộc tính tiêu đề mà chúng tôi đang nói đến. Đây là cách bạn sẽ thêm một thuộc tính tiêu đề đến các hình ảnh của mình trong WordPress.

Nếu bạn đang sử dụng công cụ chỉnh sửa bài đăng trực quan, thì bạn cần click vào hình ảnh và sau đó click vào Edit trên hình ảnh.

edit-image-wp

Điều này đưa ra màn hình popup chỉnh sửa hình ảnh nơi bạn cần click vào Advanced Options. Việc này sẽ làm hiển thị lựa chọn để thêm thuộc tính tiêu đề cho hình ảnh.

Cho những người dùng mà không sợ việc phải chỉnh sửa một chút HTML. đơn giản chuyển qua phần soạn thảo văn bản và thêm thuộc tính tiêu đề đến thẻ hình ảnh của bạn như dưới đây:

<img class="alignleft size-medium wp-image-2204" src="http://www.example.com/wp-content/uploads/2014/10/bike.jpg" alt="alternate text for image" width="300" height="199" title="A proper title attribute" />

Cách khác, bạn có thể sử dụng một plugin gọi là Restore Image Title mà sử dụng trường tiêu đề trong uploader như là thuộc tính tiêu đề của các hình ảnh.

Tại sao và làm thế nào bạn nên sử dụng Alt text và image title

Chúng tôi khuyến nghị các người dùng của mình sử dụng cả hai alt text và image title với các hình ảnh của họ. Một lợi thế hiển nhiên là nó giúp các công cụ tìm kiếm tìm ra các hình ảnh của bạn và hiển thị chúng trong các kết quả tìm kiếm hình ảnh. Một lợi thế khác là những thẻ này cải thiện khả năng truy cập đến trang web của bạn và giải thích các hình ảnh cho mọi người với các nhu cầu đặc riêng biệt.

Các công cụ tìm kiếm, đặc biệt là Google khẳng định rằng họ chỉ tập trung vào alt tag như một nhân tố thứ hạng cho các hình ảnh. Tuy nhiên, điều này không có nghĩa là họ hoàn toàn bỏ qua thuộc tính tiêu đề. Thử thêm các văn bản khác nhau vào cả hai thuộc tính sử dụng các từ khóa miêu tả các hình ảnh của bạn.

Cũng phải nhớ rằng không nên để quá nhiều từ khóa vào các thẻ alt và title. Thay vào đó, viết các văn bản có tính mô tả và hữu ích mà thực sự miêu tả hình ảnh đó.

Chúng tôi hy vọng bài viết này giúp bạn hiểu được image alt text và image title trong WordPress. Bạn có thể cũng muốn tham khảo qua hướng dẫn của chúng tôi về 6 wordpress plugins nén ảnh tốt nhất hiện nay.

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

Ý kiến cá nhân của bạn

bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!