SEO hình ảnh là tối ưu ảnh để chúng dễ được khám phá, dễ hiểu, tải hiệu quả và hỗ trợ trải nghiệm người dùng. Phần cốt lõi gồm: chọn ảnh đúng ngữ cảnh, filename, alt text, kích thước/định dạng, responsive image, lazy loading hợp lý, xử lý ảnh LCP và kiểm tra khả năng crawl. Bài này tập trung vào ảnh; cache, JavaScript, hosting và Core Web Vitals tổng thể nên xem ở owner tốc độ/Technical.
| Lớp | Cần làm | Không nên biến thành |
|---|---|---|
| Ngữ nghĩa | Ảnh đúng chủ đề, gần nội dung liên quan | Nhồi keyword |
| Metadata | Filename, alt, caption khi cần | Lặp cùng một câu ở mọi trường |
| Hiệu năng ảnh | Resize, nén, WebP/AVIF khi phù hợp | Tutorial performance toàn site |
| Responsive | srcset/sizes hoặc cơ chế tương đương | Ép mọi thiết bị tải ảnh desktop |
| Khám phá | Ảnh crawlable, URL ổn định, có trong nội dung thật | Phụ thuộc CSS background cho ảnh chính |
SEO hình ảnh không chỉ là alt text
Một ảnh có alt tốt nhưng nặng, sai kích thước hoặc không liên quan nội dung vẫn có thể tạo trải nghiệm kém. Ngược lại, một ảnh được nén tốt nhưng không có ngữ cảnh và khó được crawler phát hiện cũng chưa phải tối ưu đầy đủ.
1. Chọn ảnh phục vụ search task
- Ảnh sản phẩm nên cho thấy sản phẩm thật hoặc biến thể quan trọng.
- Ảnh dịch vụ nên minh họa quy trình, đầu ra hoặc bối cảnh sử dụng.
- Ảnh hướng dẫn nên giúp giải thích bước, cấu trúc hoặc ví dụ.
- Ảnh case study chỉ nên được trình bày như bằng chứng khi có nguồn và quyền sử dụng rõ.
Ảnh stock có thể dùng khi phù hợp, nhưng ảnh thật thường có giá trị hơn ở các trang cần trust như dịch vụ, dự án, đội ngũ hoặc địa điểm.
2. Đặt filename dễ quản lý và mô tả đúng ảnh
Filename nên ngắn, không dấu, dùng dấu gạch ngang và mô tả nội dung. Không cần cố nhét nhiều biến thể từ khóa.
| Chưa tốt | Tốt hơn |
|---|---|
IMG_4821.jpg | menu-quan-ca-phe-buon-ma-thuot.webp |
final-final-2.png | checklist-seo-hinh-anh-wordpress.webp |
seo-seo-image-google.jpg | toi-uu-anh-lcp.webp |
3. Viết alt text theo mục đích của ảnh
Alt text nên mô tả điều người dùng cần biết nếu không xem được ảnh. Nếu từ khóa phù hợp tự nhiên thì có thể xuất hiện, nhưng alt không phải vị trí để lặp keyword.
Ví dụ: thay vì “SEO hình ảnh WebP Google SEO 2026”, dùng “Checklist tối ưu hình ảnh WordPress trước khi đăng bài”. Nếu ảnh chỉ mang tính trang trí và không bổ sung thông tin, alt rỗng có thể phù hợp về accessibility.
4. Resize trước khi upload
Không nên upload ảnh 4.000px chỉ để hiển thị ở vùng nội dung khoảng 1.000px. Hãy xuất ảnh gần với kích thước thực tế cần dùng, sau đó để WordPress hoặc hệ thống responsive tạo phiên bản phù hợp cho thiết bị.
- Ảnh hero: chuẩn bị kích thước phù hợp layout desktop/mobile.
- Ảnh trong bài: thường không cần lớn hơn nhiều so với chiều rộng content.
- Logo/icon: ưu tiên vector hoặc kích thước nhỏ khi phù hợp.
5. Chọn định dạng và nén ảnh
| Loại ảnh | Lựa chọn thực dụng | Ghi chú |
|---|---|---|
| Ảnh chụp | WebP hoặc AVIF | Kiểm tra chất lượng sau nén |
| Ảnh trong suốt | WebP/PNG | Chọn theo yêu cầu hiển thị |
| Logo/icon | SVG khi hệ thống hỗ trợ an toàn | Không dùng SVG không kiểm soát |
WebP là lựa chọn mặc định thực dụng cho nhiều website WordPress. AVIF có thể nén tốt hơn trong một số trường hợp, nhưng cần kiểm tra pipeline, plugin và fallback. Phần tối ưu toàn site nên xem tối ưu tốc độ website.
6. Đặt ảnh gần nội dung liên quan
Ngữ cảnh xung quanh giúp cả người đọc và công cụ tìm kiếm hiểu ảnh. Ảnh checklist nên nằm gần checklist; ảnh quy trình nên nằm gần phần quy trình; ảnh sản phẩm nên đi cùng thông tin sản phẩm tương ứng.
7. Caption dùng khi ảnh cần giải thích
Không phải ảnh nào cũng cần caption. Caption hữu ích cho biểu đồ, quy trình, checklist, ảnh minh họa case hoặc hình có thông tin cần chú thích. Không cần lặp y nguyên alt text.
8. Responsive image và kích thước ổn định
Trình duyệt nên nhận được phiên bản ảnh phù hợp với viewport. Với WordPress, cần kiểm tra theme/builder có giữ cơ chế responsive image như srcset và sizes hay không. Đồng thời width/height hoặc aspect ratio nên được xác định để hạn chế layout shift.
9. Lazy-load đúng ảnh
Ảnh dưới màn hình đầu tiên thường phù hợp với lazy loading. Ảnh hero hoặc ảnh có khả năng là LCP nên được kiểm tra riêng; lazy-load ảnh quan trọng có thể làm nội dung chính xuất hiện muộn hơn.
Technical implementation sâu hơn nên xem Technical SEO.
10. Ảnh quan trọng nên dùng HTML image thay vì chỉ làm background
Ảnh sản phẩm, ảnh minh họa nội dung hoặc ảnh cần alt/context nên xuất hiện như nội dung thật trong HTML. CSS background phù hợp hơn với hình trang trí hoặc nền giao diện.
11. Kiểm tra khả năng crawl và URL ảnh
- Ảnh không bị chặn ngoài ý muốn.
- URL ảnh trả file thật và ổn định.
- Không dùng URL staging sau khi go-live.
- CDN không làm mất khả năng truy cập ảnh.
- Ảnh quan trọng vẫn tồn tại sau migration hoặc dọn Media Library.
Image sitemap có thể hữu ích với website có nhiều ảnh quan trọng, nhưng sitemap không thay thế việc ảnh phải crawlable và nằm trong trang phù hợp.
12. Khi nào nên audit SEO hình ảnh?
- Ảnh hero hoặc product image tải chậm.
- Trang có layout shift do ảnh.
- Nhiều bài dùng filename/alt lộn xộn.
- Website vừa đổi theme, CDN hoặc hosting.
- Media Library phình lớn và có nhiều file trùng.
- Ảnh quan trọng không xuất hiện ổn định sau migration.
Checklist SEO hình ảnh trước khi publish
| Hạng mục | Đạt khi |
|---|---|
| Ảnh | Liên quan trực tiếp tới nội dung |
| Filename | Ngắn, dễ hiểu, không nhồi keyword |
| Alt | Mô tả đúng mục đích ảnh |
| Kích thước | Không lớn quá mức hiển thị |
| Định dạng | WebP/AVIF hoặc lựa chọn phù hợp |
| Responsive | Thiết bị nhỏ không phải tải bản desktop vô lý |
| Lazy-load | Không làm chậm ảnh LCP |
| Context | Ảnh nằm gần phần nội dung liên quan |
| Crawl | URL ảnh truy cập được |
| Mobile QA | Ảnh rõ, không vỡ layout |
Ví dụ tối ưu một ảnh
Một bài về website nhà hàng có ảnh giao diện menu trên điện thoại. Thay vì upload IMG_8842.jpg 4MB và alt nhồi từ khóa, có thể resize theo layout, chuyển WebP, đặt filename menu-website-nha-hang-mobile.webp, dùng alt “Giao diện menu nhà hàng trên điện thoại” và đặt ảnh ngay cạnh phần mobile UX.
Kết luận
SEO hình ảnh nên được quản lý như một tiêu chuẩn xuất bản: ảnh đúng ngữ cảnh, filename rõ, alt tự nhiên, kích thước hợp lý, định dạng phù hợp, responsive, lazy-load có chọn lọc và URL crawlable. Khi vấn đề vượt khỏi ảnh riêng lẻ — cache, script, hosting, CWV hay render — hãy chuyển sang owner tốc độ và Technical SEO thay vì kéo toàn bộ performance vào bài này.
