Tính năng tìm kiến bằng văn bản hỗ trợ người dùng rất nhiều trong việc tìm kiếm thông tin, ngoài ra Google còn có tính năng tìm kiềm thông tin thông qua hình ảnh. Hình ảnh giúp cho bài viết của ban trông trở nên trực quan hơn, không khiến người đọc bị nhàm chán do quá nhiều chữ.
Là một trong các yếu tố quan trọng để đưa website doanh nghiệp bạn lên top tim kiếm. Nhưng không nên vì thế mà bạn làm dụng sử dụng hình ảnh quá nhiều hoặc chỉ up hình đơn thuần thì Google sẽ khó đọc được nội dung hình ảnh. Bạn phải mô tả hình ảnh của mình trong HTML và đoạn mô tả đó được gọi là Alt text.
Vậy khái niệm về Alt text là gì? Nó có tầm quan trọng như thế nào trong việc SEO hình ảnh? Và cách viết Alt text như thế nào để đem lại hiệu quả? Hãy theo dõi bài viết dưới đây để tìm hiểu nhé !
Alt text - alternative text được dịch ra có nghĩa là văn bản thay thế. Alt text còn có các tên gọi khác như là “mô tả Alt” hay “thuộc tính Alt”, là một thuộc tính HTML được áp dụng cho thẻ hình ảnh để cung cấp văn bản thay thế cho các công cụ tìm kiếm. Alt text là thuộc tính quan trọng trong việc tối ưu hóa website cho mục đích SEO.
.jpg)
Văn bản thay thế không chỉ mô tả nội dung của hình ảnh mà còn mô tả ngữ cảnh của nó. Alt tex bắt nguồn từ văn bản thay thế cho những hình ảnh trên một trang không tải đúng cách. Alt text là bản sao bằng văn bản được hiển thị thay cho những hình ảnh đó.
Thêm alt text vào hình ảnh là một trong những phương pháp hay nhất được các chuyên gia SEO sử dụng để tối ưu hóa hình ảnh cho web. Đây là ví dụ về cách hiển thị thẻ alt hình ảnh HTML:
Đánh giá về định dạng tốt nhất cho văn bản thay thế là được mô tả đủ, khônng cố gắng nhồi nhét từ khóa. Khi bạn nhắm mắt lại và nhờ người đọc cho đoạn văn bản thay thế mà bạn có thể liên tưởng một phiên bản hình ảnh chính xác hợp lý, thì bạn đang đi đúng hướng
Hãy xem một vài ví dụ về văn bản thay thế cho hình ảnh của một cái bánh su kem việt quất. Có 3 ví dụ sử dụng thẻ altt text trong trường hợp này
Alt text đạt yêu cầu: <img src="sukem.png" alt="sukem">
Văn bản thay thế này chỉ là “ổn” vì nó không mang tính mô tả. Tuy chỉ là một chiếc banh sukem việt quất nhưng bạn vẫn có thể mô tả tốt hơn
Alt text tốt: <img src="sukem.png" alt="Stack of blueberry sukem with powdered sugar">
Văn bản thay thế này là một lựa chọn thay thế tốt hơn vì nó mô tả nhiều hơn những gì trong hình ảnh. Đây không chỉ là chiếc bánh su kem (như ví dụ văn bản thay thế đầu tiên đã trình bày). Đó là một chiếc bánh su kem việt quất phủ một lớp đường bột!
Altt text không đạt yêu cầu: <img src="Sukem.png" alt="">
hoặc
<img src="sukem.png" alt="Sukem sukem su kem hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes sukem recipe">
Cả hai ví dụ này đều không được khuyến khích. Dòng mã đầu tiên thực sự không chứa bất kỳ văn bản thay thế nào (lưu ý rằng các dấu ngoặc kép trống), trong khi ví dụ thứ hai cho thấy việc nhồi nhét từ khóa trong văn bản thay thế.
Các công cụ tìm kiếm như Google ngày càng cải thiện khả năng đọc hình ảnh, văn bản thay thế cho hình ảnh ngày càng trở nên quan trọng hơn trong việc tăng khả năng trải nghiệm người dùng với nội dung trực quan
Văn bản thay thế có mục đích ban đầu la để mô tả hình ảnh cho khách hàng truy cập không thể nhìn được hình ảnh. Lý do có thể là do mạng yếu, trình duyệt không cho phép hiển thị hình ảnh hoặc những người khong thể nhận dạng trực quan hình ảnh.
Bên cạnh đó, thuộc tính alt còn được sử dụng trong việc hỗ trợ người mù tương tác với máy tính bằng cách tạo ra các mô tả bằng âm thanh để họ có thể nghe. Văn bản thay thế hình ảnh đảm bảo tất cả người dùng kể cả những người có vấn đề về khả năng trực quan đều có thể tiếp thu nội dung trên website.
.jpg)
Sử dụng văn bản thay thế trên hình ảnh khôgn chỉ đem tới trải nghiệm tốt cho người truy cập mà còn đem lại nhiều lợi ích cho việc SEO hình ảnh.
Trong khi công nghệ nhận dạng hình ảnh của Google hay Bing… đã được cải thiện rất nhiều, các trình thu thập thông tin tìm kiếm vẫn không thể “nhìn thấy” hình ảnh trên một trang web như chúng ta có thể. vì thế việc giải thích hình ảnh sẽ hợp lý hơn
Vì vậy rõ ràng phần mô tả cho hình ảnh bằng cách sử dụng alt text đóng vai trò rất quan trọng. Nếu các công cụ này không hiểu hoặc hiểu sai, bạn có thể sẽ bị đánh giá và làm giảm thứ hạng từ khoá
Văn bản thay thế còn là cơ hội để bạn thêm từ khóa mục tiêu của bạn. Sử dụng từ khóa chính là một cách tăng yếu tố xếp hạng trên công cụ tìm kiếm. Việc tạo văn bản thay thế mô tả hình ảnh vừa có thể mô tả vừa có thể gồm các từ khóa, cụm từ khóa mục tiêu bạn nhắm vào.
Google không khuyến khích các SEOer sử dụng quá nhiều hình ảnh mà nên sử dụng các đoạn text để thay thế cho nội dung của những hình ảnh đó.
Khi viết Alt text cho hình ảnh bạn cần ghi nhớ những điểm sau:
Mô tả hình ảnh cụ thể: Alt text trước tiên và quan trọng nhất dùng để cung cấp giải thích văn bản, nó sẽ hiển thị khi hình ảnh không tải lên hoặc tải lên không thành công. Nên hãy cho người dùng hiểu nội dung ảnh khi không thấy ảnh. Nếu một hình ảnh thực sự không truyền tải bất kỳ ý nghĩa / giá trị nào và chỉ ở đó cho mục đích thiết kế, thì nó sẽ nằm trong CSS chứ không phải HTML.
Khi hình ảnh không thể hiển thị, mô tả về hình ảnh giúp người dùng hiểu được ý nghĩa và giá trị. Đó chính là ý nghĩa của mục đích thiết kế.
Ngắn gọn: Đảm bảo dưới 125 ký tự, vì màn hình phổ biến chỉ chứa khoảng đó ký tự.
Sử dụng từ khóa: Văn bản thay thế là cơ hội thêm từ khóa mục tiêu vào trang của bạn, giúp công cụ tìm kiếm hiểu hơn truy vấn cụ thể nào sẽ phù hợp với nội dung này. Mặc dù ưu tiên đầu vẫn là mô tả, cung cấp ngữ cảnh cho hình ảnh.
Mặc dù ưu tiên đầu tiên của bạn phải là mô tả và cung cấp ngữ cảnh cho hình ảnh, nhưng nếu làm như vậy là hợp lý, hãy đưa từ khóa của bạn vào văn bản thay thế của ít nhất một hình ảnh trên trang.
Tránh nhồi nhét từ khóa: Google sẽ phạt nếu bạn mắc lỗi nhồi nhét từ khóa mà không cung cấp bất kì ngữ cảnh nào cho hình ảnh. Văn bản thay thế chỉ thêm từ khóa mục tiêu phù hợp khi thấy hợp lý.
.jpg)
Tránh dùng văn bản trong hình ảnh: Công cụ tìm kiếm không thể đọc trong hình ảnh của bạn, bạn nên tránh sử dụng hình ảnh thay cho từ.Nếu bạn phải làm vậy hãy giải thích ảnh của bạn nói gì trogng văn bản thay thế
Không dùng các cụm từ “hình ảnh của”, “bức ảnh của” trong alt text: Hình ảnh được sử dụng đã tham chiếu nó là một hình ảnh rồi, không cần sử dụng các từ ngữ thừa làm dài dòng.
Sử dụng thẻ longdesc = “”. Khám phá bằng cách sử dụng thẻ longdesc = “” cho những hình ảnh phức tạp hơn yêu cầu mô tả dài hơn.
Dùng Alt cho các nút Form: Nếu bạn dùng hình ảnh làm nút “gửi” hay một nút lệnh nào đó, hãy cung cấp thuộc tính Alt mô tả chức năng của nút đó như “đăng ký ngay”, “tìm kiếm”, “mua ngay”,…
Việc mô tả hình ảnh Alt text đôi khi sẽ gặp một số vấn đề mà bạn cần nắm rõ. Khi audit website, bạn cần check và kiểm tra xem hình ảnh đang gặp lỗi gì.
Dưới đây là một số vấn đề khiến alt text hoạt động không hiệu quả:
.jpg)
Hình ảnh không hiển thị, bị hỏng dem lại trải nghiệm xấu cho người dùng website, gây ấn tượng xấu cho webiste. Khi các công cụ tìm kiếm phát hiện ra điều này sẽ đáng giá chất thấp về nội dung và thứ hạng trang web.
Công cụ audit website sẽ làm nổi bật các nguyên nhân kiến hình ảnh web bị hỏng, bạn dựa vào đó và sửa chữa:
Cần nhận thức rõ giữa hình ảnh bị hỏng bên trong hay bên ngoài. Nếu hình ảnh không được tiếp cận tốt nhất hãy thay thế chúng.
Hình ảnh trống thuộc tính Alt giống như bỏ lỡ một cơ hội xếp hạng hình ảnh tốt hơn. Ngoài ra nó còn không mang lại trải nghiệm tốt cho người dùng, những người khiếm thị.
Sử dụng công cụ audit website để kiểm tra tất cả các hình ảnh không có thuộc tính alt và khắc phục.
Lưu ý thuộc tính alt trống ở đây:
<img src=”magename.png” alt=” “>
Thay đổi điều này thành:
<img src=”imagename.png” alt=”văn bản thay thế được viết tốt với từ khóa”>
https://gtvseo.com/alt-text/#Phat_hien_su_co_voi_Alt_Text_hinh_anh
Để tìm được Alt tag trên trang bạn nhấp chuột phải vào khoảng trắng trong trang và chọn “kiểm tra” hoặc sử dụng phím tắt Ctrl+Shift+I. Mã nguồn sẽ xuất hiện bên phải màn hình.
Tiếp theo, bạn chọn biểu tượng đầu tiên bên trái của bảng mã HTML, sau đó tìm hình ảnh bạn muốn xem và nhấp vào chúng. Mã HTML của phần tử đó sẽ được đánh dấu, trong đó có thuộc tính của hình ảnh.
Khi nhấp vào “Kiểm tra” (inspect) bạn cần tìm thẻ HTML có liên quan trong bảng hiển thị mã nguồn của trang. Alt text nằm sau một thẻ có nội dung “alt =” và phần sau là chính mô tả alt text.
Khi bạn hình ảnh trong kiểm tra mã nguồn, nếu sau alt=” ” có hiển thị 2 dấu ngoặc kép không có nội dung thì thuộc tính alt trống tức là không có văn bản thay thế.
Trong Microsoft Word, bạn nhấp chuột phải vào hình ảnh sẽ có lệnh “Edit alt text”. Điền mô tả của hình ảnh vào hộp nhập liệu và nhấp vào “close”. Hãy nhớ kiểm tra kỹ văn bản về chính tả và ngữ pháp, vì các hộp nhập liệu không có tính năng kiểm tra chính tả.
Có. Việc thêm các dấu câu thích hợp trong alt text cho phép trình đọc màn hình mang lại trải nghiệm người dùng tốt hơn.
Hơn nữa, alt text được hiển thị khi hình ảnh không tải đúng cách. Vì vậy, văn bản chất lượng cao đảm bảo trải nghiệm người dùng tốt hơn.
Độ dài alt text tối đa được khuyến nghị là 125 ký tự.
Hy vọng rằng, với những kiến thức trên đây sẽ giúp bạn hiểu được Alt text là gì, tầm quan trọng của Alt và thiết lập được những trang thân thiện với người dùng.
