Câu trả lời ngắn gọn: để kiểm tra hình ảnh trên một trang web về SEO, hãy dán URL của hình ảnh đó vào công cụ Kiểm tra Hình ảnh SEO miễn phí của PromoPilot. Công cụ này sẽ phân tích tối đa 100 thẻ <img>: xem có thẻ alt hay không, có thiết lập loading="lazy" hay không, có thiết lập chiều rộng và chiều cao hay không, có sử dụng định dạng WebP, AVIF hoặc SVG hay không, và có thiết lập srcset hay không. Kết quả là một điểm số từ 0 đến 100 và nhận xét cho mỗi hình ảnh. Bên dưới bạn sẽ tìm thấy cách tính điểm, những gì cần sửa trước tiên và những gì công cụ không phát hiện ra.
Tôi đã xây dựng website và cửa hàng trực tuyến được 12 năm, và hình ảnh là điểm nghẽn chính trong hầu hết mọi dự án. Một trang thông tin sản phẩm điển hình: năm bức ảnh 3MB chụp trực tiếp từ máy ảnh, văn bản thay thế trống và tên tệp là IMG_4512.jpg.
Công cụ Kiểm tra SEO hình ảnh kiểm tra những gì?
Công cụ này xem xét từng hình ảnh trên trang dựa trên năm tiêu chí và cộng chúng lại để tạo thành điểm số tổng thể.
| Nó kiểm tra những gì? | Anh ấy đang nhìn gì vậy? | Tại sao điều này lại quan trọng đối với SEO và kinh doanh? |
|---|---|---|
| Alt | Mỗi hình ảnh <img> | Google Images xếp hạng theo thuộc tính alt; khả năng truy cập cho người khiếm thị |
| Tải chậm | Thuộc tính loading="lazy" được áp dụng cho các hình ảnh bên dưới màn hình đầu tiên. | Trang không tải bất cứ nội dung nào mà người truy cập chưa cuộn đến. |
| Chiều rộng và chiều cao | Kích thước có được chỉ định trong thuộc tính thẻ không? | Các khối không "nhảy" khi tải - đây là một chỉ số CLS. |
| Định dạng | WebP, AVIF hoặc SVG theo định dạng tệp. | Các định dạng hiện đại có kích thước nhỏ hơn đáng kể so với JPG và PNG. |
| Srcset | Có các tùy chọn hình ảnh cho các kích thước màn hình khác nhau không? | Điện thoại nhận được tập tin nhỏ, chứ không phải phiên bản dành cho màn hình. |
Mỗi hình ảnh đều nhận được một danh sách các bình luận, và trang sẽ nhận được một điểm số cuối cùng. Điều này rất tiện lợi: bạn không chỉ có thể thấy lỗi ở đâu mà còn biết được hình ảnh nào gây ra lỗi.
Làm thế nào để kiểm tra hình ảnh trên một trang web trực tuyến?
- Mở công cụ kiểm tra SEO hình ảnh.
- Chèn địa chỉ trang, tốt nhất là trang có nhiều ảnh: trang sản phẩm, trang danh mục, bài viết blog, trang portfolio.
- Nhấp vào "Kiểm tra" và đợi cho đến khi tất cả hình ảnh được quét xong.
- Xem xếp hạng và danh sách bình luận cho mỗi hình ảnh.
- Vui lòng khắc phục sự cố và kiểm tra lại trang.
Đây là giao diện trang công cụ: ô địa chỉ, danh sách các tùy chọn kiểm tra và Câu hỏi thường gặp.
Điểm số được tính như thế nào và cần sửa chữa điều gì trước tiên?
Hệ thống chấm điểm bắt đầu từ 100 điểm, và điểm trừ sẽ được áp dụng cho mỗi lỗi, tùy thuộc vào tỷ lệ phần trăm hình ảnh trên trang đó không đạt yêu cầu. Nắm rõ luật chơi, bạn sẽ dễ dàng tìm ra cách nào mang lại điểm số cao nhất.
| Bài kiểm tra | Khỏe | Bình luận |
|---|---|---|
| Alt | Dưới 50% số ảnh có thuộc tính alt — -30; dưới 80% — -15; dưới 100% — -5 | Điểm quan trọng nhất |
| Tải chậm | dưới 50% - −15; dưới 80% - −8 | Ba bức ảnh đầu tiên không được tính đến. |
| Chiều rộng và chiều cao | dưới 50% - −15; dưới 80% - −8 | Kích thước chỉ định bằng CSS sẽ không được tính đến. |
| WebP, AVIF hoặc SVG | dưới 30% - 10 | Định dạng được xác định bởi phần mở rộng. |
| Srcset cho ảnh raster | dưới 30% - 10 | SVG không cần srcset. |
Đây là phiếu yêu cầu công việc của tôi:
- Alt. Mặt hàng đắt nhất và dễ sửa chữa nhất. Viết những gì được hiển thị:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", chứ không phảialt="рюкзак купить дёшево рюкзак". Đối với các yếu tố trang trí, hãy sử dụngalt=""trống. - Chiều rộng và chiều cao. Hãy chỉ định kích thước thực tế trong thuộc tính và thêm
img { max-width: 100%; height: auto; }vào CSS — hình ảnh sẽ tự động điều chỉnh kích thước và bố cục sẽ không bị giật nữa. - Kỹ thuật tải lười (lazy loading) áp dụng cho mọi thứ nằm ngoài tầm nhìn của người dùng. Tuy nhiên, nó lại gây bất lợi cho hình ảnh chính (hero image): hình ảnh này cần được tải ngay lập tức và với độ ưu tiên cao.
- WebP hoặc AVIF. WordPress đã hỗ trợ tải lên ảnh định dạng WebP từ phiên bản 5.8 và AVIF từ phiên bản 6.5.
- Thiết lập Srcset cho ảnh dung lượng lớn để điện thoại không tải xuống phiên bản dành cho màn hình.
Ví dụ về hình ảnh chính phù hợp và ảnh minh họa thích ứng trong văn bản:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Làm thế nào để viết thẻ alt tốt cho hình ảnh?
Thẻ alt là yếu tố quan trọng nhất trong việc đánh giá, và cũng là nơi thường xảy ra sai sót nhất: hoặc để trống hoặc nhồi nhét quá nhiều từ khóa. Một quy tắc đơn giản: hãy mô tả hình ảnh cho người không thể nhìn thấy nó chỉ bằng một câu.
| Hình ảnh | Tài khoản phụ tệ | Lựa chọn thay thế tốt |
|---|---|---|
| Ảnh sản phẩm | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Ảnh đội | photo1 | Мастера мастерской Nord за работой над сумкой |
| Sơ đồ hoặc biểu đồ | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Biểu tượng trang trí | иконка | alt="" — không cần đọc nó |
Đối với danh mục sản phẩm, việc tạo thẻ alt bằng mẫu rất tiện lợi: tên sản phẩm + màu sắc hoặc biến thể + góc chụp. Bằng cách này, năm bức ảnh trên cùng một thẻ sẽ có năm mô tả khác nhau, hữu ích, thay vì năm mô tả giống hệt nhau.
Tên tập tin cũng rất quan trọng: kozhanyj-ryukzak-nord-korichnevyj.webp tốt hơn là IMG_4512.jpg. Không cần thiết phải đổi tên các tập tin cũ chỉ vì lý do này, mà hãy tải lên các tập tin mới với tên mô tả rõ ràng.
So sánh: Công cụ kiểm tra SEO hình ảnh và các lựa chọn thay thế
| Dụng cụ | Cái gì là miễn phí? | Hạn chế | Sản phẩm này phù hợp với đối tượng nào? |
|---|---|---|---|
| PromoPilot — Công cụ kiểm tra SEO hình ảnh | Thuộc tính Alt, tải chậm, chiều rộng/chiều cao, định dạng, srcset; xếp hạng 0–100 và bình luận cho mỗi hình ảnh. | Tối đa 100 ảnh, kích thước tệp không được ước tính. | Phân tích nhanh hình ảnh từ bất kỳ trang nào. |
| Google PageSpeed Insights | Kiểm tra chất lượng hình ảnh như một phần của bài kiểm tra tốc độ: định dạng, kích thước, tải chậm (lazy loading). | Cùng với hàng tá các kiểm tra khác, alt hầu như không hiểu gì cả. | Đánh giá tác động của hình ảnh lên tốc độ |
| Squoosh | Nén và chuyển đổi một hình ảnh duy nhất trong trình duyệt. | Không kiểm tra trang, hoạt động với các tập tin. | Chuẩn bị hình ảnh riêng lẻ |
| Công cụ tìm kiếm SEO Screaming Frog | Danh sách các hình ảnh không có văn bản thay thế (alt text) trên toàn bộ trang web. | Cần phải cài đặt, phiên bản miễn phí có giới hạn về số lượng địa chỉ. | Kiểm toán Alt trên hàng trăm trang |
Kết luận: Công cụ kiểm tra trực tuyến cho thấy lỗi của hình ảnh trên một trang cụ thể, PageSpeed cho biết chi phí tốc độ là bao nhiêu, còn Squoosh hoặc phần mềm chuyển đổi giúp sửa chữa trực tiếp các tập tin.
PromoPilot cung cấp 87 công cụ SEO miễn phí, bao gồm công cụ nén ảnh và công cụ chuyển đổi WebP hoạt động trực tiếp trên trình duyệt mà không cần tải tệp lên máy chủ. Để hiểu rõ hơn về kích thước tổng thể của trang, hãy xem bài viết trong loạt bài phân tích tốc độ trang của chúng tôi.
Quá trình xác minh hình ảnh không nhận diện được những gì?
Hãy thành thật về những hạn chế của công cụ này — việc nắm rõ chúng rất quan trọng để có thể diễn giải chính xác xếp hạng:
- Kích thước tệp không được tính đến — hình ảnh không được tải xuống; định dạng được xác định bởi phần mở rộng.
- Thẻ
<picture>không được phân tích cú pháp: JPG trong<img>sẽ vẫn được gắn thẻ ngay cả khi có AVIF hoặc WebP trong<source>bên cạnh. - Ảnh nền từ CSS và ảnh được thêm bằng JavaScript không được bao gồm trong báo cáo.
- Kích thước chỉ được chỉ định trong CSS sẽ không được tính đến.
- Một trang không có một thẻ
<img>nào sẽ được 50 điểm - điều này không có nghĩa là "chỉ có một nửa số lỗi", mà là "không có gì để đánh giá".
Khi nào thì một công cụ miễn phí không còn đủ?
Việc chỉnh sửa văn bản thay thế (alt text) trên một trang sản phẩm chỉ mất mười phút. Nhưng nếu cửa hàng có năm nghìn sản phẩm, việc tự làm thủ công là điều không thể. Bạn cần đến chuyên gia nếu:
- Thuộc tính `alt` nên được tạo tự động từ tên, màu sắc và góc nhìn cho toàn bộ danh mục;
- Ảnh được tải từ máy ảnh mà không nén, và cần có một quy trình tự động: nén, định dạng WebP, nhiều kích thước;
- Giao diện trang web hiển thị ảnh mà không có thuộc tính chiều rộng, chiều cao và thuộc tính srcset, và mẫu này cần được sửa chữa;
- Bạn muốn thu hút lưu lượng truy cập từ Google Hình ảnh cho các truy vấn sản phẩm?
Tôi có thể làm gì cho trang web của bạn?
Tôi là Valeriy Danyuk, một nhà phát triển phần mềm và chuyên gia SEO với 12 năm kinh nghiệm và hơn 200 khách hàng, bao gồm nhiều cửa hàng trực tuyến với hàng nghìn bức ảnh.
SEO và kiểm toán
- Dịch vụ kiểm tra SEO website trọn gói: Tôi kiểm tra hình ảnh trên toàn bộ trang web, thiết lập chuyển đổi tự động và văn bản thay thế (alt text) trong các mẫu.
- Một blog SEO sử dụng trí tuệ nhân tạo giúp thu hút khách hàng tự nhiên — tự động hiển thị ảnh alt và ảnh WebP cho mỗi bài viết.
Cửa hàng và danh mục
- Chỉ trong vài phút, bạn có thể tạo một danh mục 300 mặt hàng thông qua MCP và Claude — với mô tả và hình ảnh cho từng mặt hàng.
- Một cửa hàng trực tuyến trên WooCommerce với khả năng xử lý hình ảnh chuyên nghiệp.
- Đang chuyển cửa hàng từ Instagram sang trang web — ảnh sản phẩm và mô tả đang được cập nhật.
- Bạn có thể chuyển sản phẩm, hình ảnh và văn bản lên 1001site thông qua liên kết từ trang web cũ hoặc mạng xã hội của mình.
Kế toán và tự động hóa
- Kế toán + ghi sổ + kho hàng với 30.000 sản phẩm.
- Bot Telegram tích hợp trí tuệ nhân tạo dành cho cửa hàng bán nước sốt trực tuyến.
Hãy gửi cho tôi đường dẫn đến thẻ sản phẩm qua Telegram - tôi sẽ cho bạn biết bạn có thể thắng được bao nhiêu dựa trên hình ảnh.
Kết quả
- Công cụ kiểm tra hình ảnh SEO trực tuyến phân tích tối đa 100 hình ảnh trên một trang và chấm điểm từ 0 đến 100, kèm theo nhận xét cho mỗi hình ảnh.
- Điểm số cao nhất được dành cho thuộc tính alt và chiều rộng/chiều cao, tiếp theo là lazy loading, WebP/AVIF và srcset.
- Ảnh chính không cần tải lười (lazy loading) - nó cần có
fetchpriority="high". - Đối với các danh mục lớn, quá trình xử lý ảnh được tự động hóa—hoặc một nền tảng đã thực hiện sẵn việc này sẽ được lựa chọn, ví dụ như 1001site.
Kiểm tra trang có dung lượng tải cao nhất trên trang web của bạn với công cụ Kiểm tra SEO hình ảnh miễn phí — hãy bắt đầu với thuộc tính alt.
Nguồn
- Trang Kiểm tra SEO Hình ảnh của PromoPilot - các bước kiểm tra, quy tắc đánh giá, hạn chế và Câu hỏi thường gặp.
- Google Search Central - Đề xuất hình ảnh cho tìm kiếm.
- Google PageSpeed Insights và Squoosh - Mô tả tính năng.
