Hình ảnh như một bề mặt xếp hạng
Hãy bắt đầu với khía cạnh xếp hạng. Google Images vẫn là một trong những bề mặt tìm kiếm lớn nhất trên web, và các truy vấn về sản phẩm, hướng dẫn (how-to) và địa phương thường xuyên hiển thị các gói hình ảnh trong kết quả chính. Một hình ảnh chỉ có thể xếp hạng nếu Google hiểu được nó: tên tệp có tính mô tả (kitchen-remodel-phoenix.webp, không phải IMG_4032.jpg), văn bản alt mô tả chính xác những gì thực sự có trong ảnh, và văn bản xung quanh cung cấp ngữ cảnh cho nó. Image sitemaps và dữ liệu cấu trúc giúp mở rộng hiệu quả đó hơn nữa cho các nội dung dạng sản phẩm và công thức nấu ăn.
Văn bản Alt: Ưu tiên khả năng tiếp cận
Văn bản alt thực hiện nhiệm vụ kép, và đây là điểm mà hầu hết các trang web đều âm thầm thất bại. Khảo sát thường niên của WebAIM trên một triệu trang chủ hàng đầu liên tục phát hiện tình trạng thiếu văn bản alt thay thế là một trong những lỗi phổ biến nhất về khả năng tiếp cận trên web. Văn bản alt trước hết tồn tại cho người dùng trình đọc màn hình, nó nên mô tả nội dung và chức năng của hình ảnh chứ không phải để nhồi nhét từ khóa. “Kỹ thuật viên đang thay bộ lọc lò sưởi” vừa giúp ích cho người dùng khiếm thị vừa hỗ trợ bot tìm kiếm; còn “HVAC repair Phoenix best HVAC company” thì không giúp ích cho ai cả.
Hình ảnh và Core Web Vitals
Tiếp theo là tốc độ, nơi hình ảnh đóng vai trò áp đảo. Phần tử Largest Contentful Paint (LCP), thứ mà Core Web Vitals thực sự đo lường, là một hình ảnh trên đại đa số các trang web, đó là lý do tại sao các ảnh hero có kích thước quá lớn là nguyên nhân đơn lẻ phổ biến nhất dẫn đến điểm LCP không đạt. Các biện pháp khắc phục mang tính kỹ thuật: cung cấp các định dạng hiện đại (WebP hoặc AVIF giúp giảm 25–50% dung lượng tệp so với JPEG), định kích thước hình ảnh theo kích thước hiển thị thực tế, nén chúng và thiết lập rõ ràng các thuộc tính chiều rộng (width) và chiều cao (height) để trình duyệt dự phòng không gian và bố cục không bao giờ bị xê dịch.
Hình ảnh không phải là vật trang trí. Được lựa chọn và tối ưu hóa có chủ đích, chúng là một trong số ít các yếu tố đồng thời hỗ trợ thứ hạng, khả năng tiếp cận và tỷ lệ chuyển đổi.
Chiến lược tải trang cũng quan trọng không kém dung lượng tệp. Bất kỳ thứ gì ở dưới màn hình đầu tiên (below the fold) nên áp dụng loading="lazy" để không cạnh tranh với nội dung mà người truy cập thực tế nhìn thấy trước tiên; ngược lại, ảnh hero nên được tải ngay lập tức (eagerly) và lý tưởng nhất là có thêm gợi ý preload để trình duyệt tải nó về trước khi hoàn tất phân tích cú pháp trang. Làm ngược lại điều này (lazy-loading cho ảnh hero) là một sai lầm kinh điển tự gây ra lỗi LCP.
Tìm kiếm AI cũng đọc được cả hình ảnh
Tìm kiếm bằng AI mang đến thêm một lý do mới để chúng ta quan tâm. Các công cụ đa phương thức (multimodal engines) đọc hình ảnh song song với văn bản, và các công cụ trả lời ngày càng có xu hướng đưa các bước có hình ảnh minh họa cũng như ảnh chụp sản phẩm vào câu trả lời của chúng. Những tín hiệu giúp ích cho Google Images như văn bản alt mô tả, chú thích theo ngữ cảnh, dữ liệu cấu trúc cũng chính là những yếu tố giúp hệ thống AI đọc hiểu được hình ảnh của bạn khi quyết định hiển thị nội dung gì.
Quy trình kiểm tra hình ảnh thực tế
Một buổi kiểm tra thực tế chỉ mất một buổi chiều: chạy các trang khóa của bạn qua PageSpeed Insights và ghi chú những phần tử LCP nào là hình ảnh, chuyển đổi ảnh hero sang định dạng WebP/AVIF theo kích thước hiển thị, viết văn bản alt thực tế cho mọi hình ảnh có ý nghĩa (các ảnh trang trí sẽ để trống thuộc tính alt, alt=""), thêm lazy loading cho phần dưới trang và kiểm tra xem có hình ảnh nào bị thiếu thuộc tính width và height hay không.
NYFTY Labs tích hợp quy trình này vào mọi dự án xây dựng và kiểm tra mà chúng tôi thực hiện; tối ưu dung lượng hình ảnh thường là cách nhanh nhất để cải thiện điểm Core Web Vitals, và việc bổ sung đầy đủ văn bản alt là một trong những giải pháp SEO và tăng khả năng tiếp cận tiết kiệm chi phí nhất mà một trang web có thể thực hiện.
