Nguyễn Chính Ngọc Liên
Hình ảnh giúp nội dung website dễ hiểu và hấp dẫn hơn, nhưng không phải ai cũng có thể nhìn thấy hoặc tải được hình ảnh đó. Biết viết alt text đúng cách giúp người dùng trình đọc màn hình hiểu nội dung hình, đồng thời cung cấp thêm ngữ cảnh cho công cụ tìm kiếm.
Alt text không phải nơi để nhồi từ khóa hay mô tả mọi chi tiết trong ảnh. Bài viết này giải thích văn bản thay thế là gì, khi nào cần dùng, nguyên tắc xây dựng câu mô tả và cách phân biệt ví dụ tốt với ví dụ chưa phù hợp.
Alt text là gì và có vai trò như thế nào?
Alt text, hay văn bản thay thế, là phần mô tả bằng văn bản được gắn với hình ảnh trong trang web. Nếu ảnh không hiển thị, trình duyệt có thể dùng nội dung này thay thế. Trình đọc màn hình cũng đọc alt text để người dùng khiếm thị hoặc có thị lực kém tiếp nhận thông tin mà hình ảnh truyền tải.
Với SEO, alt text cung cấp ngữ cảnh giúp công cụ tìm kiếm hiểu hình ảnh có nội dung gì và liên quan ra sao đến trang. Điều đó có thể hỗ trợ hình ảnh xuất hiện phù hợp trong kết quả tìm kiếm hình ảnh. Tuy nhiên, alt text chỉ là một phần trong việc tối ưu hình ảnh; nó không bảo đảm thứ hạng và không thay thế nội dung hữu ích, cấu trúc trang hay tốc độ tải.
Cần phân biệt alt text với chú thích ảnh. Chú thích thường hiển thị trực tiếp bên dưới ảnh và cung cấp thông tin cho mọi độc giả. Alt text thường được khai báo trong mã HTML, chẳng hạn thuộc tính alt của thẻ ảnh. Nếu một hình có cả chú thích lẫn alt text, mỗi phần nên phục vụ mục đích riêng, tránh lặp lại nguyên văn không cần thiết.
Nguyên tắc viết alt text dễ hiểu và có ích
1. Mô tả nội dung hoặc chức năng quan trọng
Hãy bắt đầu bằng câu hỏi: người đọc cần biết điều gì nếu không nhìn thấy hình? Với ảnh minh họa, mô tả nội dung chính. Với ảnh đóng vai trò nút hoặc liên kết, mô tả chức năng. Không nhất thiết kể hết màu sắc, bố cục và vật thể nếu những chi tiết đó không giúp người dùng hiểu nội dung trang.
Ví dụ, ảnh một chiếc máy pha cà phê trong trang sản phẩm có thể cần nêu tên sản phẩm và đặc điểm quan trọng. Nhưng ảnh trang trí ở cạnh một đoạn văn đã diễn đạt đầy đủ ý tương tự thường không cần được mô tả dài dòng.
2. Viết ngắn gọn, cụ thể, đúng ngữ cảnh
Alt text nên đưa thông tin quan trọng lên trước và dùng từ ngữ tự nhiên. Độ dài phụ thuộc vào nội dung ảnh, nhưng một câu ngắn thường dễ tiếp nhận hơn đoạn mô tả dài. Không có một số lượng ký tự cố định phù hợp với mọi trường hợp; hãy ưu tiên tính rõ ràng thay vì cố đạt độ dài hoặc chèn thật nhiều từ khóa.
Ngữ cảnh trên trang cũng quyết định cách mô tả. Cùng một bức ảnh có thể cần alt text khác nhau trên trang giới thiệu nhân sự, bài viết về quy trình sản xuất hoặc trang danh mục sản phẩm. Hãy mô tả điều có ý nghĩa trong ngữ cảnh cụ thể, không chỉ nhận diện những gì nhìn thấy.
3. Dùng từ khóa tự nhiên, không nhồi nhét
Nếu từ khóa liên quan trực tiếp đến hình và giúp mô tả chính xác, bạn có thể đưa vào alt text một cách tự nhiên. Chẳng hạn, ảnh minh họa một sản phẩm cụ thể có thể nêu tên sản phẩm. Ngược lại, thêm hàng loạt cụm từ như “giá rẻ”, “uy tín”, “tốt nhất” vào ảnh không thể hiện các đặc điểm đó sẽ làm mô tả kém hữu ích.
Hãy xem viết alt text là công việc mô tả hình ảnh cho người dùng trước, thay vì một cách bổ sung từ khóa SEO. Nếu câu đọc lên nghe gượng gạo hoặc lặp cụm từ nhiều lần, hãy viết lại.
4. Không mở đầu bằng câu thừa
Thông thường không cần viết “hình ảnh về”, “ảnh của” hay “hình minh họa”. Công nghệ hỗ trợ có thể đã thông báo đây là hình ảnh, nên cụm mở đầu này đôi khi chỉ làm câu dài hơn. Tuy nhiên, hãy luôn đặt mục tiêu dễ hiểu lên trước và tuân theo cách triển khai của nền tảng hoặc hệ thống quản lý nội dung đang sử dụng.
Ví dụ alt text tốt và chưa tốt
So sánh ví dụ là cách nhanh để nhận ra điểm khác biệt giữa mô tả hữu ích và mô tả chỉ nhằm lặp từ khóa. Các câu dưới đây mang tính minh họa; hãy điều chỉnh theo nội dung thực tế của ảnh và trang.
- Ảnh biểu đồ doanh thu theo quý: Chưa tốt: “biểu đồ, doanh thu, kinh doanh, báo cáo”. Tốt hơn: “Doanh thu tăng từ quý I đến quý III rồi giảm nhẹ ở quý IV”. Nếu số liệu trên biểu đồ cần được tiếp cận đầy đủ, hãy trình bày dữ liệu trong nội dung hoặc bảng riêng, không phụ thuộc hoàn toàn vào alt text.
- Ảnh sản phẩm: Chưa tốt: “mua bình nước bình nước đẹp bình nước giá tốt”. Tốt hơn: “Bình giữ nhiệt LilyTech màu xanh, nắp bật và quai xách”. Chỉ nêu thương hiệu, màu sắc hoặc đặc điểm khi chúng thực sự đúng và có ích.
- Ảnh nhân viên tư vấn: Chưa tốt: “ảnh người phụ nữ”. Tốt hơn trong bài về dịch vụ tư vấn: “Chuyên viên tư vấn trao đổi kế hoạch tiếp thị với khách hàng tại bàn làm việc”. Mô tả này nêu hoạt động có liên quan, thay vì dừng ở đặc điểm chung.
- Ảnh làm liên kết đến trang liên hệ: Chưa tốt: “ảnh điện thoại”. Tốt hơn: “Liên hệ đội ngũ tư vấn”. Khi ảnh là nội dung duy nhất của liên kết, alt text nên giúp người dùng hiểu đích đến hoặc hành động.
- Ảnh trang trí cạnh nội dung đã đầy đủ: Chưa tốt: mô tả dài một họa tiết nền không mang thông tin. Tốt hơn: để alt rỗng (alt="") nếu ảnh thuần trang trí, giúp trình đọc màn hình bỏ qua phần không cần thiết.
Ví dụ cho thấy một alt text tốt không nhất thiết dài. Nó cần đúng với hình, phù hợp mục đích và không tạo thêm tiếng ồn cho người dùng. Tránh khẳng định thông tin không thể xác nhận chỉ từ ảnh, chẳng hạn tên người, địa điểm hoặc tính năng sản phẩm không được cung cấp trong nội dung.
Cách xử lý các trường hợp hình ảnh đặc biệt
Ảnh có chữ hoặc thông tin quan trọng
Nếu hình chứa thông tin mà người đọc cần, alt text nên truyền đạt nội dung chính của phần chữ đó. Với ảnh có nhiều câu, bảng số liệu hoặc biểu đồ phức tạp, không nên cố nhét toàn bộ nội dung vào một câu alt. Hãy cung cấp bản chép lại, mô tả chi tiết hoặc bảng dữ liệu ngay trong trang, rồi dùng alt text ngắn để giới thiệu mục đích của hình.
Ảnh sản phẩm trong cửa hàng trực tuyến
Mô tả những thuộc tính giúp phân biệt sản phẩm, như tên, loại, màu hoặc góc chụp nếu có ý nghĩa. Không lặp lại toàn bộ tiêu đề sản phẩm nếu điều đó không bổ sung thông tin. Nếu có nhiều ảnh của cùng sản phẩm, hãy mô tả điểm khác nhau như mặt sau, chi tiết chất liệu hoặc cách sử dụng, thay vì dùng cùng một câu cho tất cả.
Ảnh trong liên kết và nút
Khi ảnh là phần tử duy nhất có thể bấm, alt text cần truyền đạt chức năng hoặc đích đến. Nếu ảnh chỉ trang trí bên cạnh một liên kết đã có nhãn chữ rõ ràng, có thể để alt rỗng để tránh đọc lặp. Cần đánh giá cách phần tử được dựng trên trang, không quyết định chỉ dựa trên bản thân tệp ảnh.
Ảnh trang trí
Không phải ảnh nào cũng cần được mô tả. Các họa tiết, đường viền hoặc hình nền không mang thêm thông tin nên thường dùng alt rỗng. Alt rỗng khác với bỏ hẳn thuộc tính alt: thuộc tính có mặt nhưng giá trị rỗng giúp công nghệ hỗ trợ nhận biết rằng ảnh có thể được bỏ qua.
Quy trình và checklist kiểm tra alt text
Để triển khai nhất quán trên website, người viết nội dung và đội ngũ thiết kế, phát triển có thể dùng quy trình ngắn sau:
- Xác định vai trò của ảnh: ảnh cung cấp thông tin, làm chức năng liên kết/nút hay chỉ trang trí?
- Chọn thông tin cần truyền đạt: nếu không thấy ảnh, người dùng cần biết điều gì để hiểu nội dung hoặc thực hiện hành động?
- Viết câu mô tả cụ thể: dùng từ tự nhiên, đặt thông tin quan trọng trước, bỏ chi tiết không liên quan.
- Đối chiếu với ngữ cảnh: kiểm tra alt text có bổ sung cho phần chữ hay chỉ lặp lại chú thích và nội dung kế bên.
- Kiểm tra tính chính xác: xác nhận tên sản phẩm, màu sắc, dữ liệu và hoạt động được mô tả đúng với hình.
- Rà soát trải nghiệm hỗ trợ: dùng trình đọc màn hình hoặc công cụ kiểm tra để phát hiện ảnh thiếu alt, mô tả trùng lặp và ảnh trang trí chưa được xử lý phù hợp.
Checklist nhanh trước khi xuất bản: alt text có phản ánh đúng mục đích của ảnh không? Có ngắn gọn và dễ hiểu khi nghe không? Từ khóa có xuất hiện tự nhiên, đúng sự thật không? Ảnh trang trí có được bỏ qua đúng cách không? Nội dung phức tạp có phần giải thích thay thế trên trang không? Nếu câu trả lời đều rõ ràng, bạn đã có nền tảng tốt để triển khai nhất quán.
Doanh nghiệp có nhiều trang sản phẩm hoặc bài viết nên xây dựng hướng dẫn nội bộ để người nhập liệu hiểu cách mô tả từng loại ảnh. LilyTech có thể đồng hành cùng doanh nghiệp trong việc rà soát nội dung website, cấu trúc trang và các yếu tố hỗ trợ trải nghiệm người dùng, bao gồm cách quản lý văn bản thay thế trong quy trình xuất bản.
Kết luận: Viết alt text hữu ích cho người dùng và SEO
Nguyên tắc cốt lõi khi viết alt text là mô tả đúng nội dung hoặc chức năng của hình, đặt trong ngữ cảnh trang và tránh nhồi từ khóa. Hãy phân biệt ảnh thông tin, ảnh liên kết và ảnh trang trí; với biểu đồ hoặc nội dung phức tạp, cung cấp thêm phần giải thích dễ tiếp cận thay vì trông cậy vào một câu mô tả.
Khi xây dựng quy trình xuất bản, viết alt text nên là bước kiểm tra chất lượng nội dung và khả năng tiếp cận, không phải thao tác SEO làm cho có. Nếu doanh nghiệp cần tư vấn cải thiện website và trải nghiệm nội dung số, hãy liên hệ LilyTech để trao đổi về nhu cầu và hướng triển khai phù hợp.
