Image SEO

Image hreflang

Thuộc tính hreflang áp dụng cho ảnh đa ngôn ngữ trong trường hợp ảnh được phục vụ riêng theo khu vực/ngôn ngữ (tùy trường hợp).

4 lượt xem Cập nhật: 29/05/2026

Image hreflang là gì?

Image hreflang không phải là một thuộc tính HTML chính thức được W3C hoặc Google công bố. Đây là cách gọi thông dụng để mô tả việc áp dụng nguyên tắc hreflang vào nội dung ảnh — cụ thể là khi một trang web phục vụ các phiên bản ảnh khác nhau cho người dùng ở các khu vực hoặc ngôn ngữ khác nhau (ví dụ: ảnh sản phẩm với nhãn tiếng Việt, tiếng Anh, tiếng Thái), và muốn công cụ tìm kiếm hiểu mối quan hệ giữa các phiên bản đó.

Không tồn tại thẻ <img hreflang="vi"> hay thuộc tính hreflang trên thẻ <img>. Thay vào đó, image hreflang là một chiến lược SEO kỹ thuật, kết hợp giữa hreflang trong <head>, cấu trúc URL phân biệt ngôn ngữ/khu vực, và tối ưu hóa ảnh theo ngữ cảnh (tên file, alt, srcset, lazy loading có điều kiện…).

Tại sao quan trọng trong SEO?

Khi trang web có nhiều phiên bản ngôn ngữ (ví dụ: example.com/vi/, example.com/en/, example.com/th/), việc chỉ áp dụng hreflang cho trang HTML là chưa đủ nếu ảnh cũng thay đổi theo ngôn ngữ — như ảnh banner chứa văn bản, infographic có chú thích, hoặc biểu tượng có chữ viết tắt địa phương.

Nếu Google không nhận diện được rằng banner-vi.jpg và banner-en.jpg là hai phiên bản cùng một nội dung hình ảnh dành riêng cho từng nhóm người dùng, hệ thống có thể:

  • Xem chúng là nội dung trùng lặp (duplicate content), gây phân tán tín hiệu xếp hạng;
  • Hiển thị ảnh tiếng Anh cho người tìm kiếm tiếng Việt (hoặc ngược lại), làm giảm trải nghiệm và tỷ lệ tương tác;
  • Bỏ qua ảnh trong kết quả tìm kiếm hình ảnh (Google Images) do thiếu ngữ cảnh ngôn ngữ rõ ràng.

Vì vậy, image hreflang — dù không phải thuộc tính chuẩn — là phần thiết yếu của SEO đa ngôn ngữ toàn diện, đặc biệt với website thương mại điện tử, truyền thông đa quốc gia hoặc nền tảng học tập trực tuyến.

Cách hoạt động

Image hreflang hoạt động gián tiếp qua ba lớp phối hợp:

  1. Phân vùng ảnh theo URL: Mỗi phiên bản ảnh nằm trên một URL riêng, khớp với cấu trúc hreflang của trang chứa nó (ví dụ: /vi/images/banner.jpg, /en/images/banner.jpg).
  2. Liên kết trang cha bằng hreflang: Các trang HTML chứa ảnh phải khai báo hreflang đầy đủ trong thẻ <link> ở phần <head>, đảm bảo Google hiểu mối quan hệ giữa các phiên bản trang.
  3. Tối ưu hóa ảnh theo ngữ cảnh: Tên file, thuộc tính alt, title, và nội dung xung quanh ảnh đều sử dụng ngôn ngữ phù hợp với phiên bản trang — giúp Google xác định ngữ cảnh hình ảnh một cách tự nhiên.

Google không lập chỉ mục ảnh độc lập theo hreflang, nhưng dựa vào ngữ cảnh trang chứa để đánh giá tính liên quan và hiển thị đúng ảnh trong kết quả tìm kiếm hình ảnh theo ngôn ngữ người dùng.

Hướng dẫn thực hiện

Dưới đây là quy trình triển khai image hreflang đúng kỹ thuật:

  1. Xác định ảnh cần phân biệt ngôn ngữ: Chỉ áp dụng cho ảnh có văn bản, biểu tượng văn hoá, đơn vị đo lường, tiền tệ hoặc nội dung mang tính địa phương (không áp dụng cho ảnh minh hoạ chung như background, icon thuần hình học).
  2. Tạo cấu trúc thư mục ảnh theo ngôn ngữ: Ví dụ:
    /images/vi/product-banner.jpg
    /images/en/product-banner.jpg
    /images/th/product-banner.jpg
  3. Đảm bảo mỗi trang ngôn ngữ trỏ đến đúng phiên bản ảnh: Trang example.com/vi/san-pham dùng src="/images/vi/product-banner.jpg".
  4. Khai báo hreflang đầy đủ cho trang HTML (trong <head>):
    <link rel="alternate" hreflang="vi" href="https://example.com/vi/san-pham" />
    <link rel="alternate" hreflang="en" href="https://example.com/en/product" />
  5. Tối ưu thuộc tính ảnh:
    • alt="Banner khuyến mãi Tết Nguyên Đán 2025" (phiên bản tiếng Việt)
    • alt="Lunar New Year 2025 promotion banner" (phiên bản tiếng Anh)
  6. Không dùng srcset để thay đổi ngôn ngữ: srcset chỉ nên dùng cho kích thước/mật độ màn hình — không dùng để phân biệt ngôn ngữ vì trình duyệt và Google không hỗ trợ.

Lỗi thường gặp

Dưới đây là những sai lầm phổ biến và cách khắc phục:

Lỗi Hệ quả Cách khắc phục
Dùng cùng một file ảnh cho mọi ngôn ngữ (ví dụ: /images/banner.jpg trên cả trang tiếng Việt và tiếng Anh) Google không phân biệt được ngữ cảnh ảnh → ảnh bị coi là trùng lặp hoặc thiếu liên quan Tách ảnh theo thư mục ngôn ngữ và cập nhật src tương ứng
Thiếu hreflang trên trang HTML chứa ảnh Mất kết nối ngữ nghĩa giữa các phiên bản trang → ảnh không được gán đúng ngữ cảnh ngôn ngữ Kiểm tra và bổ sung hreflang đầy đủ cho tất cả phiên bản trang
Dùng alt giống nhau cho mọi ngôn ngữ (ví dụ: alt="banner" trên cả trang tiếng Việt và tiếng Anh) Giảm khả năng hiển thị ảnh trong tìm kiếm hình ảnh theo từ khoá ngôn ngữ Viết alt mô tả ngắn gọn, chính xác và bằng đúng ngôn ngữ của trang

Ví dụ thực tế

Một trang bán hàng thời trang tại Việt Nam có 3 phiên bản: tiếng Việt (example.com/vi), tiếng Anh (example.com/en), tiếng Hàn (example.com/ko). Trang sản phẩm áo thun có banner chứa slogan:

  • Phiên bản tiếng Việt: ảnh /images/vi/tshirt-banner-vi.jpg, alt="Áo thun unisex – Thiết kế độc quyền tại Việt Nam"
  • Phiên bản tiếng Anh: ảnh /images/en/tshirt-banner-en.jpg, alt="Unisex t-shirt – Exclusive design made in Vietnam"
  • Phiên bản tiếng Hàn: ảnh /images/ko/tshirt-banner-ko.jpg, alt="유니섹스 티셔츠 – 베트남에서 독점 디자인"

Trang HTML tương ứng đều có khai báo hreflang đầy đủ trong <head>. Kết quả: Khi người dùng Hàn Quốc tìm kiếm “베트남 티셔츠” trên Google Images, ảnh phiên bản tiếng Hàn có khả năng xuất hiện cao hơn — nhờ sự nhất quán giữa ngôn ngữ trang, ảnh và thẻ alt.

Câu hỏi thường gặp

Image hreflang có được Google hỗ trợ chính thức không?

Không. Google không công nhận hay xử lý thuộc tính hreflang trên ảnh. Việc áp dụng image hreflang là chiến lược gián tiếp, dựa trên nguyên tắc ngữ cảnh trang và cấu trúc URL — không phải tính năng có sẵn.

Có cần khai báo hreflang cho ảnh trong sitemap không?

Không. Sitemap XML chỉ nên chứa URL trang HTML. Google không hỗ trợ hreflang trong sitemap hình ảnh, và việc thêm ảnh vào sitemap không cải thiện xếp hạng hình ảnh theo ngôn ngữ.

Có thể dùng CDN để phân phối ảnh theo ngôn ngữ không?

Có thể, nhưng cần đảm bảo CDN tuân thủ cấu trúc URL phân biệt ngôn ngữ (ví dụ: cdn.example.com/vi/...) và không ghi đè header hoặc redirect làm mất ngữ cảnh. Một số CDN hỗ trợ geo-routing — tuy nhiên, geo-targeting không thay thế được hreflang; hai cơ chế này nên dùng song song tùy trường hợp.