Bỏ qua đến nội dung
SEO

SEO hình ảnh: Cách tối ưu file, alt, tốc độ và khả năng tìm thấy

Hướng dẫn SEO hình ảnh: chọn ảnh, tên file, alt text, kích thước, WebP, nén, lazy loading, srcset, khả năng crawl và kiểm tra trên WordPress.

SEO hình ảnh là quá trình giúp hình ảnh tải hiệu quả, có ngữ cảnh rõ ràng, dễ được công cụ tìm kiếm thu thập và hữu ích cho người dùng. Công việc này gồm lựa chọn ảnh, tên file, alt text, kích thước, định dạng, responsive image, lazy loading, sitemap và nội dung xung quanh.

Tối ưu ảnh không chỉ nhằm xuất hiện trong Google Images. Ảnh còn ảnh hưởng trải nghiệm đọc, tốc độ hiển thị, Core Web Vitals, accessibility và khả năng người dùng hiểu nội dung. Không có một định dạng hoặc điểm nén cố định phù hợp cho mọi website.

SEO hình ảnh chỉ là một phần của kiểm tra kỹ thuật và nội dung; khi cần đặt vấn đề ảnh trong toàn bộ website, xem checklist audit SEO website.

Nếu đang tối ưu một URL trước khi xuất bản, nên kiểm tra hình ảnh cùng title, heading, nội dung, internal link và metadata trong checklist SEO Onpage thay vì xử lý ảnh như một hạng mục tách rời.

1. Chọn hình ảnh đúng nhiệm vụ

Hình ảnh nên bổ sung thông tin, minh họa sản phẩm, giải thích quy trình hoặc giúp người đọc ra quyết định. Ảnh trang trí có thể dùng alt rỗng để công nghệ hỗ trợ bỏ qua; ảnh mang thông tin cần alt mô tả đúng ý nghĩa.

  • Dùng ảnh đúng với sản phẩm hoặc ngữ cảnh.
  • Không dùng ảnh stock như bằng chứng dự án thực tế.
  • Kiểm tra quyền sử dụng, nguồn và giấy phép.
  • Tránh ảnh chứa chữ nhỏ khó đọc trên mobile.
  • Tạo ảnh riêng khi sơ đồ hoặc dữ liệu giúp tăng giá trị.

2. Đặt tên file rõ nghĩa

Tên file nên ngắn, dễ hiểu và mô tả nội dung hình, ví dụ checklist-seo-onpage.webp thay vì IMG_0048.webp. Không cần chèn nhiều từ khóa hoặc đổi tên sau khi ảnh đã được sử dụng rộng rãi nếu việc đó gây URL mới không cần thiết.

Sơ đồ tối ưu tên file và alt text của hình ảnh
Tên file và alt text cần mô tả đúng ngữ cảnh, hỗ trợ accessibility và không nhồi từ khóa.

3. Viết alt text theo ý nghĩa hình ảnh

Alt text là văn bản thay thế khi ảnh không hiển thị và hỗ trợ người dùng dùng công nghệ đọc màn hình. Alt nên mô tả điều quan trọng trong ngữ cảnh hiện tại, không phải danh sách từ khóa.

Trường hợpAlt phù hợp
Ảnh quy trìnhMô tả bước hoặc quan hệ đang được minh họa
Ảnh sản phẩmTên sản phẩm và đặc điểm nhìn thấy cần thiết
Biểu đồNêu thông tin chính; dữ liệu chi tiết nên có trong nội dung
Ảnh trang tríAlt rỗng nếu không truyền tải thông tin
Ảnh liên kếtMô tả mục đích của liên kết nếu không có text khác
  • Không bắt đầu mọi alt bằng “hình ảnh của”.
  • Không lặp nguyên caption khi không cần.
  • Không dùng alt giống nhau cho mọi ảnh.
  • Không chèn tên thương hiệu hoặc địa phương nếu không liên quan.
  • Đặt alt theo nội dung nhìn thấy và chức năng của ảnh.

4. Chọn kích thước và tỷ lệ phù hợp

Không nên tải ảnh rộng 4000 px nếu vùng hiển thị tối đa chỉ khoảng 800 px. Hãy xác định kích thước theo component, breakpoint và mật độ màn hình. WordPress có thể tạo nhiều kích thước, nhưng theme cần dùng đúng srcsetsizes.

  • Ảnh đại diện có tỷ lệ nhất quán theo danh sách bài.
  • Ảnh hero đủ rõ nhưng không lớn hơn nhu cầu.
  • Ảnh dọc không bị tải nguyên bản vào vùng ngang nhỏ.
  • Đặt width và height để trình duyệt giữ chỗ.
  • Kiểm tra crop trên mobile, tablet và desktop.

5. Chọn định dạng ảnh

Định dạngPhù hợp
JPEGẢnh chụp, màu sắc phức tạp, không cần trong suốt
PNGẢnh cần trong suốt hoặc đồ họa cần nét, nhưng thường nặng hơn
WebPẢnh web phổ biến với khả năng nén tốt
AVIFCó thể cho dung lượng thấp hơn nhưng cần kiểm tra workflow và tương thích
SVGLogo hoặc đồ họa vector; cần kiểm soát bảo mật khi upload

Định dạng chỉ là một phần. Một WebP kích thước quá lớn vẫn có thể nặng hơn JPEG được xuất đúng cách. Hãy đo dung lượng và chất lượng thực tế.

6. Nén ảnh có kiểm soát

Nén nhằm giảm byte mà vẫn giữ chất lượng đủ cho mục đích. Ảnh sản phẩm cần chi tiết có thể dùng chất lượng cao hơn ảnh minh họa nền. Không nên nén quá mức làm mờ chữ, sai màu hoặc mất chi tiết quan trọng.

Sơ đồ cân bằng nén ảnh và lazy loading
Tối ưu ảnh cần cân bằng dung lượng, chất lượng, LCP và thời điểm tải ảnh dưới màn hình đầu tiên.

7. Dùng lazy loading đúng chỗ

Lazy loading phù hợp với ảnh nằm dưới màn hình đầu tiên. Ảnh có khả năng là LCP, logo hoặc nội dung chính phía trên không nên bị trì hoãn ngoài chủ đích. Kiểm tra HTML render để biết thuộc tính loading thực tế.

  • Lazy-load ảnh dưới fold.
  • Không lazy-load ảnh hero nếu làm chậm LCP.
  • Dùng preload hoặc ưu tiên tải chỉ khi có bằng chứng cần thiết.
  • Tránh nhiều plugin cùng can thiệp loading.
  • Kiểm tra ảnh vẫn tải khi JavaScript lỗi hoặc chậm.

8. Đặt ảnh trong ngữ cảnh nội dung

Tiêu đề, đoạn văn gần ảnh, caption và tên file giúp giải thích nội dung. Không đặt ảnh không liên quan chỉ để tăng số lượng. Google cung cấp best practices cho Google Images, trong đó nhấn mạnh nội dung chất lượng, vị trí ảnh và thông tin mô tả phù hợp.

9. Kiểm tra khả năng crawl ảnh

  • URL ảnh trả 200 và không bị robots chặn ngoài chủ đích.
  • Ảnh nằm trên host hoặc CDN có cấu hình ổn định.
  • Không dùng URL tạm thời hoặc có token hết hạn cho nội dung công khai.
  • HTML chứa URL ảnh có thể được render.
  • Canonical và sitemap của trang không xung đột.
  • Ảnh quan trọng không chỉ tồn tại trong CSS nếu cần được hiểu như nội dung.

10. Image sitemap và structured data

Image sitemap có thể giúp khám phá ảnh khó tìm, đặc biệt khi ảnh được tải bằng JavaScript hoặc nằm trên CDN. Không phải website nào cũng cần sitemap ảnh riêng. Với structured data, thuộc tính image phải trỏ tới ảnh đúng nội dung và có thể truy cập.

11. Kiểm tra ảnh trên WordPress

  • Media có title, alt và parent phù hợp.
  • Theme dùng kích thước trung gian thay vì bản gốc quá lớn.
  • Không còn ảnh remote ngoài chủ đích.
  • Featured image khớp chủ đề bài.
  • Ảnh bị xóa không để lại block hoặc URL 404.
  • Không xóa media chỉ vì trường attached_to bằng 0; cần lập usage map trước.

Ảnh cần được kiểm tra cùng nội dung và frontend trong checklist nghiệm thu website.

Checklist trước khi xuất bản

  • Ảnh đúng ngữ cảnh và có quyền sử dụng.
  • Tên file rõ nghĩa, URL ổn định.
  • Alt phù hợp với chức năng của ảnh.
  • Width, height, srcset và sizes được render.
  • Định dạng và dung lượng phù hợp.
  • Ảnh LCP không bị lazy-load sai.
  • Caption và nội dung xung quanh hỗ trợ người đọc.
  • URL ảnh trả 200 và không phụ thuộc host ngoài.

Sai lầm phổ biến

  • Nhồi từ khóa vào alt của mọi ảnh.
  • Tải ảnh gốc rất lớn rồi chỉ thu nhỏ bằng CSS.
  • Dùng cùng một ảnh cho nhiều chủ đề không liên quan.
  • Lazy-load cả ảnh hero và logo.
  • Đổi URL ảnh hàng loạt mà không kiểm tra nơi đang dùng.
  • Dùng ảnh stock như bằng chứng khách hàng hoặc dự án.
  • Chỉ đổi sang WebP nhưng không kiểm tra kích thước và chất lượng.

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

Mọi ảnh đều cần alt text?

Ảnh truyền tải thông tin cần alt phù hợp. Ảnh trang trí có thể dùng alt rỗng để công nghệ hỗ trợ bỏ qua. Không nên để alt vô nghĩa hoặc nhồi từ khóa.

WebP có luôn tốt hơn JPEG không?

Không mặc định. WebP thường nén tốt, nhưng chất lượng và dung lượng còn phụ thuộc cách xuất, kích thước và nội dung ảnh.

Ảnh có giúp tăng thứ hạng không?

Ảnh hữu ích có thể cải thiện khả năng hoàn thành nhiệm vụ, accessibility và cơ hội xuất hiện trong tìm kiếm hình ảnh. Không nên coi số lượng ảnh hoặc alt text là bảo đảm thứ hạng.

Kết luận

SEO hình ảnh hiệu quả bắt đầu từ việc chọn ảnh đúng nhiệm vụ, sau đó tối ưu tên file, alt, kích thước, định dạng, nén, loading và khả năng crawl. Hãy kiểm tra trên trang thực tế thay vì chỉ nhìn Media Library. Mục tiêu là hình ảnh hữu ích, tải phù hợp và có ngữ cảnh rõ ràng cho cả người dùng lẫn hệ thống tìm kiếm.

Cần một kế hoạch rõ ràng?

Nhận tư vấn website và SEO theo mục tiêu kinh doanh

Chúng tôi giúp bạn xác định vấn đề ưu tiên, hướng triển khai và cách đo lường hiệu quả.

Nhận tư vấn miễn phí →
Tác giả

Chia sẻ kiến thức thực tế về SEO, nội dung và thiết kế website phục vụ tăng trưởng doanh nghiệp.

Xem hồ sơ tác giả →