Hình ảnh không chỉ để “đẹp”. Với SEO, ảnh có thể mang về traffic từ Google Images, tăng trải nghiệm đọc, và nếu tối ưu đúng còn giúp tốc độ (Core Web Vitals) tốt hơn.
Nhưng mình thấy nhiều website làm ảnh theo kiểu “đăng cho có”: tên file IMG_1234, alt để trống hoặc nhồi từ khóa, ảnh hero 2–3MB… Kết quả: Google hiểu mơ hồ, người dùng tải lâu, bài khó cạnh tranh.
Bài này sẽ giúp bạn làm đúng 3 thứ:
- Viết Alt Text để Google hiểu ảnh và hỗ trợ accessibility
- Hiểu rõ Title attribute: khi nào cần, khi nào không
- Tối ưu ảnh theo kiểu “SEO bền”: định dạng, tên file, responsive, sitemap
Xem thêm SEO title page : Khám phá Chiến lược SEO cho title
Tóm tắt nhanh (đọc 30 giây)
- Google “đọc” ảnh chủ yếu qua Alt Text + ngữ cảnh xung quanh ảnh, và Googlebot thường tập trung vào alt hơn title. (Google for Developers)
- Ảnh muốn được Google Images hiểu tốt nên dùng thẻ
<img>/<picture>vớisrcfallback; ảnh làm bằng CSS background thường không phù hợp nếu bạn kỳ vọng index ảnh. (Google for Developers) - Google Search hỗ trợ nhiều định dạng ảnh, gồm WebP và AVIF. (Google for Developers)
- Image sitemap hữu ích khi ảnh khó khám phá (ví dụ ảnh nạp bằng JS). Google yêu cầu
<image:image>và<image:loc>, và đã loại một số thẻ nhưimage:title,image:captionkhỏi tài liệu. (Google for Developers)
SEO hình ảnh là gì?
SEO hình ảnh (Image SEO) là tối ưu hình ảnh và trang chứa ảnh để công cụ tìm kiếm hiểu đúng nội dung ảnh, từ đó:
- ảnh có cơ hội xuất hiện trong kết quả tìm kiếm hình ảnh
- trang tải nhanh hơn (nếu tối ưu tốt)
- trải nghiệm người dùng tốt hơn
Google cũng nhấn mạnh: nội dung và metadata của trang nơi ảnh xuất hiện ảnh hưởng lớn tới việc ảnh hiển thị thế nào trong tìm kiếm. (Google for Developers)
Alt Text và Title Text là gì? (và cái nào quan trọng hơn)
Alt Text (Alternative Text)
Alt là mô tả thay thế cho ảnh: dùng khi ảnh lỗi tải, và đặc biệt quan trọng với screen reader. Googlebot không “nhìn” ảnh như người, nên họ thường dựa nhiều vào alt để hiểu ảnh. (Google for Developers)
Title attribute
Title là “thông tin gợi ý” (advisory) khi người dùng hover (chủ yếu desktop). Google từng nói họ thường tập trung vào alt hơn title, nên bạn đừng kỳ vọng title giúp SEO mạnh. (Google for Developers)
Nói thẳng: Alt là bắt buộc cho ảnh có ý nghĩa. Title là tuỳ chọn (dùng khi thật sự bổ sung thông tin cho người đọc).
Xem thêm Anchor Text là gì? Cách tối ưu tránh bị Google Penguin phạt
Cách viết Alt Text chuẩn SEO (thực dụng, dễ áp dụng)
Nguyên tắc 1: Mô tả đúng thứ có trong ảnh + đúng ngữ cảnh của bài
Alt tốt là alt mà:
- người không xem được ảnh vẫn hiểu ảnh đang nói gì
- gắn đúng chủ đề đoạn nội dung xung quanh
✅ Ví dụ (bài về SEO tốc độ):
alt="Biểu đồ so sánh LCP và INP trước và sau tối ưu tốc độ website"
Nguyên tắc 2: Chèn từ khóa tự nhiên (nếu phù hợp), không nhồi
Bạn có thể đưa từ khóa vào alt nếu nó thực sự mô tả ảnh. Nhưng nhồi kiểu “iphone 15 giá rẻ iphone 15 chính hãng…” là phản tác dụng.
Nguyên tắc 3: Viết ngắn gọn, 1 câu là đẹp
Không có “luật SEO” kiểu 125 ký tự, nhưng về trải nghiệm đọc/screen reader thì càng gọn càng dễ hiểu. Ảnh phức tạp → mô tả thêm ở caption/đoạn văn, đừng nhồi alt.
Nguyên tắc 4: Ảnh trang trí thì để alt rỗng alt=""
Nếu ảnh chỉ để trang trí (icon nền, họa tiết…), alt rỗng giúp screen reader bỏ qua → UX tốt hơn.
Nguyên tắc 5: Nếu ảnh là link/nút, alt mô tả hành động/đích đến
Ví dụ nút tải checklist dạng ảnh:
alt="Tải checklist tối ưu ảnh cho SEO"
Ví dụ đúng/sai nhanh
Sai (mơ hồ):
alt="hình ảnh"alt="SEO"
Đúng (cụ thể):
alt="Mẫu cấu trúc tên file ảnh chuẩn SEO dùng dấu gạch ngang"alt="Ảnh chụp màn hình cài đặt Alt Text trong WordPress"
Xem thêm Hidden text trong Spam SEO
Title Text: khi nào nên dùng?
Dùng title khi nó bổ sung giá trị cho người đọc (không lặp alt), ví dụ:
- alt mô tả ảnh là gì
- title giải thích “ảnh này minh họa điều gì/điểm cần lưu ý”
Ví dụ:
<img src="image-seo-checklist.webp"
alt="Checklist tối ưu hình ảnh cho SEO gồm 8 mục"
title="Mẹo: ưu tiên tối ưu ảnh hero và ảnh trong bài có traffic cao trước">
Nhắc lại: Googlebot thường ưu tiên thông tin trong alt hơn title, nên title không phải “đòn SEO chính”. (Google for Developers)
Tối ưu hình ảnh cho SEO hiệu quả (không chỉ mỗi Alt)
Chọn định dạng đúng (ưu tiên nhẹ, đẹp)
Google Search hỗ trợ ảnh trong img src với nhiều định dạng, gồm WebP và AVIF. (Google for Developers)
Gợi ý thực dụng:
- Ảnh chụp: WebP/AVIF
- Hình đơn giản/vector: SVG (nếu phù hợp)
- Nếu đổi định dạng dẫn tới đổi filename/extension, nhớ xử lý redirect nếu URL ảnh cũ đang được index/chia sẻ. (Google for Developers)
Tối ưu cho tốc độ và chất lượng (đừng hi sinh quá đà)
Google khuyến nghị tối ưu ảnh để vừa rõ vừa nhanh vì ảnh thường là phần nặng nhất trang. (Google for Developers)
Thực chiến:
- nén ảnh trước khi up
- đúng kích thước hiển thị (đừng tải 2000px cho khung 700px)
- tránh “quá nét” đến mức file phình
Xem thêm Image carousels là gì? có nên sử dụng
Dùng responsive images đúng cách (srcset, <picture>) + luôn có src fallback
Google có hướng dẫn rõ về responsive images và nhấn mạnh cần có URL dự phòng bằng src khi dùng <picture>. (Google for Developers)
Ví dụ:
<picture> <source type="image/avif" srcset="banner.avif"> <source type="image/webp" srcset="banner.webp"> <img src="banner.jpg" alt="Banner dịch vụ SEO tổng thể cho doanh nghiệp"> </picture>
Đặt tên file ảnh và URL “có nghĩa”
Tên file không quyết định tất cả, nhưng nó là tín hiệu ngữ cảnh tốt và giúp quản trị dễ hơn:
- ✅
toi-uu-alt-text-title-text.webp - ❌
IMG_8472.webp
Tránh dùng CSS background cho ảnh “quan trọng” nếu bạn muốn index ảnh
Google Search nhấn mạnh ảnh nên được tham chiếu trong src của <img>, và Google cũng từng cảnh báo ảnh CSS background không phù hợp nếu mục tiêu là index trong Image Search. (Google for Developers)
Ảnh trang trí dùng CSS background thì ok. Ảnh sản phẩm/ảnh minh hoạ chính nên dùng <img>.
Xem thêm Hướng Dẫn Sử Dụng Google Image: Cách Tìm Kiếm Hình Ảnh Hiệu Quả Từ A-Z
Image sitemap và Schema: dùng khi nào cho đáng?
Khi nào cần image sitemap?
Image sitemap giúp Google phát hiện ảnh “khó thấy”, ví dụ ảnh chỉ xuất hiện nhờ JavaScript. (Google for Developers)
Google yêu cầu các thẻ chính:
<image:image><image:loc>(Google for Developers)
Và Google đã loại khỏi tài liệu các thẻ như:<image:caption>, <image:geo_location>, <image:title>, <image:license>. (Google for Developers)
Ví dụ sitemap tối giản (đúng chuẩn):
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
<url>
<loc>https://example.com/bai-viet-image-seo</loc>
<image:image>
<image:loc>https://example.com/images/alt-text.webp</image:loc>
</image:image>
</url>
</urlset>
Schema cho ảnh: coi như “nâng cao”, không thần thánh hóa
Bạn có thể dùng ImageObject nếu phù hợp hệ thống schema của site, nhưng nhớ: structured data không đảm bảo hiển thị đặc biệt nếu nội dung không đủ tốt.
Những lỗi hay gặp khi SEO hình ảnh (và cách sửa nhanh)
Không có Alt Text cho ảnh có ý nghĩa
- Sửa: thêm alt mô tả đúng ảnh, đúng ngữ cảnh
Nhồi từ khóa trong Alt
- Sửa: 1 câu tự nhiên, mô tả thật; từ khóa chỉ chèn nếu nó “có mặt” trong ý nghĩa ảnh
Ảnh quá nặng làm chậm trang
- Sửa: đổi WebP/AVIF + nén + đúng kích thước hiển thị (đặc biệt ảnh hero)
Dùng CSS background cho ảnh chính
- Sửa: chuyển sang
<img>/<picture>nếu mục tiêu là index ảnh. (Google for Developers)
Dùng image sitemap sai (nhét tag cũ)
- Sửa: giữ đúng
image:image+image:loc; đừng dựa vàoimage:title/captionvì đã bị loại khỏi tài liệu. (Google for Developers)
Checklist audit SEO hình ảnh trong 10 phút (WordPress cũng làm được)
- Ảnh quan trọng có dùng
<img>/<picture>không (không phải CSS background)? (Google for Developers) - Mỗi ảnh quan trọng có Alt mô tả rõ không?
- Alt có tự nhiên, không nhồi từ khóa không?
- Tên file ảnh có ý nghĩa không?
- Ảnh hero đã nén/đúng kích thước chưa?
- Site có dùng WebP/AVIF hợp lý chưa? (Google for Developers)
- Nếu ảnh load bằng JS/galleries: cân nhắc image sitemap. (Google for Developers)
Kết luận
SEO hình ảnh không phải “điền alt cho có”. Làm đúng sẽ giúp Google hiểu nội dung tốt hơn, tăng cơ hội xuất hiện trong tìm kiếm hình ảnh và cải thiện trải nghiệm người dùng.
Nhớ 3 điều:
- Alt mô tả đúng ảnh + đúng ngữ cảnh
- Title chỉ dùng khi bổ sung giá trị, không kỳ vọng “đẩy SEO”
- Ảnh phải nhẹ, đúng định dạng, đúng cách nhúng (
<img>/<picture>)
Nếu bạn muốn tối ưu nhanh cho blog/website dịch vụ: gửi mình 1 URL bài viết + 3 ảnh bạn dùng nhiều (hero + ảnh minh hoạ). Mình sẽ trả bạn:
- gợi ý alt theo đúng ngữ cảnh bài
- checklist tối ưu dung lượng/định dạng
- lỗi “dễ mất traffic ảnh” (CSS background, sitemap, tên file…)
Đoàn Trình Dục là Giảng viên Khoa Công nghệ Thông tin tại Đại học Công nghệ Sài Gòn (STU), với hơn 10 năm kinh nghiệm thực chiến trong các lĩnh vực Mạng máy tính, Marketing Online, SEO và Bảo mật hệ thống.
Với nền tảng sư phạm và kinh nghiệm tư vấn cho nhiều doanh nghiệp, thầy chuyên sâu vào việc xây dựng các giải pháp kỹ thuật số toàn diện và hiệu quả.