Khi bạn nhìn thấy một hình ảnh trên một trang web, thật khó để tưởng tượng rằng hình ảnh đó có thể hoàn toàn "không tồn tại" đối với các công cụ tìm kiếm và người dùng khiếm thị. Các công cụ tìm kiếm không thể hiểu nội dung hình ảnh trực tiếp như con người, và trình đọc màn hình cũng không thể mô tả hình ảnh cho người mù - trừ khi hình ảnh có thuộc tính ALT. Thẻ HTML tưởng chừng đơn giản này thực chất là cây cầu kết nối nội dung trực quan với sự hiểu biết của máy móc, đồng thời là khía cạnh quan trọng nhất và dễ bị bỏ qua nhất trong việc tối ưu hóa SEO và khả năng truy cập của trang web.
Thuộc tính ALT (Alternative Text, Văn bản thay thế) là một thuộc tính của thẻ <img> trong HTML, dùng để cung cấp mô tả bằng văn bản cho hình ảnh. Khi hình ảnh không tải được do sự cố mạng, người dùng tắt hiển thị hình ảnh hoặc người truy cập sử dụng trình đọc màn hình, văn bản trong thuộc tính ALT sẽ thay thế hình ảnh xuất hiện. Từ góc độ mã, cách viết rất đơn giản:
<img src="product-photo.jpg" alt="Cốc cà phê sứ trắng đặt trên bàn gỗ">
"Cốc cà phê sứ trắng đặt trên bàn gỗ" trong đoạn mã này là nội dung của thuộc tính ALT. Đối với người truy cập thông thường, văn bản này thường không hiển thị; nhưng đối với trình thu thập dữ liệu của công cụ tìm kiếm, phần mềm đọc màn hình hoặc khi hình ảnh tải lỗi, mô tả này trở thành cơ sở duy nhất để hiểu nội dung hình ảnh.
Nhiều nhà điều hành trang web khi tải lên hình ảnh hoặc là bỏ qua hoàn toàn thuộc tính ALT, hoặc là điền tùy tiện các văn bản vô nghĩa như "image1.jpg". Cách làm này không chỉ lãng phí cơ hội SEO mà còn khiến trang web trở nên vô dụng đối với khả năng truy cập không rào cản.
Các công cụ tìm kiếm không thể "nhìn" hình ảnh; chúng dựa vào thuộc tính ALT để hiểu nội dung hình ảnh, từ đó quyết định có đưa hình ảnh vào kết quả tìm kiếm hình ảnh hay không và đánh giá sự liên quan của nội dung trang với truy vấn của người dùng. Một trang web thương mại điện tử nếu thiếu mô tả ALT chính xác cho hình ảnh sản phẩm sẽ gần như không xuất hiện trong kết quả tìm kiếm hình ảnh của Google, dẫn đến tổn thất lớn lượng truy cập tiềm năng.
Từ góc độ trải nghiệm người dùng, khi người khiếm thị duyệt web bằng trình đọc màn hình, họ hoàn toàn dựa vào thuộc tính ALT để hiểu hình ảnh trên trang. Nếu một bài blog về địa điểm du lịch có hình ảnh đi kèm chỉ ghi ALT là "IMG_3847", người khiếm thị sẽ không biết đó là ảnh hoàng hôn trên bãi biển hay cảnh tuyết trên đỉnh núi. Mô tả ALT tốt có thể giúp trang web thực sự phục vụ tất cả người dùng, chứ không chỉ những người có thị lực bình thường.
Ngoài ra, trong các tình huống mạng di động kém hoặc khi người dùng chủ động tắt hình ảnh để tiết kiệm lưu lượng truy cập, văn bản ALT sẽ hiển thị trực tiếp trên trang. Một mô tả rõ ràng, giàu thông tin có thể giúp người dùng nhanh chóng hiểu nội dung trang mà không cảm thấy bối rối vì thiếu hình ảnh.
Google khi đánh giá chất lượng trang web sẽ đưa nội dung hình ảnh vào phạm vi xem xét, và thuộc tính ALT là nguồn tín hiệu chính để chúng hiểu hình ảnh. Việc sử dụng thuộc tính ALT hợp lý có thể mang lại nhiều lợi ích SEO:
Cải thiện thứ hạng tìm kiếm hình ảnh là lợi ích trực tiếp nhất. Khi người dùng tìm kiếm "thiết kế phòng khách hiện đại tối giản" trên Google Hình ảnh, nếu ALT của hình ảnh của bạn mô tả chính xác là "phòng khách phong cách hiện đại tối giản, sofa vải màu xám kết hợp bàn trà đá cẩm thạch", bạn sẽ có nhiều cơ hội xuất hiện trong kết quả tìm kiếm hơn so với đối thủ chỉ ghi "hình ảnh phòng khách".
Tăng cường sự liên quan của chủ đề trang cũng rất quan trọng. Giả sử bạn viết một bài về "Phân tích thành phần mỹ phẩm hữu cơ", kèm theo hình ảnh các loại chiết xuất thực vật, nếu ALT mô tả là "các thành phần tự nhiên trong mỹ phẩm như nha đam, hoa cúc, tinh dầu tràm", công cụ tìm kiếm sẽ tin tưởng hơn rằng nội dung này có liên quan chặt chẽ đến chủ đề mỹ phẩm hữu cơ, từ đó nâng cao trọng số tổng thể của trang.
Ở cấp độ SEO kỹ thuật, thuộc tính ALT cũng có thể giảm tỷ lệ thoát do các sự cố tải hình ảnh. Khi người dùng truy cập trang và chỉ thấy một khoảng trống lớn hoặc biểu tượng bị hỏng, họ thường sẽ rời đi ngay lập tức; trong khi văn bản ALT có ý nghĩa ít nhất có thể truyền đạt thông tin mà hình ảnh lẽ ra phải thể hiện, giảm thiểu sự bỏ sót người dùng.
Nguyên tắc cốt lõi khi viết thuộc tính ALT là chính xác, ngắn gọn, tự nhiên, vừa giúp máy móc hiểu hình ảnh, vừa tránh dấu hiệu tối ưu hóa quá mức.
Mô tả nội dung thực tế của hình ảnh, chứ không phải thông điệp tiếp thị mà bạn muốn hình ảnh thể hiện. Ví dụ, đối với ảnh sản phẩm, cách viết đúng là "cặp tài liệu da màu đen cho doanh nhân, có khóa kim loại và dây đeo có thể điều chỉnh", thay vì "cặp tài liệu nam giới cao cấp sang trọng giảm giá sốc". Phần sau lạm dụng các từ ngữ tiếp thị, vừa không đúng với ý nghĩa của ALT, vừa dễ bị công cụ tìm kiếm coi là hành vi thao túng.
Giới hạn độ dài dưới 125 ký tự là quy tắc kinh nghiệm. Trình đọc màn hình thường sẽ cắt văn bản ở độ dài này, mô tả quá dài sẽ ảnh hưởng đến trải nghiệm nghe. Nếu hình ảnh chứa nhiều thông tin phức tạp, bạn có thể tóm tắt nội dung cốt lõi trong ALT và bổ sung chi tiết trong phần văn bản chính hoặc chú thích (caption).
Tích hợp từ khóa một cách tự nhiên thay vì nhồi nhét cứng nhắc. Nếu chủ đề bài viết là "Chăm sóc cây trồng trong nhà", và hình ảnh là một chậu trầu bà, bạn có thể viết "Chậu trầu bà trồng thủy canh, đặt trên bệ cửa sổ phòng khách nhận ánh sáng tán xạ", tự nhiên bao gồm các từ liên quan như "trầu bà", "thủy canh", "phòng khách", nhưng đọc như một câu mô tả bình thường.
Hình ảnh trang trí có thể để trống hoặc bỏ qua. Đối với các yếu tố không truyền tải thông tin thực chất như đường phân cách, họa tiết nền, biểu tượng trang trí thuần túy, bạn có thể sử dụng thuộc tính rỗng alt="" để tránh trình đọc màn hình lãng phí thời gian đọc nội dung vô nghĩa.
Tránh các từ ngữ dư thừa như "hình ảnh", "ảnh chụp". Bản thân ALT đã chỉ ra đó là văn bản thay thế cho hình ảnh, việc viết thêm "Đây là một bức ảnh..." là thừa thãi, chỉ cần mô tả trực tiếp nội dung.
Nhiều trang web vướng vào một số cạm bẫy điển hình trong thực tế:
Hoàn toàn bỏ qua thuộc tính ALT là vấn đề nghiêm trọng nhất. Kiểm tra mã nguồn trang web của bạn, nếu thấy thẻ như <img src="banner.jpg"> mà không có alt, cần bổ sung ngay. Ngay cả khi tạm thời chưa nghĩ ra mô tả hoàn hảo, việc ghi lại nội dung cơ bản cũng tốt hơn là để trống.
Sử dụng trực tiếp tên tệp cũng tệ không kém. alt="DSC_0234.jpg" hoặc alt="product-image-final-v3" không có giá trị cho người dùng và công cụ tìm kiếm, phản ánh sự lười biếng trong quản lý nội dung. Nên thay thế bằng văn bản mô tả, ví dụ: "Khăn quàng cổ len dệt thủ công, họa tiết hình thoi màu xanh đậm".
Nhồi nhét từ khóa là biểu hiện của tối ưu hóa quá mức. Cách viết như alt="Công ty tối ưu SEO Bắc Kinh công ty tối ưu hóa website Bắc Kinh dịch vụ xếp hạng từ khóa Bắc Kinh" vừa vi phạm nguyên tắc trải nghiệm người dùng, vừa sẽ bị thuật toán công cụ tìm kiếm phạt. Phiên bản hợp lý nên là "Nhóm SEO tại văn phòng Bắc Kinh đang thảo luận về kế hoạch tối ưu hóa website".
Sử dụng cùng một ALT cho tất cả hình ảnh cho thấy sự thiếu chu đáo. Nếu nhiều hình ảnh trên trang sản phẩm đều ghi "hình ảnh sản phẩm", sẽ không giúp người dùng phân biệt được ảnh chụp từ phía trước, phía sau, hoặc ảnh cận cảnh, cũng khiến công cụ tìm kiếm cho rằng nội dung mỏng manh và lặp lại.
Các trang web thương mại điện tử là đối tượng hưởng lợi đầu tiên. Hình ảnh sản phẩm là yếu tố then chốt cho chuyển đổi, mô tả ALT chính xác không chỉ mang lại lưu lượng truy cập từ tìm kiếm hình ảnh mà còn giữ lại thông tin sản phẩm khi hình ảnh tải lỗi, giảm thiểu tổn thất doanh số tiềm năng. Một cửa hàng bán trang sức thủ công, nếu mô tả ALT là "Dây chuyền mặt đá mặt trăng bạc 925, cắt giọt nước, dây mắt rắn dài 16 inch", sẽ thu hút người dùng chính xác hơn nhiều so với chỉ ghi "ảnh trang sức".
Truyền thông nội dung và blog cũng phụ thuộc vào tối ưu hóa ALT. Hình ảnh đi kèm tin tức, ảnh chụp các bước trong bài hướng dẫn, biểu đồ so sánh trong bài đánh giá đều cần mô tả ALT rõ ràng để tăng cường sự hoàn chỉnh của nội dung. Nếu bài hướng dẫn nhiếp ảnh các bước chỉ ghi ALT là "Bước 1", "Bước 2", người dùng sẽ hoàn toàn không hiểu quy trình hoạt động khi hình ảnh không tải được.
Trang web doanh nghiệp và trang thương hiệu cần chú trọng chi tiết. Ảnh đội ngũ công ty, ảnh môi trường văn phòng, trưng bày dòng sản phẩm... thông qua mô tả ALT phù hợp có thể nâng cao hình ảnh chuyên nghiệp, đồng thời hỗ trợ xếp hạng tìm kiếm cho các từ khóa thương hiệu và kinh doanh.
Bất kỳ tổ chức nào coi trọng khả năng truy cập đều nên đưa thuộc tính ALT vào tiêu chuẩn nội dung. Các trang web dịch vụ công như trang web chính phủ, tổ chức giáo dục, nền tảng y tế và chăm sóc sức khỏe có trách nhiệm pháp lý và đạo đức để đảm bảo mọi người đều có thể tiếp cận thông tin một cách bình đẳng, thuộc tính ALT là cơ sở hạ tầng để đạt được mục tiêu này.
Thuộc tính ALT tưởng chừng là chi tiết kỹ thuật, nhưng thực chất thể hiện sự tôn trọng đối với người dùng và chiều sâu hiểu biết về SEO. Trong bối cảnh hình ảnh trở thành thành phần cốt lõi của nội dung mạng, việc bỏ qua tối ưu hóa ALT đồng nghĩa với việc chủ động từ bỏ cơ hội có được lưu lượng truy cập và đối tượng người dùng. Từ bây giờ, hãy kiểm tra hình ảnh trên trang web của bạn, thêm mô tả văn bản chính xác cho mỗi hình ảnh có ý nghĩa, sự thay đổi nhỏ này sẽ mang lại lợi ích đáng kể về lâu dài.