Tối ưu hình ảnh website cho SEO: Đẹp, nhẹ và dễ hiểu

Tối ưu hình ảnh website không chỉ là giảm dung lượng. Ảnh cần giúp người xem hiểu nội dung, hiển thị rõ ở vị trí sử dụng và không làm trải nghiệm tải trang trở nên nặng nề.

Một tệp ảnh rất nhẹ nhưng mờ chi tiết sản phẩm vẫn chưa đạt yêu cầu. Ngược lại, tải nguyên ảnh chụp độ phân giải lớn cho một thẻ nhỏ cũng có thể gây lãng phí. Quy trình dưới đây giúp người quản lý nội dung cân bằng hai phía.

Ảnh sản phẩm và ảnh nền có cần mô tả giống nhau? Với ảnh sản phẩm, hãy mô tả chi tiết giúp khách phân biệt mẫu đang xem. Với họa tiết chỉ dùng để trang trí, có thể để alt rỗng. Nếu ảnh chứa thông số cần để chọn mua, hãy ghi cả thông số đó bằng chữ ngay cạnh ảnh.

1. Chọn ảnh có nhiệm vụ cụ thể#

Trước khi tải lên, hãy xác định ảnh dùng để giới thiệu sản phẩm, chứng minh một bước thao tác hay chỉ trang trí. Ảnh sản phẩm cần thể hiện được chất liệu và kiểu dáng; ảnh hướng dẫn cần làm rõ thao tác; ảnh bìa cần dễ nhận diện khi thu nhỏ.

Ví dụ giả định với một cửa hàng bàn gỗ: ảnh toàn cảnh cho biết kiểu bàn, ảnh cận cho thấy bề mặt, còn ảnh trong phòng giúp hình dung tỷ lệ. Ba góc này có ích hơn ba ảnh gần như giống nhau chỉ khác màu nền.

2. Chuẩn bị tỷ lệ trước khi nén#

Hỏi người làm website về tỷ lệ khung và các kích thước cần dùng. Một ảnh ngang đặt vào khung vuông có thể bị cắt mất sản phẩm. Nếu bìa có chữ, cần giữ khoảng an toàn để tiêu đề không sát mép.

Lưu bản gốc riêng, rồi xuất bản dùng cho website. Chẳng hạn, nếu khu vực hiển thị rộng khoảng 600 pixel, có thể thử bản 1.200 pixel cho màn hình mật độ điểm ảnh cao và so sánh với cấu hình ảnh đáp ứng của website. Đây là ví dụ chuẩn bị ảnh, không phải kích thước bắt buộc cho mọi trang.

3. Chọn định dạng bằng cách kiểm tra kết quả#

Ảnh chụp có thể thử WebP, AVIF hoặc JPEG tùy hệ thống đang hỗ trợ. Logo và biểu tượng dạng vector thường có thể dùng SVG; ảnh cần nền trong suốt phải dùng định dạng và cách xuất giữ được độ trong suốt.

Đừng đổi phần mở rộng của tệp để giả làm định dạng khác. Cần xuất hoặc chuyển đổi thực sự, sau đó mở lại tệp. So sánh độ rõ của chữ, đường viền và chi tiết quan trọng trước khi chọn mức nén.

Google hướng dẫn dùng ảnh chất lượng tốt, đặt gần nội dung liên quan và chuẩn bị ảnh có thể được thu thập. Tên tệp mang tính mô tả cùng văn bản thay thế phù hợp giúp cung cấp ngữ cảnh. Ảnh chứa thông tin quan trọng nên xuất hiện bằng phần tử ảnh trong HTML; ảnh nền CSS không được Google lập chỉ mục như ảnh nội dung.

4. Viết alt theo điều người đọc cần biết#

Alt là văn bản thay thế cho ảnh. Với ảnh bàn gỗ, mô tả “Bàn ăn gỗ sồi bốn chỗ với chân trụ tròn” hữu ích hơn “bàn đẹp giá rẻ mua bàn gỗ tốt nhất”. Không cần đưa mọi từ khóa của trang vào thuộc tính này.

Nếu ảnh chỉ là họa tiết trang trí, có thể dùng alt rỗng để công nghệ hỗ trợ bỏ qua. Nếu ảnh là nút hoặc liên kết, phần mô tả cần giúp hiểu chức năng hoặc điểm đến. Với biểu đồ phức tạp, nên giải thích dữ liệu bằng văn bản gần đó, không nhét cả nội dung vào một câu alt dài.

5. Đặt tên tệp và chú thích có ích#

Tên như “ban-an-go-soi-bon-cho.webp” dễ quản lý hơn “IMG_9281-final-final.webp”. Tuy vậy, không nên đổi hàng loạt URL ảnh đang dùng chỉ để thêm từ khóa mà chưa có kế hoạch cập nhật tham chiếu.

Chú thích có thể nói rõ đây là ảnh thực tế, phối cảnh hay minh họa. Nếu ảnh thể hiện một kết quả hoặc dự án, hãy xác minh quyền sử dụng và độ chính xác của mô tả. Không trình bày ảnh minh họa như bằng chứng về công việc chưa thực hiện.

6. Kiểm tra cả lúc tải và sau khi tải xong#

• Mở bài trên điện thoại và máy tính để xem ảnh có bị cắt sai không.
• Thu nhỏ ảnh bìa về kích thước thẻ bài viết để kiểm tra chữ.
• Nhờ người phụ trách kỹ thuật khai báo kích thước hoặc tỷ lệ khung nhằm hạn chế xô lệch bố cục.
• Ảnh ở phía dưới trang có thể tải trì hoãn; ảnh quan trọng xuất hiện ngay đầu trang cần được xem xét riêng.
• Kiểm tra tổng trải nghiệm trang, không chỉ dung lượng của một tệp.

Ảnh bao nhiêu KB là tốt?#

Không có một mức dung lượng áp dụng cho mọi ảnh. Hãy đặt ngân sách phù hợp với vai trò ảnh và tổng số ảnh trên trang, rồi kiểm tra thực tế. Ảnh chi tiết sản phẩm cần giữ thông tin khác với một nền trang trí nhỏ.

Đưa việc chuẩn bị ảnh vào checklist trước khi đăng trang. Sau khi thay ảnh, ghi lại ngày thay đổi và dùng Search Console cùng dữ liệu trải nghiệm để theo dõi, thay vì coi một tệp nhẹ hơn là bằng chứng thứ hạng sẽ tăng.