Alt Text là gì? Cách tối ưu Alt Text cho hình ảnh chuẩn SEO

Trên Google Search ngoài tính năng tìm kiếm bằng văn bản mà còn có thể tìm kiếm thông tin bằng hình ảnh. Hình ảnh sẽ giúp các bài viết trở nên trực quan hơn, tránh gây nhàm chán cho người đọc. SEO hình ảnh cũng là yếu tố quan trọng để đưa website lên top Google. Tuy nhiên, nếu chỉ đơn thuần là hình ảnh thì các bot Google sẽ không hiểu được nội dung mà ảnh của bạn truyền tải, vậy nên bạn cần thêm phần mô tả hình ảnh trong HTML và đoạn mô tả này chính là Alt Text. Vậy Alt Text là gì? Cách tối ưu Alt Text chuẩn SEO ra sao? Mời bạn cùng Monamedia.co tìm hiểu qua nội dung dưới đây.

Alt Text là gì?

Alt Text (Alt attribute) là văn bản thay thế sẽ được hiển thị trong trường hợp hình ảnh không thể hiển thị trên website. Tuy Alt Text cũng là một phần mã của HTML nhưng nó chỉ mô tả nội dung hình ảnh có trong Alt chứ không phải mô tả toàn bộ thuộc tính của thẻ Alt.

Thẻ Alt còn có tên gọi khác là “thuộc tính Alt” hay “mô tả Alt”, là một thuộc tính HTML được sử dụng cho thẻ hình ảnh nhằm mô tả ngắn gọn nội dung của hình ảnh đó. Thẻ Alt hỗ trợ Google hiểu hơn hình ảnh này đang đề cập tới vấn đề gì và từ đó trả lại kết quả cho người dùng chính xác nhất.

Bên cạnh đó, sẽ có những trường hợp hình ảnh không hiển thị được thì người dùng vẫn hiểu được nội dung hình ảnh thông qua mô tả Alt Text được gắn trong thẻ Alt.

Cấu trúc chung của thẻ mô tả Alt là: <img src=”url” alt=”alt text”>

Tại sao Alt Text lại quan trọng khi SEO hình ảnh

Tăng khả năng tiếp cận

Mục đích đầu tiên của Alt text vẫn là mô tả hình ảnh cho người dùng truy cập khi không nhìn thấy hình ảnh. Lý do có thể do mạng yếu, trình duyệt chặn hình ảnh hoặc một số người không thể nhận dạng trực quan hình ảnh.

Ngoài ra, thuộc tính alt còn được dùng cho một số tính năng hỗ trợ người mù tương tác với máy tính bằng cách tạo những mô tả bằng âm thanh để họ có thể nghe được. Alt Text hình ảnh đảm bảo cho mọi 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 trang web.

SEO hình ảnh

Ngoài việc mang đến trải nghiệm tốt cho người tìm kiếm thì Alt Text còn mang đến rất nhiều lợi ích cho việc SEO hình ảnh nói riêng và SEO website nói chung. Đây là một trong các tiêu chí tối ưu Onpage quan trọng mà các SEOer không thể bỏ qua.

Các công cụ tìm kiếm đã nâng cấp khả năng nhận dạng hình ảnh nhưng trình thu thập thông tin tìm kiếm vẫn còn hạn chế khả năng nhìn thấy hình ảnh của website, vì thế việc mô tả hình ảnh sẽ hợp lý hơn. Điều này giúp Google hiểu một cách chính xác để xếp hạng website bạn thay vì hiểu sai và bỏ lỡ việc xếp hạng.

Google không khuyến khích các SEOer 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 nhiều hình ảnh đó.

Cách viết Alt Text hoạt động hiệu quả

Alt Text cung cấp cho SEOer cơ hội tích hợp những từ khóa trọng tâm theo cách có liên quan và có ý nghĩa giúp làm phong phú nội dung và mang đến trải nghiệm người dùng tốt hơn. Tuy vậy việc đề cập đến từ khóa trọng tâm trong Alt Text không phải là cách duy nhất cần ghi nhớ khi tối ưu hóa hình ảnh. Khi viết Alt Text mô tả cho hình ảnh trên một trang, hãy nhớ:

• Mô tả hình ảnh một cách trực quan nhất có thể: Alt Text sẽ được hiển thị nếu hình ảnh không thể tải thành công, vì vậy nó cần phải là một nội dung mô tả hình ảnh cụ thể.
• Cung cấp ngữ cảnh cho hình ảnh: để công cụ thu thập thông tin có thể lập chỉ mục chính xác.
• Alt Text cần viết ngắn gọn và đơn giản: đối với những đoạn mô tả dài hơn, hãy sử dụng thuộc tính longdesc (lưu ý: tránh sử dụng các cụm từ như “hình ảnh của” hoặc “bức hình của” – nó sẽ tự giải thích bởi alt text là mô tả của hình ảnh).
• Tránh nhồi nhét quá nhiều từ khóa: tất cả những quy tắc thông thường về nội dung chất lượng tốt cũng được sử dụng cho alt text. Việc nhồi nhét quá nhiều từ khóa không đem lại hiệu quả với nội dung của bạn và cũng không mang lại hiệu quả đối với alt text.

Hướng dẫn tạo một Alt text chuẩn

• Alt text càng cụ thể càng tốt. Điều đầu tiên và cũng quan trọng nhất đối với các alt text được tạo ra để cung cấp mô tả về hình ảnh nào đó khi người tìm kiếm không nhìn thấy chúng. Nếu một hình ảnh thực sự không truyền tải bất kỳ ý nghĩa hoặc giá trị nào và chỉ có mục đích thiết kế, thì nó sẽ nằm trong CSS chứ không phải thuộc HTML.
• Ngắn gọn. Những trình đọc màn hình phổ biến thường chứa khoảng 125 ký tự, vì vậy bạn nên đảm bảo về số lượng ký tự (có thể bằng hoặc nhỏ hơn)
• Sử dụng từ khóa. Văn bản thay thế cũng tạo ra cơ hội để bao gồm những từ khóa mục tiêu trên một trang của bạn và do đó, cũng hỗ trợ các công cụ tìm kiếm hiểu được bạn đang muốn truy vấn cho một tìm kiếm cụ thể. Mặc dù ưu tiên hàng đầu của bạn phải là mô tả và cung cấp ngữ cảnh cho hình ảnh, nhưng nó sẽ tốt hơn nếu bạn có bao gồm từ khóa chiến lược của mình vào Alt text.
• Tránh nhồi từ khóa. Google sẽ không đánh giá quá cao cho một Alt text kém, điều này có nghĩa là các alt của bạn bị nhồi nhét quá nhiều từ khóa và không cung cấp bất kỳ ngữ cảnh nào cho hình ảnh đó. Vì vậy, hãy tập trung vào tạo Alt text cung cấp ngữ cảnh cho hình ảnh và chỉ thêm từ khóa mục tiêu khi phù hợp.
• Tránh sử dụng văn bản trong hình ảnh. Đây không phải là phương pháp hay dành cho alt text mà còn là nguyên lý phát triển website thân thiện với SEO chung. Bởi vì công cụ tìm kiếm sẽ không thể đọc văn bản trong hình ảnh của bạn, bạn nên tránh sử dùng hình ảnh thay Alt text. Nếu bạn phải làm như vậy, hãy kèm theo đoạn giải thích ảnh trong alt text.
• Tránh sử dụng nhiều cụm “hình ảnh của”, “bức ảnh của”,… trong mô tả hình ảnh. Hình ảnh được dùng đã được giả định rằng nó đang tham chiếu đến một hình ảnh rồi, do đó không cần phải chỉ định nó nữa mà hãy sử dụng alt text giải thích chi tiết cho hình ảnh.
• Sử dụng thẻ longdesc=” “. Việc này cực kỳ hữu dụng khi bạn có các hình ảnh phức tạp và cần mô tả dài hơn.
• Đừng quên sử dụng alt cho các nút Form. Nếu form trên website của bạn sử dụng hình ảnh làm nút “gửi”, hãy cung cấp cho nó một thuộc tính alt. Các nút hình ảnh phải có thuộc tính alt text mô tả chức năng của nút như, “tìm kiếm”, “đăng ký ngay”, “đăng ký”…

Hai vấn đề thường gặp với Alt text hình ảnh

Việc mô tả Alt Text khi thực hiện tối ưu SEO hình ảnh đô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 kỹ và kiểm tra xem hình ảnh đang gặp phải lỗi gì.

Hình ảnh bị hỏng

Hình ảnh hỏng, bị bể, kém chất lượng sẽ mang lại ấn tượng xấu cho trang web, ngay lập tức bạn bị đánh giá thấp cho dù sản phẩm hay nội dung của bạn có chất lượng đến đâu. Điều này còn bị công cụ tìm kiếm nhận diện và xếp hạng thấp trang web.

Công cụ audit website sẽ làm nổi bật những nguyên nhân khiến hình ảnh web bị hỏng, bạn dựa vào đó và sửa chữa:

• Đường dẫn không hợp lệ hoặc URL sai: Sửa lỗi chính tả trong URL, nếu tệp hình ảnh đã di chuyển không còn khớp thì tiến hành sửa URL để trỏ vào đúng vị trí.
• Hình ảnh không tồn tại: Nếu tệp ảnh bị xóa, hỏng hay có sự thay đổi sang vị trí khác, nếu không cần thiết bạn hãy xóa nó khỏi HTML của trang.

Cần phân biệt 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ế bằng hình ảnh mới.

Hình ảnh không có thuộc tính thay thế

Hình ảnh trống thuộc tính Alt Text giống như bỏ lỡ một cơ hội giúp xếp hạng hình ảnh tốt hơn. Đồng thời 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ị. Hãy sử dụng công cụ audit website để tiến hành kiểm tra tất cả các hình ảnh không có thuộc tính alt và khắc phục.

Câu hỏi thường gặp về Alt text

Cách tìm Alt tag trên trang như thế nào?

Để tìm được Alt tag trên trang bạn click chuột phải vào khoảng trắng trong trang và nhấn 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 góc phải màn hình.

Kế đó, 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à click vào chúng. Mã HTML của phần tử đó sẽ được đánh dấu, trong đó có các thuộc tính của hình ảnh.

Cách đọc Alt Text trong mã HTML như thế nào?

Bạn tiến hành các thao tác như trên để hiển thị bảng mã nguồn của trang. Thẻ Alt Text có nội dung chẳng hạn như alt=”abc” thì phần abc chính là mô tả của Alt Text.

Cách để biết một hình ảnh có Alt Text?

Khi bạn thực hiện 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.

Cách để thêm Alt Text vào tệp JPG như thế nào?

Khi bạn làm việc trong Microsoft Word, bạn click chuột phải vào hình ảnh sẽ hiện lệnh “Edit Alt Text”. Hãy nhập mô tả hình ảnh vào hộp nhập liệu đó và nhấn chọn Close.

Có thể sử dụng dấu chấm, dấu phẩy trong Alt Text hay không?

Có, sử dụng bình thường, miễn nội dung mô tả đúng hình ảnh giúp mang đến trải nghiệm tốt cho người dùng.

Alt Text nên dài bao nhiêu?

Tối đa 125 ký tự.

Thêm mô tả alt text cho hình ảnh có vẻ như một vấn đề nhỏ. Tuy vậy, nếu bạn muốn website của mình được xếp hạng cao trên các công cụ tìm kiếm và thu hút nhiều lượt xem nhất thì đây không còn là vấn đề bị bỏ qua nữa. Tính năng này khá quan trọng đối với những người dùng truy cập bị suy giảm thị lực và để tránh những lúc trang của bạn không tải được hình ảnh.