SEO hình ảnh: thẻ ALT, tên tệp, lưu lượng tìm kiếm hình ảnh
Chương 4: Content marketing · Câu hỏi 58
Bạn có thể chưa để ý, tìm kiếm hình ảnh Baidu có hàng trăm triệu lượt truy vấn mỗi ngày (ước tính ngành). Lưu lượng tìm kiếm hình ảnh của nhiều website có thể chiếm 10%-20% tổng lưu lượng (ước tính ngành, không phải thống kê chính thức), đặc biệt là các website thương mại điện tử, nội thất, ẩm thực, du lịch. Nhưng phần lớn site owner thậm chí còn chưa viết tốt cả thẻ ALT cơ bản nhất. SEO hình ảnh là hạng mục tối ưu có tỷ lệ đầu tư - sinh lời rất cao — thay đổi nhỏ, hiệu quả nhanh, cạnh tranh ít.
Vì sao tìm kiếm hình ảnh đáng để làm?
Đặc điểm lưu lượng của tìm kiếm hình ảnh Baidu:
- Độ chính xác cao: người dùng tìm "hình ảnh phối cảnh phòng khách phong cách Bắc Âu" có ý định tiêu dùng rất rõ ràng
- Độ cạnh tranh thấp: phần lớn website bỏ qua tối ưu hình ảnh, chỉ cần nỗ lực một chút là có thể lọt vào top đầu
- Lưu lượng bổ sung: không chiếm vị trí xếp hạng của tìm kiếm văn bản, là thuần tăng thêm
- Baidu nhận diện hình ảnh: tính năng tìm kiếm bằng hình ảnh của Baidu sẽ hiển thị trang nguồn của hình ảnh, hình ảnh gốc chất lượng cao có thể mang lại lưu lượng ngược
Quy tắc viết thẻ ALT đúng chuẩn
ALT (Alternative Text) là căn cứ cốt lõi để công cụ tìm kiếm hiểu nội dung hình ảnh.
Ví dụ sai:
<img src="1.jpg" alt="">
<img src="product.jpg" alt="hình ảnh">
<img src="sofa.jpg" alt="sofa sofa sofa sofa phong cách Bắc Âu sofa phòng khách">
Cách viết đúng:
<img src="nordic-grey-sofa-living-room.jpg"
alt="hình thực tế phòng khách sofa vải ba chỗ màu xám phong cách Bắc Âu">
Quy tắc viết thẻ ALT:
| Nguyên tắc | Mô tả | Ví dụ |
|---|---|---|
| Mang tính mô tả | Mô tả chính xác nội dung hình ảnh | “váy đỏ mẫu mới mùa hè” |
| Chèn từ tự nhiên | Bao gồm từ khóa nhưng không nhồi nhét | ✓ “phối đồ nữ xuân 2024” ✗ “nữ trang nữ trang phối đồ nữ trang mùa xuân” |
| Độ dài phù hợp | Nên từ 10-25 ký tự | Quá ngắn thiếu thông tin, quá dài bị cắt |
| Tính duy nhất | ALT của mỗi ảnh đều khác nhau | Ngay cả cùng sản phẩm nhưng khác góc độ cũng phải phân biệt |
Quy chuẩn đặt tên tệp
Công cụ tìm kiếm sẽ phân tích tên tệp ảnh như tín hiệu phụ trợ:
- ✗
IMG_20240<a class="ilink" href="/100wen/https-301-404-handling/">301</a>_001.jpg(tên mặc định của máy ảnh, vô nghĩa) - ✗
Chưa đặt tên.png(tên tệp tiếng Trung trong URL sẽ bị mã hóa thành ký tự lỗi) - ✓
beijing-team-building-outdoor.jpg(tiếng Anh mô tả + phân cách bằng dấu gạch ngang) - ✓
yunnan-dali-erhai-lake-sunset.jpg(địa điểm + bối cảnh + đặc điểm)
Công thức đặt tên:[Chủ đề]-[Mô tả]-[Đặc điểm].định dạng
Định dạng và nén ảnh
| Định dạng | Tình huống áp dụng | Ưu điểm |
|---|---|---|
| WebP | Tất cả ảnh trên trang web (lựa chọn hàng đầu) | Dung lượng nhỏ hơn JPEG 25-35%, hỗ trợ nền trong suốt |
| JPEG | Ảnh dạng chụp ảnh | Khả năng tương thích tốt nhất |
| PNG | Ảnh cần nền trong suốt | Không mất dữ liệu nhưng dung lượng lớn |
| AVIF | Định dạng thế hệ mới | Tỷ lệ nén cao nhất, khả năng tương thích dần được cải thiện |
Công cụ nén khuyến nghị: TinyPNG, Squoosh (do Google phát triển), 智图 (do Tencent phát triển, tối ưu cho CDN trong nước).
Mục tiêu: Kiểm soát từng ảnh dưới 100KB, ảnh lớn màn hình đầu không vượt quá 200KB.
Tác động SEO của Lazy Loading
Lazy Loading có thể tăng tốctốc độ trang, nhưng triển khai không đúng sẽ khiến search engine không thu thập được ảnh:
- Phương án đề xuất: Sử dụng thuộc tính
loading="lazy"gốc, Baidu Spider nhận diện chính xác - Phương án cần tránh: Tải ảnh động hoàn toàn bằng JavaScript (src viết trong thuộc tính data), spider có thể không thu thập được
- Giải pháp dung hòa: Ảnh màn hình đầu không dùng lazy loading, phần dưới màn hình đầu sử dụng lazy loading
Ảnh Sitemap
Khi tìm kiếm sitemap khai báo riêng thông tin ảnh, giúp search engine phát hiện và lập chỉ mục:
<url>
<loc>https://example.com/decoration-guide</loc>
<image:image>
<image:loc>https://example.com/images/nordic-living-room.jpg</image:loc>
<image:title>Hình ảnh thiết kế phòng khách phong cách Bắc Âu</image:title>
<image:caption>Phương án thiết kế phòng khách phong cách Bắc Âu cho căn hộ nhỏ 15 mét vuông</image:caption>
</image:image>
</url>
Đánh dấu dữ liệu có cấu trúc
Sử dụng đánh dấu ImageObject của Schema.org để hình ảnh có thể hiển thị dạng rich media trong kết quả tìm kiếm:
- Ảnh sản phẩm → trong Product schema thuộc tính
imagethuộc tính - Ảnh công thức → trong Recipe schema thuộc tính
imagethuộc tính - Ảnh minh họa bài viết → trong Article schema thuộc tính
imagethuộc tính
Lưu ý về CDN
- Đảm bảo tên miền CDN có thể truy cập được với Baidu Spider (một số CDN nước ngoài truy cập không ổn định tại Trung Quốc)
- URL hình ảnh giữ ổn định, không thường xuyên thay đổi CDN khiến URL thay đổi
- Nên dùng tên miền phụ riêng (như img.example.com) thay vì tên miền mặc định của CDN, có lợi cho tính nhất quán thương hiệu
Gợi ý thực hành
- Có thể làm ngay: Kiểm tra ALT của tất cả hình ảnh trên website, dùng "công cụ quét ALT trống" để quét hàng loạt, ưu tiên sửa 20 trang có lưu lượng cao nhất
- Ưu tiên hình ảnh nguyên bản: Baidu Image Search có trọng số cho hình ảnh nguyên bản, đặc biệt là ảnh chụp thực tế, ảnh thiết kế nguyên bản, có lợi thế xếp hạng rõ rệt so với ảnh lấy từ thư viện
- Chú ý "nhãn lọc" của Baidu Image Search: Đầu kết quả hình ảnh Baidu có bộ lọc màu sắc, kích thước, loại, đảm bảo siêu dữ liệu hình ảnh của bạn chính xác để có thể xuất hiện trong kết quả lọc tương ứng
