SEO Hình Ảnh: Checklist 8 Bước Tối Ưu Ảnh Đúng Chuẩn từ Tên File đến Schema

SEO hình ảnh là tập hợp kỹ thuật giúp ảnh trên website xuất hiện trong Google Image Search, cải thiện Core Web Vitals và hỗ trợ ranking tổng thể. Hình ảnh chiếm trung bình 50-70% dung lượng trang web - nếu không tối ưu, đây là nguyên nhân chính làm trang chậm, LCP kém và người dùng thoát sớm. Bài này đi thẳng vào checklist 8 bước thực chiến, bảng so sánh định dạng ảnh và các tool miễn phí đang dùng trong dự án thực tế của Digicom.

Nhiều SEOer tối ưu on-page rất kỹ nhưng bỏ qua hoàn toàn hình ảnh. Kết quả là trang có title, meta, heading chuẩn chỉnh nhưng PageSpeed Insights chỉ đạt 40-50 điểm vì ảnh không compress, không lazy load, không có width/height attribute. Google dùng tốc độ tải trang làm ranking factor trực tiếp từ 2021 - và ảnh không tối ưu là kẻ phá hoại thầm lặng nhất.

Tối ưu ảnh còn mở thêm một nguồn traffic riêng: Google Image Search. Với các ngành có visual cao (nội thất, thực phẩm, thời trang, xây dựng), traffic từ image search có thể chiếm 15-25% tổng organic traffic nếu ảnh được tối ưu đúng.

So Sánh WebP vs JPEG vs PNG: Chọn Định Dạng Nào?

Lựa chọn định dạng ảnh đúng là bước đầu tiên và quan trọng nhất trong SEO hình ảnh. Mỗi định dạng có điểm mạnh riêng - dùng sai định dạng cho đúng loại ảnh có thể tăng dung lượng lên 2-3 lần mà không cải thiện chất lượng.

Kết luận thực tế: Dùng WebP cho tất cả ảnh chụp thực tế, banner, ảnh blog. Dùng PNG cho logo, icon, ảnh vector cần nền trong suốt. JPEG chỉ còn hợp lý khi cần fallback cho browser cũ (hiếm gặp sau 2023). Nếu dùng WordPress, plugin ShortPixel hoặc Smush tự động convert sang WebP khi upload.

Thế nào là AVIF - định dạng thế hệ tiếp theo?

AVIF (AV1 Image File Format) là định dạng mới hơn WebP, nhỏ hơn thêm 20-30% so với WebP. Chrome, Firefox hỗ trợ từ 2021, Safari từ 2022. Tuy nhiên, encode AVIF chậm hơn WebP đáng kể - với server có tài nguyên hạn chế, WebP vẫn là lựa chọn thực tế hơn trong 2026. Theo dõi support và cân nhắc chuyển dần sang AVIF trong 12-18 tháng tới.

Checklist 8 Bước SEO Hình Ảnh Áp Dụng Ngay

Đây là checklist Digicom áp dụng cho mọi dự án khi tối ưu hình ảnh - từ landing page thương mại đến blog content. 8 bước được sắp theo thứ tự ưu tiên tác động SEO từ cao xuống thấp.

Bước 1: Đặt tên file descriptive, có keyword

Tên file ảnh là tín hiệu SEO đầu tiên Google đọc. Thay vì “IMG_20240315_085432.jpg”, đặt tên mô tả nội dung ảnh và chứa keyword liên quan: “on-page-seo-checklist-2026.webp”. Dùng dấu gạch nối (-) để phân tách từ, viết thường toàn bộ, không dấu tiếng Việt trong tên file. Tên file nên dài 3-6 từ - đủ mô tả nhưng không quá dài.

Bước 2: Viết alt text chuẩn - mô tả + keyword tự nhiên

Alt text (alternative text) là mô tả văn bản của ảnh - dùng khi ảnh không load được và cho screen reader đọc với người khiếm thị. Google cũng dùng alt text để hiểu nội dung ảnh. Alt text chuẩn SEO: 10-15 từ, mô tả chính xác nội dung ảnh, chứa keyword tự nhiên.

Không viết alt text dạng “ảnh chụp X”, không nhồi nhiều keyword vào 1 alt text, không để trống cho ảnh content (ảnh trang trí thuần túy mới để alt=””).

Bước 3: Compress ảnh dưới 100KB

Mục tiêu: ảnh nội dung dưới 100KB, ảnh hero/banner dưới 200KB, thumbnail dưới 50KB. Đây là ngưỡng thực tế để trang load nhanh mà không giảm chất lượng ảnh đáng kể. Dùng 3 tool sau (tất cả miễn phí):

• Squoosh (squoosh.app) - tool của Google, compress trực tiếp trên browser, hỗ trợ WebP/AVIF, so sánh trước/sau real-time. Tốt nhất cho ảnh đơn lẻ.
• TinyPNG / TinyJPG (tinypng.com) - compress hàng loạt, giảm 60-80% dung lượng, giữ chất lượng tốt. API free cho 500 ảnh/tháng.
• ShortPixel (WordPress plugin) - tự động compress ảnh khi upload lên WordPress, convert sang WebP. Miễn phí 100 ảnh/tháng, gói trả phí từ $4.99/tháng không giới hạn.

Bước 4: Thêm width và height attributes

Width và height attribute trong thẻ <img> giúp browser biết trước kích thước ảnh trước khi load xong - tránh layout shift (CLS), một trong 3 chỉ số Core Web Vitals. Khi thiếu 2 attribute này, browser phải “chờ” ảnh load xong mới biết chiều rộng/cao để render layout, gây ra CLS cao. Trong WordPress Gutenberg, block ảnh tự động thêm width/height khi bạn upload ảnh đúng kích thước.

Bước 5: Bật Lazy Load

Lazy load là kỹ thuật chỉ load ảnh khi user scroll đến gần vị trí ảnh - không load toàn bộ ảnh trang ngay khi vào. Điều này cải thiện đáng kể LCP (Largest Contentful Paint) và FID. Thêm attribute loading="lazy" vào thẻ img: <img src="..." loading="lazy" alt="...">. Lưu ý: KHÔNG dùng lazy load cho ảnh hero/above-the-fold - những ảnh này cần load ngay để LCP tốt.

Bước 6: Dùng srcset cho responsive images

Srcset cho phép browser chọn kích thước ảnh phù hợp với màn hình - mobile không cần load ảnh 2000px như desktop. WordPress tự động tạo srcset khi upload ảnh đúng kích thước. Nếu tự code, implement srcset với 3 kích thước: 400w (mobile), 800w (tablet), 1200w (desktop). Kỹ thuật này giúp giảm 40-60% dung lượng ảnh load trên mobile.

Bước 7: Đặt ảnh gần nội dung liên quan

Google đọc văn bản xung quanh ảnh để hiểu ngữ cảnh - không chỉ đọc alt text. Đặt ảnh ngay bên cạnh (hoặc ngay trước/sau) đoạn văn mô tả nội dung đó. Ảnh minh họa “quy trình on-page SEO” phải nằm trong section về quy trình - không đặt ở đầu bài như ảnh trang trí. Caption ảnh cũng là tín hiệu ngữ nghĩa quan trọng mà nhiều người bỏ qua.

Bước 8: Thêm Schema ImageObject khi cần

Schema ImageObject áp dụng cho ảnh có giá trị thông tin cao: infographic, sản phẩm, tác giả, địa điểm. Không cần thêm cho mọi ảnh - chỉ khi ảnh là nội dung chính của trang hoặc cần xuất hiện trong Google Image Search với thông tin bổ sung. Kết hợp với schema markup tổng thể, ImageObject giúp Google hiểu ảnh chứa thông tin gì và thuộc entity nào.

SEO Hình Ảnh và Core Web Vitals: Mối Quan Hệ Trực Tiếp

3 chỉ số Core Web Vitals đều bị ảnh hưởng trực tiếp bởi chất lượng tối ưu hình ảnh. Hiểu mối quan hệ này giúp ưu tiên đúng bước tối ưu.

LCP (Largest Contentful Paint) - chịu ảnh hưởng nhiều nhất

LCP đo thời gian load phần tử lớn nhất trên màn hình - thường là ảnh hero. Mục tiêu LCP tốt: dưới 2.5 giây. Ảnh hero không compress, không có preload, không dùng CDN là nguyên nhân phổ biến nhất làm LCP kém. Giải pháp: compress ảnh hero xuống dưới 200KB, thêm <link rel="preload"> cho ảnh hero, và không dùng lazy load cho ảnh hero.

CLS (Cumulative Layout Shift) - ảnh không có kích thước

CLS đo mức độ layout bị “nhảy” khi ảnh load xong. Ảnh không có width/height attribute khiến browser không biết trước kích thước, gây layout shift khi ảnh load xong. Mục tiêu CLS tốt: dưới 0.1. Giải pháp đơn giản: luôn thêm width và height cho mọi thẻ img. Trong Core Web Vitals, CLS là chỉ số dễ cải thiện nhất nhưng thường bị bỏ qua nhất.

Với Marketer và Content Writer: Những Gì Bạn Kiểm Soát Được

Với marketer và content writer không phải developer, đây là 4 việc bạn kiểm soát được 100% mà không cần can thiệp kỹ thuật:

• Tên file ảnh: Đặt tên trước khi upload. Sau khi upload lên WordPress, tên file không đổi được mà không ảnh hưởng URL.
• Alt text: Điền trong WordPress media library hoặc block editor khi chèn ảnh.
• Compress trước khi upload: Dùng Squoosh hoặc TinyPNG compress xuống dưới 100KB trước khi upload.
• Vị trí ảnh trong bài: Đặt ảnh gần đoạn văn liên quan, không đặt ảnh trang trí giữa các section không liên quan.

Với developer: bật lazy load, srcset, WebP conversion, và CDN cho ảnh - những bước này tác động lớn nhất đến Core Web Vitals và cần implement ở cấp độ theme hoặc plugin.

Câu Hỏi Thường Gặp về SEO Hình Ảnh

Alt text có cần thiết cho mọi ảnh không?

Không. Ảnh trang trí thuần túy (không mang thông tin) nên để alt=”” (alt text rỗng) - screen reader sẽ bỏ qua ảnh này, tránh làm phiền người dùng khiếm thị. Ảnh mang nội dung (infographic, ảnh sản phẩm, ảnh minh họa bài) phải có alt text mô tả đầy đủ. Ảnh link phải có alt text mô tả destination của link.

Nên compress ảnh bao nhiêu % là hợp lý?

Ngưỡng thực tế: ảnh content dưới 100KB, banner/hero dưới 200KB. Mức compress 60-80% với JPEG/WebP thường đủ để đạt ngưỡng này mà chất lượng hiển thị không thay đổi đáng kể trên màn hình thông thường. Dùng Squoosh để so sánh trực tiếp chất lượng trước/sau khi compress - mắt thường không phân biệt được sự khác biệt ở mức compress 70-75%.

WebP có ảnh hưởng đến Google Image Search không?

WebP được Google hỗ trợ đầy đủ trong Image Search - không có bất kỳ bất lợi nào so với JPEG/PNG. Thực tế, vì WebP nhỏ hơn nên trang load nhanh hơn, cải thiện LCP - yếu tố Google dùng để đánh giá chất lượng trang và ảnh hưởng gián tiếp đến ranking image search.

Có cần tạo XML sitemap riêng cho ảnh không?

Image sitemap giúp Google tìm thấy ảnh nhanh hơn, đặc biệt với ảnh không được link trực tiếp từ HTML. Nếu website của bạn phụ thuộc nhiều vào image search (photography, e-commerce, stock), image sitemap là đáng đầu tư. Rank Math và Yoast đều có tùy chọn tự động include ảnh trong sitemap XML - bật tùy chọn này là đủ cho hầu hết website.

Kết Luận

SEO hình ảnh không cần phức tạp - checklist 8 bước ở trên bao phủ 95% những gì cần làm. Bắt đầu từ 3 bước ưu tiên cao nhất: đặt tên file đúng, viết alt text chuẩn, và compress xuống dưới 100KB. 3 bước này chiếm 80% tác động SEO mà chỉ mất 5-10 phút mỗi ảnh. Kết hợp SEO hình ảnh với on-page SEO toàn diện để tối đa hóa hiệu quả từng bài viết.

Cần hỗ trợ audit và tối ưu hình ảnh cho website? Liên hệ Digicom:

• Hotline: 0988 769 317
• Email: info@digicomvn.com
• Website: digicomvn.com/lien-he