Image SEO là gì? Cách tối ưu hình ảnh để tăng khả năng tìm thấy

Image SEO là tập hợp các việc giúp hình ảnh trên website được công cụ tìm kiếm hiểu đúng, hiển thị được trong Google Hình ảnh và các bề mặt tìm kiếm khác, đồng thời không làm trang chậm đi. Nó gồm ba phần: ảnh có ngữ cảnh rõ (tên tệp, alt text, chữ xung quanh), ảnh có kỹ thuật đúng (định dạng, kích thước, cách tải) và ảnh thật sự phục vụ nội dung.

Với doanh nghiệp nhỏ, ảnh thường là phần nặng nhất của trang: ảnh món ở quán cà phê, ảnh sản phẩm của shop thời trang, ảnh phòng trị liệu của spa. Tối ưu ảnh vừa giúp người dùng tìm thấy bạn qua hình ảnh, vừa cải thiện tốc độ — thứ ảnh hưởng trực tiếp đến trải nghiệm và các chỉ số Core Web Vitals.

Google hiểu một bức ảnh bằng cách nào

Theo hướng dẫn về Google Hình ảnh của Google Search Central, Google dựa vào nhiều tín hiệu để hiểu ảnh: nội dung trang chứa ảnh, tiêu đề trang, chữ đặt gần ảnh, alt text, tên tệp và chú thích. Một số điểm kỹ thuật cần biết:

• Google tìm ảnh qua thẻ img trong HTML. Ảnh chỉ được chèn làm nền bằng CSS thì Google không lập chỉ mục như một ảnh nội dung.
• Google Hình ảnh hỗ trợ các định dạng phổ biến như JPEG, PNG, GIF, WebP, AVIF, SVG (và BMP). Định dạng hiện đại như WebP, AVIF thường cho tệp nhỏ hơn ở cùng chất lượng.
• Ảnh nên đặt gần phần chữ liên quan và trên trang có chủ đề khớp với ảnh.
• Có thể khai báo ảnh trong image sitemap (hoặc thêm thẻ ảnh vào sitemap hiện có) để Google phát hiện ảnh dễ hơn — xem XML sitemap là gì. Sitemap giúp phát hiện, không đảm bảo ảnh được lập chỉ mục.

Cần chuẩn bị gì

• Danh sách trang quan trọng có nhiều ảnh: trang chủ, trang sản phẩm, trang dịch vụ, bài blog.
• Ảnh gốc chất lượng tốt, ưu tiên ảnh thật của doanh nghiệp thay vì ảnh kho lặp lại ở hàng nghìn website khác.
• Quy ước đặt tên tệp và quy ước viết alt để mọi người trong nhóm làm giống nhau.
• Quyền sửa website hoặc biết nền tảng website của bạn có sẵn tính năng nén ảnh, tạo WebP, ảnh responsive hay không.
• Công cụ đo tốc độ như PageSpeed Insights để kiểm tra trước và sau.

Quy trình tối ưu hình ảnh 6 bước

Bước 1. Chọn ảnh phục vụ nội dung

Câu hỏi đầu tiên không phải “ảnh này nén thế nào” mà là “ảnh này có cần không”. Ảnh tốt giúp người đọc hiểu nhanh hơn: ảnh chiếc váy ở nhiều góc, ảnh sơ đồ quy trình, ảnh không gian phòng khám nha. Ảnh trang trí chỉ để lấp chỗ trống làm trang nặng mà không thêm thông tin. Với sản phẩm, ảnh thật do bạn chụp thường có giá trị hơn ảnh kho vì nó cho thấy đúng thứ khách sẽ nhận.

Bước 2. Đặt tên tệp mô tả

Đổi tên trước khi tải lên: vay-lua-cong-so-mau-be.webp nói nhiều hơn IMG_2041.jpg. Dùng chữ thường, không dấu, nối bằng gạch ngang, ngắn và mô tả đúng ảnh. Không nhồi từ khoá kiểu “vay-dep-vay-re-vay-cong-so-vay-hot”. Tên tệp là tín hiệu nhỏ, nhưng rẻ và làm một lần là xong, nên đưa vào quy trình tải ảnh.

Bước 3. Viết alt theo chức năng ảnh

Alt text là văn bản thay thế, được trình đọc màn hình đọc lên cho người không nhìn thấy ảnh. Theo tinh thần của các hướng dẫn tiếp cận nội dung web (WCAG) của W3C, alt phải truyền đạt chức năng và nội dung của ảnh trong ngữ cảnh đó, không phải danh sách từ khoá.

• Ảnh thông tin: mô tả điều ảnh muốn nói — “Ly cà phê muối có lớp kem mặn trên nền cà phê đen”.
• Ảnh sơ đồ, biểu đồ: nêu ý chính của sơ đồ; chi tiết số liệu nên có trong chữ trên trang.
• Ảnh là liên kết hoặc nút: alt nói nơi liên kết dẫn tới hoặc hành động, ví dụ “Đặt lịch khám”.
• Ảnh trang trí thuần tuý: để alt rỗng để trình đọc màn hình bỏ qua.

Bước 4. Nén và chọn kích thước

Ảnh chụp từ điện thoại thường rộng vài nghìn điểm ảnh và nặng vài MB, trong khi khung hiển thị trên trang chỉ rộng vài trăm đến hơn nghìn điểm ảnh. Hãy thu nhỏ ảnh về gần kích thước hiển thị lớn nhất, xuất sang WebP hoặc AVIF (giữ JPEG/PNG làm dự phòng nếu nền tảng cần), rồi nén ở mức chất lượng mà mắt không thấy khác biệt. Luôn khai báo chiều rộng và chiều cao cho ảnh (hoặc tỷ lệ khung) để trình duyệt giữ chỗ trước, tránh bố cục bị nhảy khi ảnh tải xong — nguyên nhân phổ biến làm CLS xấu.

Bước 5. Dùng ảnh responsive và tải ảnh đúng lúc

Ảnh responsive nghĩa là chuẩn bị vài kích thước của cùng một ảnh và để trình duyệt chọn bản phù hợp qua thuộc tính srcset và sizes, hoặc thẻ picture khi cần đổi định dạng hay khung hình theo thiết bị. Người xem trên điện thoại không phải tải bản dành cho màn hình lớn.

Về lazy-load: đặt thuộc tính loading với giá trị lazy cho ảnh nằm dưới màn hình đầu tiên để trình duyệt chỉ tải khi người dùng cuộn gần tới. Nhưng không lazy-load ảnh LCP — thường là ảnh banner lớn hoặc ảnh sản phẩm chính ở đầu trang. Trì hoãn ảnh này làm phần tử lớn nhất xuất hiện muộn và LCP xấu đi. Ảnh chính ở đầu trang nên được tải bình thường, thậm chí được ưu tiên tải sớm.

Bước 6. Theo dõi tốc độ và lưu lượng

Sau khi tối ưu, kiểm tra lại trang bằng PageSpeed Insights: phần gợi ý thường chỉ ra ảnh quá lớn, ảnh chưa dùng định dạng hiện đại, ảnh LCP bị trì hoãn. Với lưu lượng tìm kiếm, báo cáo Hiệu suất trong Google Search Console cho phép lọc theo loại tìm kiếm Hình ảnh để xem trang nào có lượt hiển thị và nhấp từ Google Hình ảnh — cách đọc báo cáo có ở bài phân tích Google Search Console bằng AI. Nên đưa việc rà ảnh vào mỗi đợt SEO audit.

Ví dụ thực hành: shop thời trang và bài blog có sơ đồ

Ví dụ giả định: một shop thời trang online rà lại trang sản phẩm váy công sở và một bài blog có sơ đồ phễu marketing.

Với shop có hàng trăm sản phẩm, đừng sửa tay từng ảnh: đặt quy ước cho người tải ảnh và dùng tính năng tự tạo nhiều kích thước, tự chuyển định dạng của nền tảng. Góc nhìn cho cửa hàng trực tuyến có thêm ở bài AI marketing cho thương mại điện tử. Nếu shop có video sản phẩm, xem tiếp Video SEO là gì.

AI làm được gì, không làm được gì

Rủi ro khi để AI tự viết alt hàng loạt: alt nghe trơn tru nhưng sai chi tiết (sai màu, sai chất liệu), hoặc nhét từ khoá. Alt sai gây hiểu lầm cho người dùng trình đọc màn hình — tệ hơn là không có. Người phụ trách nên duyệt alt của ảnh sản phẩm và ảnh thông tin.

Sai lầm thường gặp

• Lazy-load cả ảnh đầu trang, làm LCP chậm đi.
• Nhồi từ khoá vào alt và tên tệp thay vì mô tả ảnh.
• Tải ảnh gốc nhiều MB rồi để trình duyệt tự thu nhỏ.
• Không khai báo kích thước ảnh, gây nhảy bố cục.
• Đặt chữ quan trọng bên trong ảnh (giá, khuyến mãi) mà không có trên trang dưới dạng chữ.
• Dùng ảnh nền CSS cho ảnh nội dung mà vẫn mong xuất hiện trong Google Hình ảnh.

Câu hỏi thường gặp