Đăng Ký Học SEO

SEO WordPress #11: Hình ảnh, tối ưu từ alt text đến Schema

SEO hình ảnh là tối ưu mục đích, định dạng, kích thước, URL và cách tải ảnh, giúp ảnh dễ hiểu và tải nhanh. Ảnh truyền tải thông tin cần alt text đúng chức năng, ảnh trang trí dùng alt rỗng. Ưu tiên WebP hoặc AVIF kèm srcset. Ảnh LCP không lazy-load, URL ảnh phải trả 200 và có hồ sơ quyền sử dụng.

SEO hình ảnh là quá trình làm cho mỗi ảnh có đúng mục đích, ngữ nghĩa, định dạng, kích thước, URL và cách tải trong ngữ cảnh của trang. Ảnh truyền tải thông tin cần alt text mô tả đúng chức năng; ảnh trang trí dùng alt=""; ảnh LCP phải được phát hiện và tải sớm; còn ảnh nằm ngoài màn hình mới phù hợp để lazy-load.

Bài số 11 trong series SEO WordPress chuyển 10 tiêu chí từ 74 đến 83 thành quy trình kiểm tra được: alt text, tên file, WebP hoặc AVIF, srcset và sizes, khả năng crawl, status URL, ưu tiên ảnh LCP, nội dung tương đương bằng HTML, khai báo Schema và quyền sử dụng.

Nguyên tắc: tối ưu ảnh không phải chỉ nén file; cần đồng thời bảo toàn ý nghĩa, chất lượng hiển thị, khả năng tiếp cận, khả năng crawl và tốc độ tải.

Tài liệu trả phí

Bản đầy đủ: SEO WordPress #11: Hình ảnh, tối ưu từ alt text đến Schema

Phần đọc miễn phí giữ trọn phần chữ của bài. Bảng, danh sách bước và checklist của bài nằm trong bản đầy đủ, cùng bộ tài nguyên làm theo viết riêng cho bản bán, kèm tệp PDF và Excel.

  • Đọc trên trang học: trọn 8.527 chữ
  • Bộ tài nguyên làm theo: checklist, quy trình 17 bước, bảng lỗi, mẫu, nghiệm thu (5 bảng)
  • PDF: 19 trang, tải về
  • Excel: 15 bảng và 96 dòng checklist có cột đánh dấu
  • Quyền dùng: mua một lần, sở hữu vĩnh viễn

399.000đ thanh toán 16 USD qua PayPal hoặc thẻ Visa, Mastercard

Mua tài liệu

Xem trước bản đầy đủ: ba ảnh chụp từ chính tệp PDF và Excel bạn nhận sau khi mua.

Trang 1 bản PDF của tài liệu SEO WordPress #11: Hình ảnh, tối ưu từ alt text đến Schema
Trang 1 trong 19 trang của bản PDF.
Trang 16 bản PDF của tài liệu SEO WordPress #11: Hình ảnh, tối ưu từ alt text đến Schema, phần có bảng
Trang 16 trong 19 trang của bản PDF, phần có bảng.
Sheet Mục lục trong tệp Excel của tài liệu SEO WordPress #11: Hình ảnh, tối ưu từ alt text đến Schema
Sheet Mục lục của tệp Excel: 15 bảng, mỗi bảng một sheet.

1. SEO hình ảnh WordPress gồm những lớp nào?

Một ảnh trên WordPress cần vượt qua bốn lớp kiểm tra: nội dung, HTML, tài nguyên và quyền sử dụng. Nếu chỉ tối ưu một lớp, ảnh vẫn có thể thất bại ở ba lớp còn lại. File nhẹ nhưng alt sai không giúp người dùng hiểu ảnh. Alt tốt nhưng URL trả 403 thì trình duyệt và crawler đều không nhận được tài nguyên.

Sơ đồ bốn lớp một tấm ảnh phải qua: nội dung, HTML, tài nguyên và quyền dùng, mỗi lớp kèm câu hỏi cần trả lời và chỗ đọc được bằng chứng
Bốn lớp, bốn chỗ đọc bằng chứng khác nhau. Tệp nhẹ mà alt sai thì vẫn trượt, alt tốt mà URL trả 403 thì không ai nhận được ảnh.

Bản đầy đủ của mục này có thêm: bảng 4 dòng (cột: Lớp, Câu hỏi cần trả lời, Bằng chứng). Xem bản đầy đủ

Tài liệu Google Image SEO best practices cho biết Google dùng ngữ cảnh trang, chú thích, tên file và alt text để hiểu ảnh. Tài liệu cũng khuyến nghị dùng phần tử ảnh HTML chuẩn, định dạng được hỗ trợ, ảnh responsive và hình đại diện phù hợp trong structured data.

2. Bảng kiểm 10 tiêu chí hình ảnh từ 74 đến 83

Bảng kiểm 10 tiêu chí hình ảnh từ 74 đến 83 tạo thành một chuỗi từ lúc chọn ảnh tới lúc nghiệm thu URL trên production. Mười mã gồm alt text, tên file, định dạng, responsive, crawlable, URL ổn định, ảnh LCP, văn bản tương đương, schema image, nguồn và quyền. Không đánh dấu đạt chỉ vì Media Library đã có alt hoặc plugin đã tạo WebP. Bảng là tiêu chí nghiệm thu, không phải thứ tự sửa cứng.

Nếu bạn cần chỗ ghi lại kết quả nghiệm thu của từng mã, khóa SEO hình ảnh miễn phí có phiếu in cho từng bài, gồm ô URL đang kiểm, số đo trước, số đo sau và ba mức kết luận đạt, cảnh báo hay chưa đạt.

Bản đầy đủ của mục này có thêm: bảng 10 dòng (cột: Mã, Tiêu chí, Điều kiện chính, Trọng số). Xem bản đầy đủ

Bảng này là tiêu chí nghiệm thu, không phải thứ tự sửa cứng. Nếu ảnh hero trả 404, cần khôi phục URL trước khi tối ưu alt. Nếu ảnh LCP đang bị lazy-load, cần sửa cách tải trước khi thử thêm một định dạng mới.

3. Tiêu chí 74: Alt text đầy đủ và đúng mục đích

Alt text tốt mô tả mục đích của ảnh trong đúng ngữ cảnh, không phải liệt kê mọi vật thể nhìn thấy hoặc chèn từ khóa. Cùng một ảnh có thể cần alt khác nhau ở hai trang vì chức năng truyền đạt khác nhau.

Google cho biết alt text cùng nội dung trang và tín hiệu thị giác được dùng để hiểu chủ đề ảnh. W3C Images Tutorial hướng dẫn ảnh truyền tải thông tin cần text alternative, còn ảnh chỉ trang trí nên dùng thuộc tính rỗng alt="" để công nghệ hỗ trợ bỏ qua.

Bản đầy đủ của mục này có thêm: bảng 5 dòng (cột: Loại ảnh, Alt phù hợp, Ví dụ). Xem bản đầy đủ

Trọng số: Bắt buộc. Công cụ: Screaming Frog, WP Media và PageSpeed Checker của Novaverb. Báo cáo chỉ phát hiện alt thiếu hoặc lặp; người biên tập vẫn phải đọc trang để đánh giá đúng mục đích.

4. Cây quyết định viết alt text không nhồi từ khóa

Trước khi viết alt, hãy hỏi nếu ảnh biến mất thì người đọc mất thông tin hay chức năng nào. Câu trả lời quyết định ảnh cần alt mô tả, alt chức năng, alt rỗng hay phần mô tả dài bên cạnh.

Bản đầy đủ của mục này có thêm: danh sách 5 dòng. Xem bản đầy đủ

Không mở đầu mọi alt bằng “hình ảnh của”. Trình đọc màn hình đã thông báo đây là ảnh. Không sao chép tiêu đề bài vào tất cả ảnh. Không liệt kê chuỗi từ khóa, địa điểm và dịch vụ nếu ảnh không truyền đạt những yếu tố đó.

Phép kiểm: đọc alt thay cho ảnh trong nguyên câu. Nếu câu vẫn tự nhiên và giữ đúng thông tin chính, alt đã gần đúng mục đích.

5. Tiêu chí 75: Tên file ảnh tối ưu trước khi tải lên

Tên file nên ngắn, mô tả đúng chủ thể, dùng chữ thường không dấu và nối từ bằng dấu gạch ngang. Tên như IMG_001.jpg, screenshot.png hoặc chuỗi hash không giúp người quản trị nhận diện tài sản và chỉ cung cấp tín hiệu rất nhẹ về nội dung.

Bản đầy đủ của mục này có thêm: bảng 4 dòng (cột: Tên file, Đánh giá, Cách sửa). Xem bản đầy đủ

Google nói tên file có thể cung cấp gợi ý rất nhẹ về chủ đề ảnh và khuyến nghị tên ngắn nhưng mô tả. Vì vậy, không nên đổi tên hàng ngàn file đang hoạt động chỉ để thêm từ khóa. Việc đổi URL có thể tạo 404, redirect và mất tham chiếu trong bài, CSS, schema hoặc mạng xã hội.

Trọng số: Quan trọng. Công cụ: WP Media Library. Tên file nên được đặt trước khi upload, còn với file cũ thì chỉ đổi khi có quy trình cập nhật toàn bộ tham chiếu và redirect phù hợp.

6. Tiêu chí 76: Chọn WebP, AVIF, PNG hay JPEG

Tiêu chí 76 nói cách chọn WebP, AVIF, PNG hay JPEG cho từng loại ảnh. WebP và AVIF hợp với phần lớn ảnh nội dung mới, nhưng định dạng còn tùy loại hình, mức chất lượng cần giữ và pipeline. JPEG dùng khi cần fallback, PNG khi cần nét, alpha hoặc ảnh có chữ, SVG cho logo và hình vector. Không có định dạng nào thắng trong mọi trường hợp, nên tránh áp một ngưỡng KB cho tất cả.

Bản đầy đủ của mục này có thêm: bảng 5 dòng (cột: Định dạng, Phù hợp, Lưu ý). Xem bản đầy đủ

Google Search hỗ trợ JPEG, PNG, WebP, AVIF, SVG cùng một số định dạng khác và khuyến nghị phần mở rộng khớp loại file. Hướng dẫn chọn định dạng của web.dev xem WebP hoặc AVIF lossy là lựa chọn thay thế tốt cho JPEG trong ảnh web, nhưng vẫn cần đánh giá bằng mắt sau nén.

Trọng số: Bắt buộc. Công cụ: Chrome DevTools, GTmetrix, PageSpeed Checker của Novaverb và Image Converter của Novaverb. Không dùng một ngưỡng KB duy nhất cho logo, ảnh hero, ảnh sản phẩm và biểu đồ.

7. Quy trình chuyển đổi và nén ảnh không làm hỏng nội dung

Nén ảnh nên bắt đầu từ kích thước hiển thị và mức chi tiết cần giữ, sau đó mới chọn codec và chất lượng. Chuyển một file 4000px sang WebP nhưng vẫn gửi nguyên kích thước cho khung 600px chưa giải quyết lãng phí dữ liệu.

Bản đầy đủ của mục này có thêm: danh sách 8 dòng. Xem bản đầy đủ

Với ảnh chứa chữ, compression artifact có thể làm chữ nhòe trước khi dung lượng giảm đủ đáng kể. Với ảnh chụp, giảm kích thước pixel thường mang lại lợi ích lớn hơn việc ép chất lượng xuống quá thấp. Với logo, SVG hoặc WebP lossless có thể phù hợp hơn JPEG.

8. Tiêu chí 77: Ảnh responsive với srcset và sizes

srcset cung cấp các ứng viên ảnh, còn sizes cho trình duyệt biết ảnh dự kiến hiển thị rộng bao nhiêu theo viewport. Trình duyệt kết hợp hai thông tin này với mật độ điểm ảnh và điều kiện thiết bị để chọn tài nguyên phù hợp.

Bản đầy đủ của mục này có thêm: danh sách 5 dòng, mẫu để chép. Xem bản đầy đủ

Tài liệu responsive images của Google vẫn khuyến nghị có src fallback ngay cả khi dùng srcset hoặc picture. Thuộc tính sizes phải phản ánh layout thực, không mặc định 100vw cho ảnh chỉ rộng 760px trên desktop.

Trọng số: Quan trọng. Công cụ: DevTools, Lighthouse và PageSpeed Checker của Novaverb.

9. Tiêu chí 78: Ảnh quan trọng phải crawlable

Ảnh nội dung quan trọng nên xuất hiện qua img hoặc picture trong HTML render với URL thật ở src hoặc srcset. Google cho biết có thể tìm ảnh ở thuộc tính src của img, kể cả khi nằm trong picture, nhưng không index ảnh CSS.

CSS background phù hợp với texture, gradient hoặc trang trí. Nếu hình là ảnh sản phẩm, biểu đồ, ảnh tác giả, ảnh bài viết hay nội dung cần xuất hiện trong Google Images, chỉ để trong background-image làm giảm khả năng khám phá và không cung cấp alt text theo cách thông thường.

Bản đầy đủ của mục này có thêm: bảng 5 dòng (cột: Triển khai, Đánh giá). Xem bản đầy đủ

Trọng số: Bắt buộc. Công cụ: DevTools, URL Inspection và Website SEO Checker của Novaverb. Kiểm cả View Source và DOM render để tìm sự khác biệt do plugin lazy-load.

10. Tiêu chí 79: URL ảnh hoạt động ổn định

URL ảnh dùng trong HTML, metadata và Schema phải trả 200 trực tiếp, đúng nội dung và không phụ thuộc phiên đăng nhập. 403, 404, redirect chain, hotlink protection sai hoặc token hết hạn đều có thể làm ảnh biến mất với crawler và người dùng.

Bản đầy đủ của mục này có thêm: danh sách 7 dòng. Xem bản đầy đủ

Khi đổi domain ảnh hoặc cấu trúc uploads, lập bản đồ URL cũ sang URL mới và cập nhật tham chiếu tại nguồn. Redirect có thể bảo vệ URL cũ trong giai đoạn chuyển đổi, nhưng HTML mới nên trỏ thẳng đến URL cuối.

Trọng số: Bắt buộc. Công cụ: Screaming Frog và HTTP Status & Redirect Checker của Novaverb.

11. Tiêu chí 80: Ảnh LCP được phát hiện và ưu tiên tải

Ảnh hero hoặc ảnh có khả năng là LCP không được dùng loading="lazy"; URL cần có trong HTML ban đầu và có thể dùng fetchpriority="high" khi đo lường cho thấy phù hợp. Lazy-load ảnh trong viewport làm trì hoãn lúc trình duyệt bắt đầu tải.

Bản đầy đủ của mục này có thêm: mẫu để chép. Xem bản đầy đủ

Web.dev về tối ưu LCP khuyến nghị không lazy-load LCP image và cho biết fetchpriority="high" có thể tăng ưu tiên ảnh quan trọng. Đây là hint, không phải mệnh lệnh, và không nên gắn lên hàng loạt ảnh vì tài nguyên nào được tăng ưu tiên thì tài nguyên khác phải chờ.

Preload hữu ích khi ảnh LCP khó được phát hiện sớm, chẳng hạn ảnh nền CSS. Nếu ảnh đã nằm sớm trong HTML bằng img, preload có thể trùng lặp hoặc không tạo khác biệt. Mọi thay đổi cần được xác nhận bằng waterfall và LCP sau triển khai.

Trọng số: Bắt buộc. Công cụ: PageSpeed Insights, DevTools và PageSpeed Checker của Novaverb.

12. Cách chẩn đoán ảnh LCP bằng Network và Performance

Chẩn đoán LCP cần tách thời gian máy chủ, thời điểm phát hiện tài nguyên, thời gian chờ tải, thời gian tải file và độ trễ render. Chỉ giảm dung lượng ảnh không đủ nếu URL được phát hiện quá trễ vì CSS hoặc JavaScript.

Bản đầy đủ của mục này có thêm: bảng 4 dòng (cột: Dấu hiệu, Nguyên nhân khả dĩ, Phép kiểm), danh sách 7 dòng. Xem bản đầy đủ

Một phép sửa tốt phải giải quyết đúng phần đang chiếm thời gian. Nếu resource load delay lớn, ưu tiên khả năng phát hiện. Nếu resource load duration lớn, tối ưu kích thước, codec, cache và máy chủ.

13. Tiêu chí 81: Không nhúng thông tin quan trọng chỉ trong ảnh

Thông tin cần để hiểu, so sánh hoặc hành động phải có bản tương đương bằng văn bản HTML, không chỉ nằm trong infographic hoặc ảnh chụp màn hình. Alt text thường không phải nơi chứa toàn bộ một bảng dữ liệu dài.

Văn bản HTML có thể được chọn, phóng to, dịch, đọc bằng công nghệ hỗ trợ, tìm trong trang và cập nhật mà không cần xuất lại ảnh. Nó cũng giúp công cụ tìm kiếm hiểu chi tiết mà không phụ thuộc hoàn toàn vào nhận diện hình ảnh.

Bản đầy đủ của mục này có thêm: danh sách 6 dòng. Xem bản đầy đủ

Trọng số: Quan trọng. Công cụ: axe DevTools, kiểm tra trực tiếp và PageSpeed Checker của Novaverb. Một cách thử đơn giản là tắt ảnh: người đọc vẫn phải hoàn thành được nhiệm vụ chính của trang.

14. Cách viết nội dung tương đương cho infographic và biểu đồ

Ảnh phức tạp cần hai tầng thay thế: alt ngắn nêu loại ảnh và kết luận, phần HTML gần ảnh cung cấp chi tiết cần thiết. Nhồi hàng trăm chữ vào alt làm trải nghiệm trình đọc màn hình khó kiểm soát và khó điều hướng.

Bản đầy đủ của mục này có thêm: bảng 5 dòng (cột: Thành phần, Vai trò, Ví dụ). Xem bản đầy đủ

Với sơ đồ quy trình, thứ tự và quan hệ phải xuất hiện trong HTML. Với heatmap, cần nói rõ đây là dữ liệu tổng hợp, cỡ mẫu và kết luận chính. Với ảnh so sánh trước sau, ghi điều kiện chụp hoặc đo để tránh tạo bằng chứng thiếu ngữ cảnh.

15. Tiêu chí 82: Khai báo ảnh đúng trong Schema và metadata

Thuộc tính image của Article, Product hoặc loại Schema phù hợp phải trỏ tới ảnh đại diện thật, liên quan, crawlable và có URL tuyệt đối ổn định. Metadata Open Graph và Twitter cũng nên dùng ảnh đúng tỷ lệ cho chia sẻ xã hội.

Google yêu cầu hoặc khuyến nghị image cho nhiều loại structured data đủ điều kiện hiển thị nâng cao. General structured data guidelines yêu cầu ảnh liên quan tới trang. Khai một logo chung cho mọi bài không thể hiện đúng nội dung từng trang.

Bản đầy đủ của mục này có thêm: danh sách 6 dòng, mẫu để chép. Xem bản đầy đủ

Trọng số: Quan trọng. Công cụ: Rich Results Test và Meta Tag Checker của Novaverb. Structured data hợp lệ không bảo đảm Google sẽ hiển thị rich result.

16. Tiêu chí 83: Nguồn, giấy phép và quyền sử dụng ảnh

Tiêu chí 83 soi nguồn, giấy phép và quyền sử dụng ảnh. Mỗi ảnh bên thứ ba cần hồ sơ: ai tạo, phạm vi license, có phải ghi credit hay không. Ảnh tự chụp giữ file gốc và ngày tạo, ảnh stock giữ hóa đơn cùng license tại ngày tải, ảnh Creative Commons giữ URL nguồn và tác giả, ảnh do AI tạo giữ prompt cùng công cụ. Tìm thấy trên Google không phải là giấy phép.

Bản đầy đủ của mục này có thêm: bảng 5 dòng (cột: Nguồn ảnh, Hồ sơ nên giữ, Điểm cần kiểm). Xem bản đầy đủ

Google Image license metadata hỗ trợ truyền đạt giấy phép qua structured data hoặc IPTC và khuyến nghị giữ các trường nhận diện, người tạo, credit và copyright khi phù hợp. Metadata không tự tạo ra quyền sử dụng; nó chỉ truyền đạt thông tin quyền đã có.

Trọng số: Quan trọng. Công cụ: Reverse Image Search và hồ sơ bản quyền. Khi không chứng minh được quyền, thay ảnh bằng tài sản hợp lệ thay vì chỉ thêm dòng “nguồn Internet”.

17. Workflow tối ưu ảnh trong WordPress từ trước upload đến production

Quy trình ổn định cần phân vai giữa người tạo nội dung, Media Library, theme, plugin ảnh, CDN và bước nghiệm thu. Plugin có thể tự sinh kích thước và định dạng nhưng không thể tự hiểu mục đích alt hoặc quyền sử dụng.

Bản đầy đủ của mục này có thêm: danh sách 12 dòng. Xem bản đầy đủ

Tránh cài nhiều plugin cùng xử lý WebP, CDN rewrite và lazy-load. Hai lớp cùng thay URL có thể tạo markup trùng, request kép hoặc lỗi khi một plugin bị tắt. Chọn một nguồn chịu trách nhiệm cho mỗi tác vụ và kiểm HTML đầu ra thay vì chỉ nhìn cài đặt.

18. Quy trình audit hình ảnh toàn website

Quy trình audit hình ảnh toàn website ghép crawl HTML, danh sách Media Library, tab Network và số liệu hiệu năng theo template. Mục tiêu là tìm nhóm lỗi có chung nguyên nhân chứ không sửa lẻ từng ảnh. Các bước gồm crawl mọi URL indexable, gom ảnh thiếu alt, so Media Library với URL đang dùng, chọn mẫu trang rồi kiểm srcset, sizes, currentSrc, xác định ảnh LCP và rà nguồn cùng license. Nghiệm thu bằng crawl mới và trình duyệt thật.

Sơ đồ vòng soát ảnh toàn website: mười một bước gom thành bốn chặng là thu thập, nhóm lỗi, soi mẫu trang, sửa và nghiệm thu, rồi chặng cuối quay lại chặng đầu
Mục tiêu là tìm nhóm lỗi chung nguyên nhân. Ba trăm ảnh thiếu alt thường là một template quên trường alt, không phải ba trăm việc.

Bản đầy đủ của mục này có thêm: bảng 5 dòng (cột: Đầu ra, Trường tối thiểu), danh sách 11 dòng. Xem bản đầy đủ

Nghiệm thu bằng crawl mới và trình duyệt thật. Báo cáo cũ chỉ là baseline; HTML sau deploy mới là bằng chứng ảnh có alt, srcset, URL và loading đúng.

19. Công cụ kiểm tra, tài liệu gốc và lộ trình học tiếp

Công cụ kiểm tra, tài liệu gốc và lộ trình học tiếp gom lại ở phần cuối bài. Bộ công cụ gồm PageSpeed Checker, Image Converter, Image Compressor, Image Resizer, Website SEO Checker, HTTP Status và Redirect Checker cùng Meta Tag Checker của Novaverb. Tài liệu gốc trỏ về Google Image SEO, W3C Images Tutorial, Responsive images và Largest Contentful Paint. Lộ trình học tiếp nối sang SEO WordPress số 12 tới 15.

Công cụ kiểm tra nhanh

Công cụ kiểm tra nhanh gồm bảy món của Novaverb. PageSpeed Checker soi hiệu năng ảnh, Image Converter đổi định dạng, Image Compressor thử mức nén, Image Resizer tạo ảnh gần kích thước hiển thị, Website SEO Checker rà lớp SEO của URL, HTTP Status và Redirect Checker soi status cùng redirect chain, Meta Tag Checker soi ảnh trong metadata của trang.

Tài liệu gốc

Tài liệu gốc cho phần hình ảnh gồm Google Image SEO best practices, W3C Images Tutorial, bài Responsive images trên web.dev, Optimize Largest Contentful Paint và Image license metadata. Đọc tiếp SEO WordPress số 12 về Internal Link, số 13 về Core Web Vitals, số 14 về điểm PageSpeed và số 15 về hình ảnh cùng code.

Đọc tiếp SEO WordPress #12 về Internal Link và nội dung, SEO WordPress #13 về Core Web Vitals, SEO WordPress #14 về điểm PageSpeed và SEO WordPress #15 về hình ảnh và code.

Nếu muốn thực hành trên website thật theo một hệ thống, có thể tham khảo chương trình đào tạo SEO, trang tổng hợp khóa học SEO và cấu trúc chuyên sâu của khóa học SEO Master. Mỗi trang trình bày phạm vi và cách học để người đọc tự đối chiếu nhu cầu.

Chuỗi thực hành: xác định vai trò ảnh, chuẩn hóa nguồn, tạo biến thể, xuất HTML đúng, kiểm loading, đo lại và lưu bằng chứng quyền.

20. Câu hỏi thường gặp và kết luận

Câu hỏi thường gặp và kết luận chốt những nhầm lẫn hay gặp khi tối ưu hình ảnh WordPress. Tám câu trả lời các điểm: alt không cần nhồi từ khóa, đừng đổi tên ảnh cũ đang chạy, AVIF không luôn nhẹ hơn WebP, srcset do WordPress sinh vẫn phải kiểm, ảnh hero thường không lazy-load, alt không thay được nội dung infographic, schema hợp lệ không buộc Google hiển thị ảnh, và ghi nguồn Internet thì chưa đủ.

Mọi ảnh đều cần alt chứa từ khóa SEO?

Không. Ảnh thông tin cần alt mô tả đúng mục đích trong ngữ cảnh. Ảnh trang trí dùng alt="". Nhồi từ khóa làm alt kém hữu ích và tạo trải nghiệm không tự nhiên.

Có nên đổi tên toàn bộ ảnh cũ đang hoạt động?

Không nên đổi chỉ để thêm từ khóa. Với ảnh đã được dùng và index, thay URL có thể tạo lỗi tham chiếu. Chỉ đổi khi lợi ích rõ và có bản đồ cập nhật URL, redirect cùng bước kiểm tra sau triển khai.

AVIF có luôn nhẹ hơn và tốt hơn WebP không?

Không phải trong mọi ảnh và mọi mức chất lượng. AVIF thường nén tốt nhưng cần kiểm thời gian mã hóa, chi tiết, chữ nhỏ và pipeline. Hãy thử cả hai trên mẫu ảnh thật.

WordPress tự tạo srcset thì có cần kiểm tra không?

Có. Theme, page builder, CDN hoặc plugin có thể thay markup và sizes. Cần xem currentSrc ở nhiều viewport để biết trình duyệt thực sự tải file nào.

Ảnh hero có nên lazy-load không?

Thông thường không. Nếu ảnh nằm trong viewport đầu hoặc là LCP, lazy-load trì hoãn request. Để ảnh được phát hiện sớm và chỉ dùng fetchpriority cao khi phép đo cho thấy phù hợp.

Alt text có thay thế được nội dung của infographic không?

Không hoàn toàn. Alt nên tóm tắt mục đích và kết luận. Dữ liệu, quy trình hoặc giải thích dài cần có phiên bản HTML như đoạn văn, danh sách hoặc bảng.

Schema hợp lệ có bảo đảm ảnh xuất hiện trên Google không?

Không. Structured data giúp cung cấp thông tin có cấu trúc nhưng không bảo đảm hiển thị. Ảnh và trang vẫn phải crawlable, liên quan, đúng chính sách và đáp ứng điều kiện của tính năng tìm kiếm.

Ghi “nguồn Internet” có đủ để dùng ảnh không?

Không. Cần xác định tác giả hoặc chủ sở hữu, giấy phép và phạm vi sử dụng. Nếu không chứng minh được quyền, nên thay bằng ảnh tự tạo hoặc tài sản được cấp phép rõ ràng.

SEO hình ảnh WordPress là bài toán phối hợp giữa ngữ nghĩa, accessibility, HTML, hiệu năng và quyền sử dụng. Alt đúng mục đích, tên file rõ, format và kích thước phù hợp, srcset chính xác, URL trả 200, ảnh LCP tải sớm, nội dung có bản HTML, Schema trỏ đúng ảnh và hồ sơ quyền đầy đủ sẽ tạo một hệ hình ảnh dễ quản trị và dễ kiểm chứng hơn.

Bước tiếp theo

Muốn tự làm được việc này trên website của bạn?

Khóa học SEO Master hướng dẫn làm SEO trong 24 buổi, từ tư duy nền tảng tới triển khai và đo lường trên website thật.

Tài liệu trả phí

Bản đầy đủ: SEO WordPress #11: Hình ảnh, tối ưu từ alt text đến Schema

Phần đọc miễn phí giữ trọn phần chữ của bài. Bảng, danh sách bước và checklist của bài nằm trong bản đầy đủ, cùng bộ tài nguyên làm theo viết riêng cho bản bán, kèm tệp PDF và Excel.

  • Đọc trên trang học: trọn 8.527 chữ
  • Bộ tài nguyên làm theo: checklist, quy trình 17 bước, bảng lỗi, mẫu, nghiệm thu (5 bảng)
  • PDF: 19 trang, tải về
  • Excel: 15 bảng và 96 dòng checklist có cột đánh dấu
  • Quyền dùng: mua một lần, sở hữu vĩnh viễn

399.000đ thanh toán 16 USD qua PayPal hoặc thẻ Visa, Mastercard

Mua tài liệu

Cách tối ưu hình ảnh WordPress trước và sau khi tải lên

Các bước giúp bạn tối ưu từng ảnh trên WordPress theo đúng mục đích, định dạng, kích thước, URL và quyền sử dụng, để ảnh dễ hiểu, tải nhanh và dễ kiểm chứng.

  1. Xác định vai trò của ảnhHỏi nếu ảnh biến mất thì người đọc mất thông tin hay chức năng nào, rồi chọn alt mô tả, alt chức năng, alt rỗng hoặc phần mô tả dài bên cạnh.
  2. Chuẩn hóa tên file và nguồn ảnhĐặt tên file ngắn, mô tả đúng chủ thể, chữ thường không dấu, nối bằng dấu gạch ngang trước khi upload, đồng thời lưu hồ sơ tác giả và giấy phép của ảnh.
  3. Tạo biến thể đúng kích thướcThu ảnh về gần kích thước hiển thị trước, sau đó chọn WebP, AVIF, PNG hoặc JPEG theo loại hình và đánh giá bằng mắt sau khi nén.
  4. Xuất HTML ảnh đúng chuẩnDùng thẻ img với URL thật trong HTML render, kèm srcset và sizes phản ánh layout thực, và không đặt ảnh nội dung quan trọng trong CSS background.
  5. Kiểm cách tải ảnh LCPBỏ lazy-load cho ảnh hero hoặc ảnh LCP, giữ URL trong HTML ban đầu và chỉ dùng fetchpriority cao khi phép đo cho thấy phù hợp.
  6. Kiểm URL, Schema và metadataXác nhận URL ảnh trả 200 trực tiếp, thuộc tính image trong Schema trỏ tới ảnh đại diện thật và Open Graph dùng ảnh đúng tỷ lệ cho chia sẻ xã hội.
  7. Nghiệm thu bằng crawl mớiSau deploy, crawl lại và mở trình duyệt thật để xác nhận HTML có alt, srcset, URL và loading đúng, rồi đo lại LCP và lưu bằng chứng quyền.

Câu hỏi thường gặp về SEO hình ảnh

Vì sao ảnh đã nén nhẹ mà LCP của trang vẫn chậm?

Ảnh LCP có thể chậm vì URL được phát hiện quá trễ do CSS hoặc JavaScript, không chỉ vì dung lượng file. Bạn cần tách thời gian máy chủ, thời điểm phát hiện tài nguyên, thời gian chờ tải, thời gian tải file và độ trễ render. Nếu resource load delay lớn, ưu tiên khả năng phát hiện trước khi nén thêm.

Cài nhiều plugin ảnh cùng lúc trên WordPress gây ra lỗi gì?

Nhiều plugin cùng xử lý WebP, CDN rewrite và lazy-load có thể tạo markup trùng, request kép hoặc lỗi khi một plugin bị tắt. Bạn nên chọn một nguồn chịu trách nhiệm cho mỗi tác vụ và kiểm HTML đầu ra, vì cài đặt trong plugin chưa cho biết trang thật sự xuất ra gì.

Ảnh hiển thị bình thường khi đăng nhập nhưng crawler không thấy là do đâu?

URL ảnh có thể phụ thuộc phiên đăng nhập, trả 403 hoặc 404, đi qua redirect chain, bị hotlink protection chặn sai hoặc dùng token đã hết hạn. URL ảnh trong HTML, metadata và Schema phải trả 200 trực tiếp và đúng nội dung. Bạn kiểm bằng Screaming Frog hoặc HTTP Status & Redirect Checker của Novaverb.

Ảnh có chữ bị nhòe sau khi nén thì nên xử lý thế nào?

Với ảnh chứa chữ, compression artifact có thể làm chữ nhòe trước khi dung lượng giảm đáng kể. Bạn nên giữ mức chất lượng cao hơn hoặc dùng PNG khi cần nét. Với logo, SVG hoặc WebP lossless có thể phù hợp hơn JPEG. Sau mỗi lần nén, luôn đánh giá lại bằng mắt.

Mười tiêu chí hình ảnh từ 74 đến 83 gồm những mã nào?

Mười tiêu chí từ 74 đến 83 gồm alt text, tên file, định dạng, responsive, crawlable, URL ổn định, ảnh LCP, văn bản tương đương, schema image, nguồn và quyền. Bảng dùng để nghiệm thu, thứ tự sửa tùy lỗi đang gặp. Nếu ảnh hero trả 404, cần khôi phục URL trước khi tối ưu alt.

Khi nào nên dùng PNG, JPEG hoặc SVG cho ảnh trên WordPress?

JPEG dùng khi cần fallback, PNG dùng khi cần nét, alpha hoặc ảnh có chữ, SVG hợp với logo và hình vector. WebP và AVIF hợp với phần lớn ảnh nội dung mới. Không có định dạng nào thắng trong mọi trường hợp, nên tránh áp một ngưỡng KB cho logo, ảnh hero, ảnh sản phẩm và biểu đồ.

Thuộc tính sizes khác srcset ở điểm nào khi làm ảnh responsive?

Thuộc tính srcset cung cấp các ứng viên ảnh, còn sizes cho trình duyệt biết ảnh dự kiến hiển thị rộng bao nhiêu theo viewport. Trình duyệt kết hợp hai thông tin đó với mật độ điểm ảnh và điều kiện thiết bị để chọn tài nguyên phù hợp. Thuộc tính sizes phải phản ánh layout thực của theme.

Mỗi nguồn ảnh cần lưu hồ sơ quyền sử dụng gồm những gì?

Ảnh tự chụp giữ file gốc và ngày tạo, ảnh stock giữ hóa đơn cùng license tại ngày tải, ảnh Creative Commons giữ URL nguồn và tác giả, ảnh do AI tạo giữ prompt cùng công cụ. Metadata giấy phép chỉ truyền đạt thông tin quyền đã có, metadata không tự tạo ra quyền sử dụng.

SEO hình ảnh là gì và vì sao không chỉ là nén file?

SEO hình ảnh là quá trình làm cho mỗi ảnh có đúng mục đích, ngữ nghĩa, định dạng, kích thước, URL và cách tải trong ngữ cảnh trang. Nén file chỉ là một phần. SEO hình ảnh còn phải bảo toàn ý nghĩa, chất lượng hiển thị, khả năng tiếp cận, khả năng crawl và tốc độ tải.

Ảnh trang trí trên website có cần viết alt text không?

Ảnh trang trí không cần alt mô tả và nên dùng alt rỗng để công nghệ hỗ trợ bỏ qua. Alt text chỉ cần cho ảnh truyền tải thông tin, viết theo đúng chức năng của ảnh trong ngữ cảnh. Cách kiểm alt text là đọc alt thay cho ảnh trong nguyên câu.

Ảnh dùng CSS background có được Google index như ảnh thường không?

Không, Google không index ảnh CSS background. Google tìm ảnh qua thẻ img trong HTML render. CSS background chỉ hợp với texture, gradient hoặc trang trí. Ảnh sản phẩm, biểu đồ, ảnh tác giả hay ảnh cần xuất hiện trong Google Images nên dùng thẻ img với URL thật.

Nên bắt đầu audit hình ảnh cho website WordPress từ đâu?

Audit hình ảnh WordPress nên bắt đầu bằng crawl mọi URL indexable, sau đó gom ảnh thiếu alt và so Media Library với URL đang dùng. Tiếp theo, chọn mẫu trang theo template để kiểm srcset, sizes, currentSrc, xác định ảnh LCP và rà nguồn cùng license. Mục tiêu là tìm nhóm lỗi chung nguyên nhân.

Menu

Thêm vào màn hình chính

  1. 1 Bấm nút Chia sẻ ở thanh công cụ Safari
  2. 2 Kéo xuống, chọn Thêm vào MH chính
  3. 3 Bấm Thêm ở góc trên bên phải

Ba bước này là của Safari. Nếu đang xem trong ứng dụng khác thì bấm mở bằng Safari trước đã.