Alt text hình ảnh nên viết thế nào cho website chuẩn SEO?

Alt text nên được viết như một lớp mô tả ngữ nghĩa cho hình ảnh, giúp công cụ tìm kiếm, trình đọc màn hình và người dùng hiểu ảnh đang thể hiện điều gì, có vai trò gì trong trang và liên quan thế nào đến chủ đề chính. Một alt text tốt không nhồi nhét từ khóa, không dùng mô tả chung chung như “hình ảnh” hay “banner”, mà cần nêu đúng entity chính, thuộc tính quan trọng, hành động, bối cảnh và mục đích sử dụng của ảnh. 

Với ảnh sản phẩm, alt nên đủ rõ để phân biệt thương hiệu, mẫu mã, biến thể, màu sắc, góc chụp hoặc chi tiết nổi bật; với ảnh blog, dịch vụ, landing page, nên bám sát vai trò minh họa, quy trình, đội ngũ, dự án, CTA hoặc kết quả thực tế. Với biểu đồ, infographic và ảnh chứa chữ, alt chỉ nên tóm tắt chủ đề, chỉ số, xu hướng hoặc thông điệp chính, còn phần chi tiết nên được trình bày bằng văn bản HTML gần ảnh để hỗ trợ SEO và accessibility. Ảnh trang trí không truyền tải thông tin có thể dùng alt rỗng để screen reader bỏ qua, nhưng ảnh sản phẩm, biểu đồ, hướng dẫn hoặc ảnh có giá trị nội dung không nên để trống. Để tối ưu bền vững, alt text cần nhất quán với tên file, caption, schema, title, H1, nội dung xung quanh và được audit định kỳ nhằm phát hiện thiếu alt, trùng lặp, sai ngữ cảnh hoặc tối ưu quá đà.

Alt text chỉ hiệu quả khi được đặt trong một hệ thống nội dung và kỹ thuật nhất quán. Thiết kế web chuẩn SEO giúp đồng bộ cấu trúc HTML, heading, tên file, vị trí ảnh và nội dung xung quanh, để công cụ tìm kiếm hiểu đúng ngữ cảnh hình ảnh thay vì chỉ dựa vào một mô tả rời rạc.

Alt text hình ảnh cần mô tả đúng nội dung ảnh và ngữ cảnh trang

Alt text cần được xem như lớp mô tả ngữ nghĩa cho hình ảnh, giúp cả công cụ tìm kiếm lẫn người dùng (đặc biệt là người khiếm thị) hiểu được ảnh thể hiện điều gì và đóng vai trò gì trong nội dung. Thay vì nhồi nhét từ khóa, alt text nên tập trung mô tả chính xác đối tượng chính, thuộc tính nổi bật và mục đích của ảnh trong trang, đồng thời bám sát ngữ cảnh xung quanh như heading, đoạn văn, caption và search intent. Khi được chuẩn hóa như một dạng dữ liệu mô tả có cấu trúc, alt text hỗ trợ SEO hình ảnh, cải thiện khả năng truy cập theo WCAG, tăng độ liên quan nội dung và giúp hệ thống hiểu sâu hơn về entity, chủ đề cũng như mối quan hệ giữa các thành phần trên trang. Alt text chỉ phát huy giá trị khi hình ảnh được đặt đúng vị trí trong luồng nội dung và không bị tách rời khỏi thông điệp chính. Một cấu trúc thiết kế web hợp lý giúp liên kết hình ảnh với heading, caption, đoạn mô tả và CTA, từ đó làm rõ vai trò của từng ảnh trên trang.

Alt text là văn bản thay thế giúp công cụ tìm kiếm và trình đọc màn hình hiểu hình ảnh

Alt text (alternative text) là thuộc tính văn bản gắn với thẻ <img> trong HTML, dùng để mô tả nội dung, ngữ nghĩa và vai trò của hình ảnh cho cả máy lẫn người. Về bản chất, alt text là lớp mô tả ngữ nghĩa (semantic description) giúp các hệ thống tự động – như công cụ tìm kiếm, trình đọc màn hình, trình thu thập dữ liệu (crawler) – hiểu được ảnh thể hiện thực thể nào, hành động gì, trong bối cảnh nào và nó đóng vai trò gì trong nội dung trang.

Khi trình duyệt hoặc bot của công cụ tìm kiếm phân tích mã nguồn, thuộc tính alt="" là nơi cung cấp thông tin có cấu trúc về hình ảnh. Khác với tên file hoặc đường dẫn ảnh, alt text được thiết kế để mô tả ý nghĩa chứ không chỉ là nhãn kỹ thuật. Điều này giúp hệ thống hiểu sâu hơn: ảnh đang nói về sản phẩm, con người, biểu đồ dữ liệu, giao diện phần mềm, hay một tình huống cụ thể liên quan đến chủ đề trang.

Về mặt kỹ thuật, alt text được khai báo trực tiếp trong thẻ hình ảnh, ví dụ:

<img src="ban-phim-co-cao-cap.jpg" alt="Bàn phím cơ không dây switch đỏ, đèn RGB, dùng cho gaming">

Đối với Google và các công cụ tìm kiếm khác, đoạn văn bản trong thuộc tính alt là tín hiệu quan trọng để:

• Xác định chủ đề và loại hình ảnh (sản phẩm, infographic, ảnh minh họa, ảnh người thật…)
• Phân loại và xếp hạng trong Google Images, Google Lens và các bề mặt tìm kiếm trực quan khác
• Liên kết hình ảnh với entity và chủ đề chính của trang, hỗ trợ hiểu ngữ cảnh nội dung
• Đánh giá mức độ liên quan của URL với truy vấn tìm kiếm, đặc biệt trong các truy vấn có ý định tìm hình ảnh (image intent)

Với người dùng khiếm thị hoặc người dùng không thể xem được hình ảnh (do lỗi tải ảnh, băng thông thấp, trình duyệt chặn media…), alt text được trình đọc màn hình (screen reader) đọc lên, giúp họ tiếp cận được thông tin mà ảnh truyền tải. Trong các tiêu chuẩn WCAG 2.x, alt text là một trong những yêu cầu cốt lõi để đảm bảo accessibility (khả năng truy cập) của website, đặc biệt với tiêu chí Perceivable (có thể cảm nhận được). Giá trị của alt text không nằm ở việc thay thế hình ảnh bằng một câu mô tả chung chung, mà ở khả năng giúp người dùng hiểu thông tin có ý nghĩa nhất mà hình ảnh đang truyền tải. Nghiên cứu về trải nghiệm của người dùng trình đọc màn hình cho thấy mô tả ảnh thiếu ngữ cảnh, quá ngắn hoặc chỉ liệt kê đối tượng thường không đủ để hỗ trợ ra quyết định, đặc biệt với ảnh sản phẩm, ảnh hồ sơ, biểu đồ và giao diện phần mềm. Người dùng cần biết ảnh đó có liên quan gì đến nhiệm vụ họ đang thực hiện, thay vì chỉ nghe các mô tả như “một người”, “một sản phẩm” hoặc “một biểu đồ”. Alt text tốt cần truyền đạt mục đích và giá trị thông tin của ảnh trong đúng bối cảnh trang, giúp người dùng không bị loại khỏi dòng nội dung chính (Mott et al., 2023; Oh et al., 2021).

Về mặt kỹ thuật truy cập, alt text còn liên quan đến:

• Cách screen reader xử lý ảnh mang tính trang trí (decorative) khi alt rỗng alt=""
• Cách người dùng điều hướng bằng bàn phím hoặc thiết bị hỗ trợ qua danh sách hình ảnh
• Khả năng hiểu nội dung trong các tài liệu HTML được chuyển đổi sang định dạng khác (PDF, ePub…)

Trong bối cảnh SEO hiện đại, alt text không còn được xem như một nơi để nhồi nhét từ khóa, mà là một phần của cấu trúc nội dung có ý nghĩa, giúp công cụ tìm kiếm xây dựng mô hình hiểu biết về thực thể (entity), chủ đề, mối quan hệ giữa các thành phần nội dung và mục đích của trang. Một alt text được viết đúng chuẩn sẽ:

• Hỗ trợ xếp hạng hình ảnh trong kết quả tìm kiếm hình ảnh
• Tăng khả năng xuất hiện trong các bề mặt tìm kiếm đa phương tiện (SERP có hình, rich result)
• Nâng cao trải nghiệm người dùng, đặc biệt với nhóm người dùng có nhu cầu hỗ trợ
• Đáp ứng các tiêu chuẩn WCAG và các yêu cầu pháp lý về accessibility ở nhiều quốc gia

Alt text nên mô tả đối tượng chính, thuộc tính quan trọng và mục đích của ảnh

Khi viết alt text, trọng tâm không phải là số lượng từ khóa, mà là mô tả chính xác đối tượng chính trong ảnh, kèm theo các thuộc tính quan trọng và mục đích sử dụng của hình ảnh trong trang. Có thể xem alt text như một câu mô tả ngắn gọn nhưng giàu thông tin, trả lời được ba câu hỏi cốt lõi:

• Ảnh chụp hoặc thể hiện cái gì? – đối tượng, hành động, bối cảnh
• Đặc điểm quan trọng nào cần nhấn mạnh? – thuộc tính phân biệt, thông số, trạng thái
• Ảnh phục vụ mục đích gì trong nội dung? – minh họa, hướng dẫn, chứng minh, so sánh…

Việc xác định đối tượng chính phải bắt đầu từ câu hỏi: người dùng cần biết điều gì từ hình ảnh này để hiểu đúng nội dung trang hoặc hoàn thành hành động tiếp theo? Với ảnh sản phẩm, đối tượng chính thường là tên sản phẩm, biến thể, màu sắc hoặc bộ phận nổi bật. Với ảnh quy trình, đối tượng chính có thể là hành động đang diễn ra. Với biểu đồ, đối tượng chính thường là xu hướng, mức chênh lệch hoặc kết luận dữ liệu. Nghiên cứu về alt text cho hình ảnh trực tuyến chỉ ra rằng mô tả hiệu quả không đơn thuần là caption tự động, mà cần có tính mô tả trực tiếp và tính đặc thù theo ngữ cảnh. Vì vậy, alt text cần ưu tiên thực thể quan trọng nhất trước, sau đó mới thêm thuộc tính giúp phân biệt ảnh đó với ảnh khác cùng loại (Srivatsan et al., 2024).

Đối tượng chính có thể là:

• Sản phẩm (giày, laptop, phần mềm hiển thị trên màn hình…)
• Con người (chân dung, nhóm làm việc, khách hàng sử dụng sản phẩm…)
• Biểu đồ, dashboard, báo cáo dữ liệu
• Giao diện phần mềm, màn hình ứng dụng, form đăng ký
• Quy trình, sơ đồ, flowchart
• Kết quả trước – sau (before/after) của dịch vụ hoặc sản phẩm
• Khung cảnh cụ thể (văn phòng, cửa hàng, nhà máy, sự kiện…)

Thuộc tính quan trọng là những yếu tố giúp phân biệt hình ảnh này với các hình ảnh khác cùng loại, ví dụ:

• Thương hiệu, model, phiên bản, năm sản xuất
• Màu sắc, kích thước, chất liệu, kiểu dáng
• Góc chụp (cận cảnh, toàn cảnh, góc nghiêng…), bối cảnh (trong nhà, ngoài trời…)
• Trạng thái (trước/sau, mới/cũ, bật/tắt…)
• Hành động đang diễn ra (đang gõ phím, đang tư vấn, đang lắp đặt…)

Mục đích của ảnh trong trang cũng cần được phản ánh trong alt text. Cùng một đối tượng nhưng nếu ảnh dùng cho mục đích khác nhau, alt text cũng nên thay đổi để thể hiện đúng vai trò:

• Nếu ảnh dùng để minh họa một bước trong quy trình, alt nên thể hiện rõ bước đó và hành động tương ứng.
• Nếu ảnh dùng để chứng minh kết quả dịch vụ, alt nên nhấn mạnh kết quả định lượng hoặc định tính.
• Nếu ảnh là hero image của landing page, alt nên gắn với chủ đề chính và đề xuất giá trị của trang, không chỉ mô tả bề mặt hình ảnh.
• Nếu ảnh là testimonial hoặc case study, alt có thể nhấn mạnh bối cảnh khách hàng và kết quả đạt được.

Ngữ cảnh xung quanh quyết định thông tin nào cần được đưa vào alt text và thông tin nào có thể bỏ qua. Một ảnh người dùng laptop trong bài giới thiệu dịch vụ SEO nên mô tả hoạt động phân tích dữ liệu hoặc tối ưu website nếu đó là trọng tâm của section; nhưng trong bài về làm việc từ xa, mô tả phù hợp có thể tập trung vào không gian làm việc và hình thức cộng tác. Nghiên cứu về mô hình tạo alt text có sử dụng văn bản đi kèm ảnh cho thấy việc kết hợp tín hiệu hình ảnh với ngữ cảnh chữ giúp tạo mô tả hữu ích hơn đáng kể so với chỉ phân tích hình ảnh riêng lẻ. Alt text không nên được viết như ảnh đang đứng một mình; nó phải giải thích vai trò của ảnh trong mạch lập luận của trang (Srivatsan et al., 2024). 

Bảng dưới đây minh họa cách chuyển từ mô tả chung chung sang mô tả tập trung vào đối tượng chính, thuộc tính và mục đích:

Ở góc độ chuyên môn, có thể áp dụng một “mini-template” khi viết alt text:

• [Loại đối tượng] + [Thuộc tính phân biệt] + [Hành động/trạng thái] + [Mục đích/bối cảnh trong nội dung]

Alt text phải phù hợp với nội dung xung quanh, không viết tách rời khỏi ngữ cảnh trang

Một lỗi phổ biến là viết alt text chỉ dựa trên những gì nhìn thấy trong ảnh, mà bỏ qua ngữ cảnh nội dung nơi ảnh xuất hiện. Trong SEO hiện đại, Google đánh giá hình ảnh trong mối quan hệ với:

• Tiêu đề trang (title) và thẻ <h1>
• Các heading liên quan (h2, h3…) và chủ đề đoạn văn xung quanh
• Anchor text của liên kết trỏ đến hoặc từ hình ảnh (nếu ảnh là link)
• Caption (chú thích ảnh), nếu có
• Toàn bộ chủ đề và mục đích của URL (search intent)

Vì vậy, alt text cần được viết như một phần của nội dung, không phải một đoạn mô tả độc lập. Khi xem xét ngữ cảnh, cần chú ý đến:

• Chủ đề chính của trang và từ khóa mục tiêu
• Search intent: người dùng đang tìm kiến thức, so sánh, mua hàng, hay xem case study
• Đoạn văn ngay trước và sau ảnh: đang nói về bước nào, khía cạnh nào của chủ đề
• Vị trí ảnh trong cấu trúc nội dung: hero, minh họa, ví dụ, case study, testimonial, infographic…

Một alt text phù hợp ngữ cảnh sẽ:

• Sử dụng ngôn ngữ, thuật ngữ tương đồng với nội dung xung quanh
• Nhắc lại entity chính khi cần, nhưng vẫn giữ được tính tự nhiên và mô tả đúng ảnh
• Không mâu thuẫn với caption, heading hoặc nội dung đoạn văn liên quan

Ví dụ, cùng một ảnh “người đang gõ laptop”, nhưng nếu đặt trong bài viết về “dịch vụ SEO tổng thể”, alt có thể là “Chuyên gia SEO phân tích dữ liệu từ Google Search Console trên laptop”. Nếu đặt trong bài về “làm việc từ xa”, alt có thể là “Nhân viên làm việc từ xa tại nhà với laptop trên bàn gỗ”. Hình ảnh giống nhau, nhưng ngữ cảnh khác nhau dẫn đến alt text khác nhau, giúp công cụ tìm kiếm hiểu đúng mối quan hệ giữa ảnh và chủ đề trang.

Việc gắn alt text với ngữ cảnh còn giúp tránh tình trạng lặp lại một mô tả cho nhiều ảnh khác nhau trên cùng trang. Mỗi ảnh có vai trò riêng trong nội dung, vì vậy alt text nên phản ánh vai trò đó, thay vì chỉ mô tả bề mặt giống nhau. Với các trang có nhiều ảnh tương tự (ví dụ nhiều góc chụp của cùng một sản phẩm), alt text có thể:

• Nhấn mạnh góc chụp hoặc chi tiết khác nhau (mặt trước, mặt sau, chi tiết chất liệu…)
• Liên kết với đoạn nội dung cụ thể đang giải thích về chi tiết đó

Website chuẩn SEO cần xem alt text như dữ liệu mô tả hình ảnh, không phải nơi nhồi từ khóa

Trong giai đoạn SEO cũ, nhiều hướng dẫn khuyến khích chèn từ khóa chính xác vào mọi alt text để tăng mật độ từ khóa. Cách làm này hiện không còn hiệu quả, thậm chí có thể gây hại nếu bị xem là keyword stuffing. Website chuẩn SEO hiện nay cần coi alt text là dữ liệu mô tả hình ảnh có cấu trúc, phục vụ cả máy lẫn người, tương tự như metadata hoặc schema, chứ không phải một trường tối ưu từ khóa đơn thuần. Một alt text chứa nhiều từ khóa nhưng không mô tả đúng ảnh có thể khiến trải nghiệm của người dùng trình đọc màn hình trở nên khó hiểu, lặp từ và mất tự nhiên. Điều này đặc biệt bất lợi ở các trang thương mại điện tử hoặc trang danh mục có nhiều hình ảnh gần giống nhau, nơi người dùng cần phân biệt biến thể sản phẩm chứ không cần nghe lặp lại cùng một cụm từ thương mại. Nghiên cứu về chất lượng alt text cho người dùng screen reader nhấn mạnh rằng mô tả có giá trị phải hỗ trợ hiểu nội dung hoặc thực hiện nhiệm vụ, không chỉ phục vụ thuật toán. Từ khóa chỉ nên xuất hiện khi nó là cách gọi tự nhiên, chính xác của sản phẩm, hành động hoặc chủ đề trong ảnh. Khi mô tả sai hoặc nhồi nhét, alt text trở thành tín hiệu nhiễu thay vì lớp dữ liệu ngữ nghĩa hữu ích (Das et al., 2024; Oh et al., 2021).

Google ngày càng giỏi trong việc hiểu nội dung hình ảnh bằng computer vision, có khả năng:

• Nhận diện đối tượng, khuôn mặt, logo, văn bản trong ảnh
• Phân loại bối cảnh (ngoài trời, trong nhà, văn phòng, sự kiện…)
• Kết hợp tín hiệu từ hình ảnh với nội dung xung quanh để suy luận chủ đề

Alt text vì thế đóng vai trò như một lớp chú thích ngữ nghĩa, giúp xác nhận và làm rõ những gì thuật toán nhận diện được, thay vì là nguồn duy nhất để hiểu ảnh. Khi alt text bị nhồi nhét từ khóa, mô tả sai hoặc không tự nhiên, tín hiệu ngữ nghĩa trở nên nhiễu và có thể làm giảm độ tin cậy của trang, đặc biệt trong các hệ thống đánh giá chất lượng nội dung.

Cách tiếp cận đúng là: ưu tiên mô tả chính xác và hữu ích, sau đó mới cân nhắc chèn từ khóa nếu từ khóa thực sự là cách tự nhiên để mô tả ảnh. Nếu từ khóa không phù hợp với nội dung ảnh, không nên cố gắng đưa vào alt text. Thay vào đó, hãy tập trung vào:

• Entity chính (thương hiệu, sản phẩm, loại dịch vụ…)
• Thuộc tính quan trọng và khác biệt
• Mục đích của hình ảnh trong nội dung (bước quy trình, kết quả, minh họa khái niệm…)

Đối với các website lớn, alt text nên được xem như một phần của hệ thống dữ liệu nội dung (content data), cần được chuẩn hóa và quản lý có quy trình, ví dụ:

• Xây dựng guideline nội bộ về cách viết alt text cho từng loại ảnh (sản phẩm, banner, infographic, avatar…)
• Thiết kế template alt text theo loại nội dung để đảm bảo tính nhất quán
• Tích hợp trường alt text vào CMS như một trường bắt buộc với nội dung quan trọng
• Thiết lập quy trình review chất lượng alt text tương tự như review metadata và nội dung chính

Alt text ảnh hưởng đến SEO hình ảnh, accessibility và trải nghiệm người dùng

Alt text là lớp mô tả ngắn gọn nhưng giàu ngữ nghĩa, kết nối hình ảnh với cả công cụ tìm kiếm lẫn người dùng. Về SEO, thuộc tính này giúp Google Images hiểu nội dung, vai trò và bối cảnh của ảnh, từ đó cải thiện khả năng xuất hiện cho các truy vấn có giá trị và tăng tỷ lệ click về trang. Về accessibility, alt text là “tiếng nói” của hình ảnh đối với người dùng screen reader, đảm bảo họ không bị bỏ lỡ thông tin quan trọng và đáp ứng các tiêu chuẩn WCAG, giảm rủi ro pháp lý. Đồng thời, alt text còn là lớp dự phòng khi ảnh lỗi tải, giữ mạch nội dung liền lạc, nâng chất lượng trải nghiệm và thể hiện sự tỉ mỉ, chuyên nghiệp của website trong khung EEAT.

Alt text hỗ trợ Google Images hiểu hình ảnh và chủ đề trang

Google Images không chỉ là nguồn traffic bổ sung mà còn là một kênh tìm kiếm chuyên biệt với cơ chế xếp hạng riêng, chịu ảnh hưởng mạnh từ ngữ cảnh hình ảnh. Trong hệ thống này, alt text hoạt động như một lớp metadata quan trọng, giúp Google xác định ý nghĩa ngữ nghĩa của ảnh, mối liên hệ với nội dung trang và mức độ phù hợp với từng truy vấn tìm kiếm.

Khi Googlebot và Google Images crawl trang, quá trình phân tích hình ảnh diễn ra theo nhiều lớp tín hiệu:

• Alt text: mô tả ngắn gọn, mang tính ngữ nghĩa, thường là tín hiệu trực tiếp nhất về nội dung và mục đích của ảnh.
• Tên file ảnh: giúp bổ sung ngữ cảnh, đặc biệt khi được đặt tên có cấu trúc, ví dụ: ban-an-go-oc-cho-6-ghe.jpg thay vì IMG_1234.jpg.
• Dữ liệu EXIF / IPTC (nếu có): có thể chứa thông tin về địa điểm, thiết bị, tác giả, thời gian chụp, hữu ích cho ảnh du lịch, kiến trúc, báo chí.
• Structured data (ImageObject, Product, Article…): giúp Google hiểu vai trò của ảnh (ảnh sản phẩm, ảnh thumbnail bài viết, ảnh chính của recipe…).
• Nội dung xung quanh ảnh: đoạn văn trước – sau, caption, heading gần nhất, anchor text của internal link liên quan.
• Title page, H1, subheading: cung cấp chủ đề tổng thể của trang, giúp Google gắn ảnh với topic chính.
• Computer vision: Google tự nhận diện đối tượng, màu sắc, bối cảnh, text trong ảnh (OCR) để đối chiếu với alt text và nội dung trang.

Trong bức tranh đó, alt text đóng vai trò như một “nhãn ngữ nghĩa” cô đọng, giúp hệ thống mapping ảnh với các entity (thực thể) và chủ đề cụ thể. Ví dụ, với website thương mại điện tử, alt text có thể mô tả rõ:

• Loại sản phẩm (giày chạy bộ, bàn làm việc, ghế công thái học).
• Thuộc tính quan trọng (chất liệu, màu sắc, kích thước, giới tính, phân khúc giá).
• Ngữ cảnh sử dụng (giày chạy bộ đường dài, bàn làm việc văn phòng nhỏ, ghế cho game thủ).

Đối với SEO hình ảnh, việc tối ưu alt text theo entity và search intent giúp:

• Tăng khả năng xuất hiện trong Google Images cho các truy vấn có giá trị thương mại hoặc thông tin.
• Cải thiện mức độ liên quan giữa ảnh và trang đích, tăng khả năng người dùng click từ Google Images về website.
• Hỗ trợ các tính năng nâng cao như rich result cho sản phẩm, recipe, hướng dẫn, khi kết hợp với structured data.

Ví dụ, với một ảnh sản phẩm “ghế công thái học văn phòng màu đen”, alt text tối ưu có thể là: “Ghế công thái học văn phòng màu đen, tựa lưng lưới, điều chỉnh độ cao, phù hợp làm việc máy tính”. Cách mô tả này vừa bám sát thực tế, vừa gắn với các entity (ghế công thái học, văn phòng, làm việc máy tính) và intent tìm kiếm (tìm ghế để làm việc lâu, hỗ trợ sức khỏe).

Ngoài ra, nhiều hình ảnh trên cùng một trang nếu được mô tả chính xác, đồng nhất về chủ đề sẽ củng cố tín hiệu nội dung tổng thể. Google có xu hướng đánh giá:

• Trang có nhiều ảnh liên quan chặt chẽ đến chủ đề chính.
• Alt text, caption và nội dung văn bản cùng xoay quanh một nhóm entity rõ ràng.
• Không có sự mâu thuẫn giữa nội dung ảnh (qua computer vision) và alt text.

Điều này không chỉ cải thiện thứ hạng trong Google Images mà còn hỗ trợ xếp hạng trong kết quả tìm kiếm web thông thường, vì Google hiểu trang như một thực thể nội dung hoàn chỉnh, giàu ngữ cảnh, thay vì chỉ là văn bản thuần túy.

Alt text giúp người dùng dùng screen reader tiếp cận nội dung hình ảnh

Trong bối cảnh tiêu chuẩn WCAG 2.x và các quy định về accessibility ngày càng được nhấn mạnh, alt text trở thành một thành phần cốt lõi của trải nghiệm người dùng, đặc biệt với người khiếm thị hoặc người có thị lực hạn chế. Screen reader (NVDA, JAWS, VoiceOver…) dựa vào thuộc tính alt để “dịch” nội dung hình ảnh thành thông tin âm thanh. Đối với người dùng trình đọc màn hình, alt text là một phần của trải nghiệm điều hướng chứ không chỉ là thông tin phụ. Khi ảnh là liên kết, nút thao tác hoặc thành phần điều hướng, mô tả cần ưu tiên chức năng sẽ xảy ra sau khi người dùng kích hoạt, thay vì mô tả hình dáng biểu tượng. Ví dụ, một biểu tượng ba gạch ngang nên được diễn đạt là “Mở menu điều hướng”, còn logo dẫn về trang chủ nên mô tả hành động hoặc đích đến phù hợp. Nghiên cứu về khả năng điều hướng của người dùng khiếm thị cho thấy screen reader thường đọc cả link text và alt text liên quan đến ảnh; mô tả không rõ ràng có thể làm người dùng khó xác định mục tiêu liên kết và tăng thời gian tìm đường trên trang (Iwata et al., 2013).

Về mặt kỹ thuật, khi gặp thẻ <img>, screen reader sẽ:

• Đọc nội dung trong thuộc tính alt nếu có.
• Nếu alt rỗng alt="" và ảnh được đánh dấu là decorative (trang trí), screen reader thường bỏ qua để tránh gây nhiễu. Alt rỗng chỉ phù hợp khi hình ảnh thực sự không bổ sung bất kỳ thông tin, hành động hoặc bằng chứng nào ngoài phần chữ đã hiển thị. Các họa tiết nền, đường viền trang trí, icon lặp lại chỉ để tạo thẩm mỹ hoặc ảnh trùng hoàn toàn với nội dung đã được mô tả bằng văn bản là những trường hợp có thể dùng alt="". Ngược lại, ảnh biểu đồ, ảnh hướng dẫn thao tác, ảnh sản phẩm, ảnh trước–sau, icon nút bấm hoặc ảnh mang bằng chứng thực tế không nên bị để trống. Nghiên cứu về khả năng truy cập hình ảnh cho người dùng screen reader cho thấy thiếu mô tả phù hợp khiến hình ảnh trở thành “khoảng trống thông tin”, đặc biệt khi trang sử dụng nhiều yếu tố trực quan để truyền tải ý nghĩa hoặc hỗ trợ quyết định (Oh et al., 2021). Nguyên tắc đúng là bỏ qua ảnh trang trí, không bỏ qua thông tin.
• Nếu không có alt, một số screen reader có thể đọc tên file hoặc bỏ qua hoàn toàn, gây mất thông tin quan trọng.

Vì vậy, việc viết alt text cho accessibility cần tuân theo một số nguyên tắc chuyên môn:

• Mô tả đúng nội dung và mục đích của ảnh trong ngữ cảnh trang, không chỉ liệt kê đối tượng có trong ảnh.
• Không lặp lại thông tin đã có ngay bên cạnh (ví dụ caption đã mô tả đầy đủ), trừ khi cần cho mạch đọc của screen reader.
• Tránh nhồi từ khóa hoặc chèn các cụm từ không tự nhiên, vì sẽ làm trải nghiệm nghe trở nên khó chịu và khó hiểu.
• Với ảnh mang tính chức năng (icon nút bấm, biểu tượng menu, logo dẫn về trang chủ), alt nên mô tả chức năng thay vì hình dạng, ví dụ: “Mở menu điều hướng” thay vì “biểu tượng ba gạch ngang”.

Đối với các tổ chức lớn như cơ quan nhà nước, trường đại học, ngân hàng, bệnh viện, doanh nghiệp quốc tế, alt text thường nằm trong checklist kiểm thử accessibility bắt buộc. Việc thiếu alt text hoặc alt text kém chất lượng có thể:

• Gây gián đoạn mạch đọc của screen reader, khiến người dùng không nắm được nội dung quan trọng (biểu đồ, ảnh minh họa quy trình, ảnh sản phẩm).
• Tạo cảm giác website không tôn trọng người dùng khuyết tật, ảnh hưởng đến hình ảnh thương hiệu.
• Trong một số thị trường, có thể dẫn đến rủi ro pháp lý liên quan đến tuân thủ tiêu chuẩn accessibility.

Ngược lại, khi alt text được tối ưu cho screen reader, nội dung hình ảnh trở nên “bình đẳng” với nội dung văn bản. Người dùng khiếm thị có thể:

• Hiểu được cấu trúc trang, chức năng của từng nút, từng icon.
• Nắm bắt được thông tin trong biểu đồ, infographic, ảnh hướng dẫn thao tác.
• Đánh giá mức độ chuyên nghiệp và trách nhiệm xã hội của thương hiệu thông qua cách website chăm chút cho chi tiết nhỏ như alt text.

Điểm đáng chú ý là các tiêu chí để alt text tốt cho accessibility (chính xác, ngắn gọn, có ý nghĩa, gắn với ngữ cảnh) cũng trùng khớp với tiêu chí alt text tốt cho SEO. Vì vậy, tối ưu alt text cho screen reader thường đồng thời nâng cao chất lượng tín hiệu cho Google Images và công cụ tìm kiếm nói chung.

Alt text hiển thị khi ảnh lỗi tải hoặc bị chặn

Trong môi trường thực tế, hình ảnh không phải lúc nào cũng tải thành công. Lỗi server, đường dẫn sai, CDN gặp sự cố, người dùng tắt tải ảnh để tiết kiệm dữ liệu, hoặc trình duyệt / extension chặn nội dung đều có thể khiến ảnh không hiển thị. Trong nhiều trình duyệt, alt text sẽ được hiển thị thay thế, đóng vai trò như một lớp thông tin dự phòng.

Đối với các trang sản phẩm, dịch vụ hoặc bài viết chuyên môn, việc mất hình ảnh mà không có alt text phù hợp có thể gây ra:

• Khoảng trống thông tin, người dùng không hiểu được sản phẩm trông như thế nào, cấu trúc ra sao.
• Gián đoạn mạch đọc, đặc biệt khi ảnh là một phần của quy trình hướng dẫn (step-by-step), sơ đồ, hoặc minh họa kỹ thuật.
• Tăng tỷ lệ thoát, giảm thời gian trên trang, vì người dùng cảm thấy nội dung “thiếu” hoặc khó theo dõi.

Ngược lại, một alt text được viết tốt có thể phần nào bù đắp cho việc ảnh không hiển thị. Ví dụ, với một ảnh minh họa bước lắp đặt thiết bị, alt text có thể mô tả rõ: “Bước 3: Gắn ống dẫn nước vào đầu nối màu xanh ở phía sau máy, vặn chặt theo chiều kim đồng hồ”. Dù người dùng không nhìn thấy hình, họ vẫn nắm được thông tin cốt lõi để tiếp tục thao tác.

Trong bối cảnh người dùng di động chiếm tỷ lệ lớn, tốc độ mạng không ổn định, hoặc các trình duyệt bảo mật cao chặn một số loại nội dung, alt text càng trở nên quan trọng như một phần của chiến lược progressive enhancement và graceful degradation. Nội dung không còn phụ thuộc hoàn toàn vào việc ảnh có tải được hay không, mà luôn có một lớp mô tả văn bản hỗ trợ.

Điều này cũng nhấn mạnh rằng alt text không chỉ là một thuộc tính kỹ thuật để “làm cho đủ”, mà là một phần của nội dung trang. Khi được viết có chủ đích, alt text góp phần đảm bảo tính liên tục của trải nghiệm người dùng trong nhiều điều kiện thiết bị, mạng và trình duyệt khác nhau.

Alt text rõ nghĩa tăng chất lượng nội dung và độ tin cậy của trang

Google đánh giá chất lượng nội dung dựa trên nhiều yếu tố: mức độ đầy đủ, rõ ràng, hữu ích, tính chuyên môn và độ tin cậy. Hình ảnh là một thành phần nội dung quan trọng, đặc biệt trong các lĩnh vực như y tế, tài chính, kỹ thuật, giáo dục, thương mại điện tử. Alt text là cầu nối giúp công cụ tìm kiếm hiểu được giá trị thông tin mà hình ảnh mang lại, thay vì chỉ xem đó là phần trang trí. Alt text chất lượng không tự động tạo ra chuyên môn hoặc độ tin cậy, nhưng nó phản ánh cách website tổ chức và truyền đạt thông tin một cách có trách nhiệm. Với ảnh kết quả dự án, ảnh chuyên gia, biểu đồ nghiên cứu, ảnh trước–sau hoặc screenshot phần mềm, mô tả nên tránh tuyên bố vượt quá bằng chứng đang có. Nếu hình ảnh chỉ minh họa giao diện, alt text không nên diễn đạt như kết quả đã được xác nhận; nếu ảnh là số liệu, cần nêu đúng khoảng thời gian và chỉ số. Nghiên cứu về mô tả ảnh tự động cho thấy hệ thống có thể tạo ra nội dung không đầy đủ hoặc không chính xác nếu không được đánh giá trong ngữ cảnh thực tế. Alt text cần được xem như một phần của quy trình kiểm soát chất lượng nội dung, không phải trường kỹ thuật điền cho đủ (Leotta et al., 2022; Das et al., 2024).

Khi alt text được viết rõ nghĩa, mô tả đúng, không nhồi nhét từ khóa, nó giúp:

• Làm rõ vai trò của từng hình ảnh trong mạch nội dung (minh họa, ví dụ, bằng chứng, hướng dẫn thao tác, biểu đồ số liệu).
• Tăng tính mạch lạc giữa văn bản, hình ảnh, caption và heading, giúp Google nhận diện cấu trúc nội dung tốt hơn.
• Giảm nguy cơ bị đánh giá là spam hoặc thao túng từ khóa, vì alt text được sử dụng đúng mục đích mô tả.

Với người dùng, dù alt text không hiển thị trực tiếp trong giao diện thông thường, nhưng việc hình ảnh được mô tả đúng ngữ cảnh sẽ:

• Giúp nội dung trở nên dễ hiểu hơn khi kết hợp với caption và đoạn văn xung quanh.
• Hỗ trợ người dùng trong các trường hợp ảnh không tải, hoặc khi họ sử dụng công cụ đọc màn hình.
• Tạo cảm giác website được xây dựng có hệ thống, chú ý đến chi tiết, không bỏ sót các thành phần nhỏ.

Trong khung đánh giá EEAT (Experience, Expertise, Authoritativeness, Trustworthiness), alt text là một chỉ báo gián tiếp về mức độ tỉ mỉ và chuyên nghiệp của tác giả và đơn vị xuất bản. Một website chuyên nghiệp thường:

• Có quy chuẩn nội bộ về cách viết alt text cho từng loại ảnh (sản phẩm, infographic, biểu đồ, ảnh tác giả, ảnh minh họa).
• Đảm bảo alt text nhất quán, chính xác, phù hợp với nội dung, không lạm dụng từ khóa thương mại.
• Kiểm tra định kỳ alt text trong các đợt audit SEO và audit accessibility, coi đó là một phần của chất lượng nội dung tổng thể.

Đặc biệt trong các lĩnh vực đòi hỏi độ tin cậy cao như y tế, tài chính, pháp lý, giáo dục, alt text cho hình ảnh (biểu đồ nghiên cứu, kết quả thử nghiệm, hình ảnh minh họa quy trình điều trị, sơ đồ pháp lý…) nếu được mô tả chính xác sẽ:

• Giúp người dùng hiểu rõ hơn về bằng chứng và lập luận được trình bày.
• Thể hiện rằng tác giả có kinh nghiệm thực tế (Experience) và chuyên môn (Expertise) trong việc truyền đạt thông tin phức tạp.
• Củng cố cảm nhận về độ tin cậy (Trustworthiness) của trang, vì mọi thành phần nội dung, kể cả hình ảnh, đều được chú ý và giải thích rõ ràng.

Nhìn từ góc độ chiến lược nội dung, alt text không nên được xem là bước tối ưu “phụ” chỉ dành cho SEO, mà là một phần của kiến trúc thông tin và trải nghiệm người dùng. Khi được xây dựng có hệ thống, alt text góp phần nâng cao chất lượng nội dung, hỗ trợ SEO hình ảnh, cải thiện accessibility và tăng độ tin cậy tổng thể của website trong mắt cả người dùng lẫn công cụ tìm kiếm.

Cách viết alt text chuẩn SEO theo entity và search intent

Alt text chuẩn SEO cần xoay quanh entity trung tâm của ảnh và bám sát search intent của người dùng. Trước hết, phải xác định rõ thực thể chính mà Google có thể ánh xạ vào Knowledge Graph: sản phẩm, dịch vụ, địa điểm, nhân vật, biểu đồ hay khái niệm. Sau đó, bổ sung có chọn lọc các thuộc tính phân biệt như thương hiệu, model, màu sắc, chất liệu, địa điểm, thời gian, đối tượng sử dụng hoặc góc chụp, miễn là chúng thực sự nhìn thấy được và giúp làm rõ ngữ cảnh. Từ khóa chỉ nên xuất hiện khi là kết quả tự nhiên của mô tả entity + thuộc tính, tránh nhồi nhét và lặp lại máy móc. Cuối cùng, nội dung alt text phải phản ánh vai trò của ảnh trên trang và nhu cầu tìm kiếm: transactional, informational hay navigational.

Xác định entity chính trong ảnh trước khi viết alt text

Để viết alt text chuẩn SEO theo hướng chuyên sâu, bước quan trọng nhất không chỉ là “nhìn và mô tả” mà là xác định chính xác entity trung tâm mà Google có thể ánh xạ vào hệ thống Knowledge Graph. Entity ở đây không chỉ là “tên gọi chung” mà là một thực thể có khả năng tồn tại độc lập trong ngữ nghĩa: sản phẩm cụ thể, thương hiệu, người, địa điểm, sự kiện, công nghệ, chỉ số, quy trình, khái niệm chuyên môn…

Khi phân tích ảnh, hãy tư duy như đang gắn nhãn cho một hệ thống nhận diện hình ảnh hoặc một cơ sở dữ liệu tri thức:

• Nếu ảnh bị tách khỏi ngữ cảnh trang, nhãn quan trọng nhất để phân loại ảnh là gì?
• Nếu phải ánh xạ ảnh này vào một node trong Knowledge Graph, node đó là sản phẩm, thương hiệu, hay khái niệm?
• Người dùng khi nhìn ảnh này sẽ gọi “cái chính” trong ảnh bằng từ/cụm từ nào?

Một số định hướng theo loại ảnh:

• Ảnh sản phẩm thương mại: entity chính thường là tên sản phẩm cụ thể + thương hiệu (ví dụ: “máy lọc không khí Xiaomi Mi Air Purifier 4”). Nếu sản phẩm có model rõ ràng, model cũng là một phần của entity.
• Ảnh dịch vụ: entity có thể là loại dịch vụ (dịch vụ SEO tổng thể, dịch vụ vệ sinh công nghiệp) hoặc kết quả dịch vụ (răng sau khi tẩy trắng, nhà sau khi cải tạo).
• Ảnh biểu đồ, dashboard, số liệu: entity là chỉ số chính (tỷ lệ chuyển đổi, traffic organic, doanh thu) hoặc chủ đề phân tích (hiệu suất chiến dịch Google Ads, tăng trưởng user theo tháng).
• Ảnh đội ngũ, chân dung: entity là tên người (nếu là nhân vật quan trọng, có profile riêng) hoặc vai trò/chức danh (CEO, trưởng phòng marketing, chuyên gia SEO).
• Ảnh địa điểm, bất động sản, du lịch: entity là tên địa điểm cụ thể (tên khách sạn, tòa nhà, khu nghỉ dưỡng, danh thắng) thay vì chỉ mô tả chung chung “bãi biển đẹp”, “tòa nhà cao tầng”.

Khi entity trong alt text trùng khớp và nhất quán với:

• Entity trong nội dung text (heading, đoạn mô tả, anchor text internal link)
• Entity trong schema markup (Product, LocalBusiness, Person, Article…)
• Entity trong breadcrumb, URL, title, meta description

Google có thêm nhiều tín hiệu để hiểu rằng hình ảnh này là một phần của cụm chủ đề xoay quanh cùng một thực thể. Điều này giúp:

• Tăng khả năng ảnh xuất hiện trong Google Images cho các truy vấn liên quan đến entity đó.
• Củng cố topical authority của trang về thực thể (sản phẩm, dịch vụ, địa điểm, nhân vật) đang được nhắm đến.
• Giảm nguy cơ Google hiểu sai ảnh (ví dụ: coi ảnh là “generic stock photo” không liên quan đến chủ đề chính).

Một lỗi phổ biến là mô tả theo cảm tính (“ảnh đẹp”, “ảnh minh họa bài viết”) hoặc mô tả hành động phụ (“người đang cười”, “người đang cầm điện thoại”) mà bỏ qua entity cốt lõi (tên sản phẩm, tên app, tên thương hiệu trên màn hình). Với SEO theo entity, alt text cần ưu tiên “cái gì” (thực thể) trước rồi mới đến “như thế nào” (thuộc tính, trạng thái, bối cảnh).

Thêm thuộc tính quan trọng như thương hiệu, mẫu mã, màu sắc, chất liệu hoặc địa điểm khi có giá trị

Sau khi đã chốt được entity chính, bước tiếp theo là xác định thuộc tính phân biệt giúp ảnh này khác với các ảnh khác cùng entity. Về mặt SEO, đây là cách bạn “đi sâu vào long-tail” và phục vụ tốt hơn các truy vấn cụ thể (ví dụ: “giày chạy bộ nữ màu trắng đế dày” thay vì chỉ “giày chạy bộ”).

Các nhóm thuộc tính thường có giá trị cao:

• Thuộc tính thương mại: thương hiệu, model, phiên bản, dung tích, công suất, kích thước, chất liệu, màu sắc, tính năng nổi bật (chống nước, chống ồn, tiết kiệm điện), trạng thái (mới, like new, refurbished).
• Thuộc tính không gian – địa lý: thành phố, quốc gia, khu vực, tên tòa nhà, tên khu nghỉ dưỡng, hướng view (view biển, view sông, view thành phố), vị trí trong căn nhà (phòng khách, phòng ngủ master, bếp).
• Thuộc tính thời gian: mùa (mùa hè, mùa đông), năm (phiên bản 2023), thời điểm (ban ngày, hoàng hôn, ban đêm), giai đoạn (trước khi thi công, sau khi hoàn thiện, giai đoạn testing).
• Thuộc tính đối tượng sử dụng: nam, nữ, trẻ em, người cao tuổi, doanh nghiệp nhỏ, freelancer, người mới bắt đầu, vận động viên chuyên nghiệp.
• Thuộc tính góc chụp và chi tiết: mặt trước, mặt sau, cận cảnh chi tiết, toàn cảnh, ảnh so sánh trước – sau, ảnh chụp màn hình giao diện mobile/desktop.

Nguyên tắc là chỉ thêm thuộc tính khi:

• Thuộc tính đó thực sự nhìn thấy được trong ảnh (không mô tả những thứ không xuất hiện).
• Thuộc tính đó có giá trị phân biệt cho người dùng hoặc cho mục tiêu SEO (giúp match với các truy vấn cụ thể hơn).
• Việc thêm thuộc tính không làm alt text trở nên dài dòng, lặp từ hoặc khó hiểu.

Bảng sau minh họa cách thêm thuộc tính vào alt text:

Ở mức chuyên sâu hơn, bạn có thể:

• Ưu tiên các thuộc tính trùng với facets mà người dùng thường lọc trong category (màu, size, chất liệu, thương hiệu).
• Đồng bộ thuộc tính trong alt text với thuộc tính trong structured data (Product schema, Offer, AggregateRating) để tăng tính nhất quán.
• Tránh liệt kê thuộc tính như “tag” rời rạc; hãy gắn chúng vào một câu mô tả tự nhiên, có ngữ pháp rõ ràng.

Dùng từ khóa tự nhiên khi từ khóa thật sự mô tả ảnh

Từ khóa trong alt text chỉ có giá trị khi nó là hệ quả tự nhiên của mô tả entity và thuộc tính, không phải là mục tiêu nhồi nhét. Về bản chất, alt text là một mô tả thay thế cho người không nhìn thấy ảnh; SEO chỉ là lợi ích đi kèm.

Cách tiếp cận chuyên sâu:

• Xác định query class mà ảnh có thể phục vụ: transactional (mua sản phẩm), informational (tìm hướng dẫn, sơ đồ, biểu đồ), navigational (tìm thương hiệu, địa điểm).
• Đối chiếu entity + thuộc tính với bộ từ khóa mục tiêu: nếu trùng khớp tự nhiên, hãy dùng; nếu không, ưu tiên mô tả chính xác hơn là cố gắng “nhét” keyword.
• Đọc alt text thành tiếng và tự hỏi: “Nếu mô tả ảnh cho người khiếm thị, mình có dùng câu này không?” Nếu câu nghe như spam từ khóa, hãy chỉnh lại.

Một số lưu ý thực hành:

• Không lặp một từ khóa y hệt cho nhiều ảnh trên cùng một trang, đặc biệt với gallery sản phẩm hoặc bước hướng dẫn. Mỗi ảnh nên có alt text riêng phản ánh đúng nội dung cụ thể.
• Sử dụng biến thể ngôn ngữ tự nhiên của từ khóa: đồng nghĩa, cách diễn đạt khác, thêm/bớt thuộc tính, thay đổi trật tự từ, miễn là vẫn mô tả đúng ảnh.
• Tránh các mẫu alt text vô nghĩa như “ảnh SEO”, “hình minh họa SEO”, “SEO hình ảnh chuẩn” nếu ảnh thực tế là sản phẩm, biểu đồ, giao diện công cụ.
• Với ảnh có tính instructional (hướng dẫn, quy trình), từ khóa thường gắn với động từ: “hướng dẫn”, “cách”, “quy trình”, “bước”. Hãy dùng chúng khi thực sự mô tả nội dung ảnh.

Về mặt kỹ thuật, Google có thể hiểu nội dung ảnh thông qua computer vision, nhưng alt text vẫn là tín hiệu văn bản quan trọng để:

• Giải quyết các trường hợp ảnh khó nhận diện (biểu đồ phức tạp, giao diện phần mềm, ảnh chụp màn hình).
• Phân biệt các biến thể rất giống nhau (màu sắc gần nhau, model khác nhau, phiên bản năm khác nhau).
• Liên kết ảnh với ngữ cảnh nội dung xung quanh (caption, đoạn văn, heading gần nhất).

Viết alt text theo nhu cầu tìm kiếm của người dùng, không theo checklist máy móc

Search intent là lớp “ý đồ” nằm sau truy vấn. Khi tối ưu alt text ở mức chuyên sâu, bạn không chỉ mô tả “có gì trong ảnh” mà còn cân nhắc “ảnh này giúp giải quyết nhu cầu nào của người dùng”. Điều này đặc biệt quan trọng với:

• Ảnh hướng dẫn (how-to, step-by-step).
• Ảnh so sánh (before/after, A/B, sản phẩm A vs sản phẩm B).
• Ảnh minh họa khái niệm (mô hình, sơ đồ, framework, canvas).
• Ảnh kết quả (case study, KPI, biểu đồ tăng trưởng).

Ví dụ, với ảnh “cách buộc cà vạt”, người dùng có thể tìm “cách thắt cà vạt Windsor”, “hướng dẫn thắt cà vạt từng bước”. Alt text phù hợp có thể là “Hướng dẫn từng bước thắt cà vạt kiểu Windsor cho nam văn phòng”. Câu này:

• Mô tả đúng nội dung ảnh (các bước thắt cà vạt kiểu Windsor).
• Phản ánh đúng intent “học cách làm” (how-to, tutorial).
• Sử dụng ngôn ngữ giống với cách người dùng diễn đạt truy vấn.

Thay vì áp dụng checklist cứng nhắc kiểu “alt text phải có từ khóa chính + từ khóa phụ + thương hiệu + địa điểm”, hãy linh hoạt theo:

• Vai trò của ảnh trên trang: ảnh hero, ảnh sản phẩm chính, ảnh minh họa phụ, icon, ảnh trang trí.
• Loại intent chính của trang: bán hàng, hướng dẫn, tra cứu thông tin, giới thiệu thương hiệu, tuyển dụng.
• Mức độ quan trọng của ảnh với trải nghiệm người dùng: ảnh bắt buộc phải hiểu (sơ đồ, bước hướng dẫn) vs ảnh chỉ mang tính thẩm mỹ.

Một số gợi ý thực hành theo intent:

• Trang sản phẩm (transactional): alt text nên tập trung vào entity sản phẩm + thuộc tính thương mại quan trọng, phản ánh các cụm từ mà người dùng có thể dùng để tìm sản phẩm (tên, model, màu, dung tích, công suất).
• Trang hướng dẫn (informational): alt text nên mô tả bước, trạng thái, kết quả ở từng ảnh, dùng ngôn ngữ “cách làm”, “bước X”, “minh họa thao tác”.
• Trang dịch vụ: alt text nên nhấn mạnh loại dịch vụ, kết quả mang lại, bối cảnh áp dụng (cho doanh nghiệp nào, ngành nào, quy mô nào).
• Trang thương hiệu, giới thiệu công ty: alt text cho ảnh đội ngũ, văn phòng nên gắn với tên công ty, vị trí, vai trò, để hỗ trợ intent tìm hiểu về brand.

Cuối cùng, hãy chấp nhận rằng không phải ảnh nào cũng cần alt text dài và “đủ checklist”. Một số ảnh chỉ cần mô tả ngắn gọn, chính xác; một số ảnh quan trọng hơn cần alt text chi tiết, gắn với intent. Nguyên tắc cốt lõi vẫn là: đúng entity, đúng bối cảnh, hữu ích cho người dùng, tự nhiên với ngôn ngữ tìm kiếm.

Độ dài alt text hợp lý cho từng loại hình ảnh

Alt text cần được điều chỉnh linh hoạt theo loại hình ảnh và mục đích sử dụng, nhưng vẫn giữ nguyên tắc chung là ngắn gọn, đủ nghĩa, có chủ đích. Với ảnh đơn giản, chỉ cần một câu ngắn mô tả đúng đối tượng chính; ảnh phức tạp nên dùng alt như phần tóm tắt, còn chi tiết triển khai bằng văn bản HTML gần ảnh để hỗ trợ cả screen reader lẫn SEO. Ảnh sản phẩm trong thương mại điện tử cần alt đủ chi tiết để phân biệt mẫu, phiên bản, màu sắc, góc chụp và đặc điểm nổi bật. Ảnh minh họa trong blog ưu tiên mô tả vai trò, ý nghĩa trong ngữ cảnh nội dung. Với biểu đồ, infographic, bản đồ, alt chỉ nên nêu chủ đề, phạm vi, xu hướng hoặc kết luận chính, tránh biến alt thành “bài viết thu nhỏ”.

Alt text nên ngắn gọn, đủ nghĩa và tránh mô tả lan man

Về mặt kỹ thuật, thuộc tính alt trong HTML không bị giới hạn ký tự cứng, nhưng về mặt trải nghiệm và SEO, alt text nên được tối ưu theo hướng ngắn gọn, đủ nghĩa và có chủ đích. Nhiều tài liệu về accessibility và SEO khuyến nghị độ dài khoảng 80–125 ký tự, song đây chỉ là mốc tham chiếu, không phải “chuẩn bắt buộc”. Điều quan trọng hơn là alt phải mô tả đúng và đủ đối tượng chính của ảnh, tránh kể lể dài dòng hoặc chèn thêm thông tin không liên quan.

Với ảnh đơn giản (ví dụ: logo, icon, ảnh một sản phẩm đơn lẻ, ảnh chân dung cơ bản), một câu ngắn khoảng 5–12 từ thường đã đáp ứng tốt nhu cầu của người dùng screen reader và công cụ tìm kiếm. Khi ảnh phức tạp hơn (ảnh chụp nhiều đối tượng, ảnh có bối cảnh, ảnh thể hiện hành động cụ thể), có thể cần 1–2 câu để mô tả, nhưng vẫn nên kiểm soát độ dài để tránh việc screen reader phải đọc một đoạn quá dài, gây mệt mỏi và khó theo dõi cho người dùng khi duyệt trang.

Với những ảnh chứa lượng thông tin lớn như biểu đồ, sơ đồ quy trình, infographic, bản đồ, việc cố gắng “nhồi” toàn bộ nội dung vào alt text thường phản tác dụng. Cách tiếp cận tốt hơn là sử dụng alt như một bản tóm tắt ngắn về chủ đề, mục đích và xu hướng chính của hình, còn phần mô tả chi tiết (số liệu, bước, chú thích) nên được trình bày bằng văn bản HTML gần ảnh. Cách này vừa thân thiện với screen reader, vừa giúp Google hiểu nội dung sâu hơn vì văn bản HTML dễ index hơn chữ nằm trong ảnh.

Độ dài alt text cũng cần được điều chỉnh theo loại website, mục tiêu SEO và đối tượng người dùng:

• Website thương mại điện tử: alt thường cần chi tiết hơn để phân biệt sản phẩm, biến thể, phiên bản, màu sắc, dung lượng, kích thước…
• Website tin tức, blog: alt thường tập trung mô tả ý nghĩa của ảnh trong ngữ cảnh bài viết, không cần liệt kê quá nhiều thuộc tính kỹ thuật.
• Website thương hiệu, landing page: alt ưu tiên mô tả thông điệp, cảm xúc, bối cảnh hơn là chi tiết vi mô của hình.

Dù thuộc loại website nào, alt text vẫn nên tránh các lỗi phổ biến như:

• Nhồi nhét từ khóa một cách máy móc, lặp lại tiêu đề hoặc mô tả sản phẩm y nguyên.
• Dùng các cụm chung chung như “ảnh đẹp”, “hình minh họa”, “image1”, “banner trang chủ”.
• Viết alt quá dài, mô tả từng chi tiết nhỏ không mang thêm giá trị cho người dùng hoặc SEO.

Trong thực tế triển khai, có thể áp dụng một số nguyên tắc kiểm tra nhanh cho độ dài alt text:

• Nếu đọc alt text mất quá 5–7 giây, hãy cân nhắc rút gọn hoặc tách phần mô tả chi tiết ra nội dung xung quanh.
• Nếu bỏ đi một phần câu mà ý nghĩa chính vẫn giữ nguyên, phần đó có thể là dư thừa.
• Nếu alt chỉ lặp lại y hệt tiêu đề hoặc caption ngay cạnh, hãy điều chỉnh để tránh trùng lặp không cần thiết.

Ảnh sản phẩm cần đủ thông tin để phân biệt mẫu, phiên bản và đặc điểm chính

Trong bối cảnh thương mại điện tử, ảnh sản phẩm là một trong những nguồn traffic quan trọng từ Google Images và cũng là yếu tố then chốt trong trải nghiệm người dùng, đặc biệt với người dùng có hạn chế về thị lực. Alt text cho ảnh sản phẩm không chỉ phục vụ SEO mà còn đóng vai trò như “nhãn mô tả bằng lời” giúp phân biệt các biến thể sản phẩm. Do đó, alt cần đủ chi tiết để phân biệt được mẫu, phiên bản và các đặc điểm chính giữa các ảnh trong cùng một nhóm sản phẩm.

Các yếu tố nên cân nhắc đưa vào alt sản phẩm gồm:

• Tên sản phẩm và thương hiệu (ví dụ: “Điện thoại iPhone 15 Pro Max”, “Giày thể thao Nike Air Zoom Pegasus”).
• Model hoặc mã sản phẩm nếu là yếu tố người dùng thường tìm kiếm.
• Màu sắc, hoa văn, kiểu dáng (đen, trắng, titan tự nhiên, kẻ caro, dáng suông…).
• Dung lượng, cấu hình (với thiết bị điện tử: 128GB, 256GB, RAM 8GB…).
• Kích thước, số đo (với nội thất, thời trang: size M, 2m x 1,6m, cao 1,2m…).
• Chất liệu (cotton, da thật, gỗ sồi, inox 304…), đặc biệt khi chất liệu là lợi thế cạnh tranh.
• Biến thể đối tượng sử dụng (nam, nữ, unisex, trẻ em, người lớn tuổi…).
• Góc chụp hoặc chi tiết nổi bật (mặt trước, mặt sau, cạnh bên, cận cảnh logo, chi tiết đường may, cổng kết nối…).

Không phải ảnh nào cũng cần chứa toàn bộ các yếu tố trên. Nguyên tắc là: chỉ chọn những thuộc tính giúp phân biệt ảnh đó với các ảnh khác của cùng sản phẩm hoặc cùng danh mục. Ví dụ, nếu một sản phẩm có 5 ảnh với các góc chụp khác nhau, alt của từng ảnh nên nhấn mạnh góc chụp hoặc chi tiết khác biệt, thay vì lặp lại y nguyên một câu cho cả 5 ảnh.

Ví dụ cụ thể:

• Ảnh mặt trước: “Điện thoại iPhone 15 Pro Max 256GB màu titan tự nhiên, mặt trước hiển thị màn hình chính”.
• Ảnh mặt sau: “Điện thoại iPhone 15 Pro Max màu titan tự nhiên, mặt lưng với cụm 3 camera”.
• Ảnh cận cảnh camera: “Cận cảnh cụm 3 camera sau trên iPhone 15 Pro Max màu titan tự nhiên”.

Cả ba alt đều mô tả cùng một sản phẩm nhưng nhấn mạnh các góc chụp khác nhau, giúp:

• Người dùng screen reader hình dung rõ hơn về từng ảnh trong gallery sản phẩm.
• Google hiểu tốt hơn nội dung từng ảnh, tăng khả năng xuất hiện trong Google Images với các truy vấn cụ thể.

Khi tối ưu alt cho ảnh sản phẩm, cần lưu ý thêm:

• Không nhồi nhét từ khóa thương hiệu, model lặp đi lặp lại một cách vô nghĩa trong mọi ảnh.
• Không sao chép nguyên văn mô tả sản phẩm dài dòng vào alt; nên rút gọn thành phiên bản súc tích, tập trung vào điểm phân biệt.
• Nếu ảnh chỉ là biến thể màu sắc, hãy ưu tiên nhấn mạnh màu và góc chụp, không cần lặp lại toàn bộ thông số kỹ thuật.
• Với ảnh thumbnail nhỏ, alt có thể ngắn hơn, tập trung vào tên + biến thể (ví dụ: “Áo thun nam cổ tròn màu đen size M”).

Ảnh minh họa trong bài blog chỉ cần mô tả ý nghĩa hỗ trợ nội dung

Trong các bài blog, bài hướng dẫn, bài phân tích chuyên sâu, phần lớn hình ảnh được sử dụng với vai trò minh họa ý tưởng, làm rõ luận điểm hoặc tăng tính trực quan, chứ không phải là đối tượng chính để người dùng tìm kiếm độc lập trên Google Images. Với nhóm ảnh này, alt text không cần (và không nên) chi tiết như ảnh sản phẩm, mà nên tập trung mô tả ý nghĩa của ảnh trong ngữ cảnh đoạn văn.

Ví dụ, trong bài viết về “quy trình SEO onpage”, một ảnh minh họa có thể là sơ đồ các bước tối ưu. Alt phù hợp có thể là: “Sơ đồ 6 bước tối ưu SEO onpage từ nghiên cứu từ khóa đến đo lường kết quả”. Câu alt này cho người dùng biết:

• Ảnh là sơ đồ (diagram/flowchart), không phải ảnh chụp hay biểu đồ số liệu.
• Sơ đồ mô tả quy trình gồm 6 bước, liên quan trực tiếp đến SEO onpage.
• Phạm vi quy trình: từ bước nghiên cứu từ khóa đến bước đo lường kết quả.

Không cần (và không nên) mô tả chi tiết màu sắc từng khối, kiểu mũi tên, font chữ, vì các chi tiết này không mang thêm giá trị nội dung cho người dùng hoặc SEO. Thay vào đó, nếu sơ đồ chứa nội dung quan trọng (tên từng bước, ghi chú), nên trình bày lại nội dung đó bằng văn bản ngay dưới ảnh hoặc trong phần thân bài.

Giữ alt text gọn gàng cho ảnh minh họa mang lại nhiều lợi ích:

• Nội dung dễ quản lý, tránh trùng lặp và giảm thời gian nhập liệu cho đội content.
• Người dùng screen reader không bị “ngắt mạch” bởi những đoạn mô tả quá dài, không cần thiết.
• Giảm nguy cơ nhồi nhét từ khóa trong alt, giúp hồ sơ SEO tự nhiên hơn.

Tuy nhiên, alt vẫn phải phản ánh đúng vai trò của ảnh trong bài viết. Một số lưu ý:

• Không dùng các mô tả chung chung như “ảnh minh họa”, “hình 1”, “hình đẹp”, vì chúng không cung cấp thông tin thực sự.
• Nếu ảnh minh họa một khái niệm trừu tượng (ví dụ: “phễu marketing”, “hành trình khách hàng”), alt nên nêu rõ khái niệm đó.
• Nếu ảnh là screenshot giao diện công cụ, alt nên mô tả hành động hoặc chức năng đang được minh họa (ví dụ: “Giao diện thiết lập thẻ title và meta description trong Yoast SEO”).

Ảnh phức tạp như biểu đồ hoặc infographic cần mô tả ngắn trong alt và giải thích chi tiết gần ảnh

Biểu đồ, infographic, bản đồ dữ liệu, sơ đồ mạng lưới và các loại hình ảnh chứa nhiều thông tin thường là thách thức lớn trong việc viết alt text. Nếu cố gắng mô tả toàn bộ nội dung trong alt, người dùng screen reader sẽ phải nghe một đoạn rất dài, khó nắm bắt cấu trúc và dễ bỏ sót thông tin quan trọng. Đồng thời, công cụ tìm kiếm cũng không ưu tiên phân tích các đoạn alt quá dài, thiếu cấu trúc. Cách tiếp cận hiệu quả hơn là sử dụng chiến lược “alt tóm tắt, nội dung chi tiết đặt gần ảnh”. Với biểu đồ, alt text không nên cố sao chép toàn bộ số liệu, nhãn trục, chú thích và từng điểm dữ liệu vào một câu quá dài. Cách làm hiệu quả hơn là nêu loại biểu đồ, phạm vi dữ liệu, xu hướng chính và kết luận quan trọng nhất; phần số liệu chi tiết nên được trình bày bằng bảng hoặc đoạn văn HTML gần hình. Nghiên cứu phân tích alt text trong các công bố khoa học cho thấy chỉ khoảng một nửa mô tả đề cập đến giá trị cực đại, cực tiểu hoặc ngoại lệ; tỷ lệ mô tả xu hướng hay so sánh chính còn thấp hơn. Điều này cho thấy nhiều alt text hiện vẫn chưa chuyển được “ý nghĩa dữ liệu” thành nội dung người dùng có thể hiểu và sử dụng (Chintalapati et al., 2022).

Với biểu đồ (bar chart, line chart, pie chart, area chart…), alt nên tập trung vào:

• Chủ đề hoặc biến số chính (doanh thu, traffic, tỉ lệ chuyển đổi…).
• Khoảng thời gian hoặc phạm vi so sánh (12 tháng, 4 quý, 3 kênh marketing…).
• Xu hướng nổi bật hoặc kết luận chính (tăng đều, giảm mạnh, vượt qua, chiếm tỉ trọng lớn nhất…).

Ví dụ: “Biểu đồ cột so sánh doanh thu SEO và quảng cáo Google Ads trong 12 tháng, SEO tăng đều và vượt Ads từ tháng thứ 7”. Câu alt này cho biết loại biểu đồ, đối tượng so sánh, khoảng thời gian và xu hướng chính. Phần chi tiết về số liệu cụ thể, tỉ lệ phần trăm, tháng nào tăng giảm nên được trình bày trong đoạn văn hoặc bảng ngay dưới biểu đồ, để người dùng có thể đọc hoặc để screen reader đọc theo cấu trúc rõ ràng. Khi biểu đồ có vai trò làm bằng chứng cho một kết luận, phần mô tả gần ảnh cần giải thích rõ dữ liệu nào quan trọng, so sánh nào đáng chú ý và giới hạn nào cần lưu ý. Ví dụ, thay vì chỉ viết “Biểu đồ traffic tăng trưởng”, mô tả nên nêu khoảng thời gian, chỉ số, mức thay đổi và nguyên nhân nếu dữ liệu có đủ cơ sở giải thích. Alt text có thể tóm tắt: “Biểu đồ đường cho thấy traffic organic tăng liên tục từ tháng 1 đến tháng 6”, trong khi đoạn văn bên dưới cung cấp số liệu cụ thể. Cách phân lớp này giúp screen reader không phải đọc một đoạn alt quá dài nhưng vẫn giúp người dùng tiếp cận đầy đủ thông tin. Alt text là bản tóm tắt định hướng; văn bản liền kề mới là nơi giải thích dữ liệu chuyên sâu (Chintalapati et al., 2022).

Với infographic, alt nên mô tả:

• Chủ đề tổng quát của infographic.
• Hình thức tóm tắt (số bước, số giai đoạn, danh sách mẹo…).
• Đối tượng hoặc bối cảnh áp dụng (doanh nghiệp B2B, cửa hàng bán lẻ, startup công nghệ…).

Ví dụ: “Infographic tóm tắt 10 bước xây dựng chiến lược content marketing cho doanh nghiệp B2B”. Nội dung 10 bước nên được liệt kê chi tiết trong bài, dưới dạng danh sách hoặc các đoạn văn riêng. Cách này giúp:

• Người dùng không nhìn được ảnh vẫn tiếp cận đầy đủ nội dung thông qua văn bản.
• Google index nội dung chi tiết tốt hơn, vì văn bản HTML dễ phân tích hơn chữ nhúng trong ảnh.
• Alt text giữ được vai trò tóm tắt, không bị biến thành “bài viết thu nhỏ” khó đọc.

Với các ảnh phức tạp khác như bản đồ, sơ đồ kiến trúc, ma trận, có thể áp dụng nguyên tắc tương tự:

• Alt mô tả loại hình ảnh, chủ đề, phạm vi và kết luận hoặc thông điệp chính.
• Phần chi tiết (tên vùng, tọa độ, thành phần, mối quan hệ) được trình bày trong đoạn văn, bảng hoặc danh sách gần ảnh.

Trong một số trường hợp, có thể sử dụng thêm thuộc tính aria-describedby hoặc liên kết đến phần mô tả chi tiết trong cùng trang để screen reader đọc được phần giải thích mở rộng, trong khi alt vẫn giữ vai trò mô tả ngắn gọn. Tuy nhiên, dù sử dụng kỹ thuật nào, nguyên tắc cốt lõi vẫn là: alt text nên tập trung vào việc giúp người dùng hiểu ảnh nói về điều gì và kết luận chính là gì, còn phần chi tiết nên được chuyển thành nội dung văn bản có cấu trúc, đặt gần hình ảnh để tối ưu cả accessibility lẫn SEO.

Alt text cho ảnh sản phẩm trên website thương mại điện tử

Alt text cho ảnh sản phẩm trên website thương mại điện tử cần được xây dựng như một lớp dữ liệu ngữ nghĩa bổ trợ cho toàn bộ trang sản phẩm. Với ảnh sản phẩm chính, nên ưu tiên mô tả đầy đủ tên sản phẩm chuẩn hóa, thương hiệu, biến thể, thông số cốt lõi và góc chụp khi thực sự cần, vừa hỗ trợ accessibility vừa giúp công cụ tìm kiếm hiểu rõ entity sản phẩm và ngữ cảnh hiển thị. Ở các ảnh chi tiết, alt text phải tập trung vào bộ phận, chất liệu, tính năng hoặc phụ kiện cụ thể, tránh lặp lại mô tả của ảnh chính để tạo thêm ngữ cảnh long-tail và giảm trùng lặp nội dung. Mỗi ảnh trong cùng một gallery nên có alt text riêng, phản ánh đúng góc chụp hoặc chi tiết khác biệt. Cuối cùng, alt text cần được đồng bộ với product title, schema Product, tên file và URL, lý tưởng là sinh từ template dựa trên dữ liệu sản phẩm nhưng vẫn cho phép chỉnh sửa thủ công cho các sản phẩm quan trọng.

Ảnh sản phẩm chính nên nêu tên sản phẩm, thương hiệu, biến thể và góc chụp khi cần

Ảnh sản phẩm chính (main product image) là ảnh xuất hiện đầu tiên trong gallery, thường được dùng làm thumbnail trong danh sách sản phẩm, trong kết quả tìm kiếm, trong rich result hình ảnh và cả trong quảng cáo động (dynamic ads). Vì vậy, alt text cho ảnh này không chỉ phục vụ accessibility mà còn là một tín hiệu quan trọng giúp công cụ tìm kiếm hiểu rõ entity sản phẩm và ngữ cảnh hiển thị. Ảnh sản phẩm cần mô tả đủ để người dùng phân biệt được biến thể đang hiển thị, nhưng không nên biến alt text thành bản sao của mô tả sản phẩm dài. Thông tin ưu tiên thường gồm tên sản phẩm chuẩn hóa, thương hiệu, model hoặc phiên bản, màu sắc, dung lượng, kích thước hay đặc điểm nổi bật nhìn thấy được. Với ảnh mặt sau, cận cảnh cổng kết nối hoặc phụ kiện, phần mô tả phải chuyển trọng tâm sang chi tiết thực tế trong khung hình. Nghiên cứu về trải nghiệm ảnh hồ sơ và ảnh có tính nhận diện xã hội cho thấy người dùng screen reader đánh giá cao mô tả chi tiết, giàu thông tin khi mô tả đó giúp họ hiểu được tín hiệu thực tế mà người xem bằng mắt nhận được. Mỗi ảnh trong gallery cần có giá trị thông tin riêng, không chỉ thay đổi tên file hoặc số thứ tự ảnh (Mott et al., 2023).

Về mặt cấu trúc, alt text cho ảnh sản phẩm chính nên ưu tiên theo thứ tự:

• Tên sản phẩm chuẩn hóa (model, dòng sản phẩm, mã nếu cần)
• Thương hiệu (brand) trùng với dữ liệu trong schema Product
• Biến thể chính: màu sắc, dung lượng, kích thước, phiên bản (2024, Gen 3…)
• Thông số cốt lõi nếu là ngành hàng kỹ thuật (RAM, SSD, công suất…)
• Ngữ cảnh hoặc góc chụp chỉ khi thực sự giúp làm rõ đặc điểm nổi bật

Ví dụ, với một sản phẩm laptop, alt có thể là: “Laptop Dell XPS 13 9320 13 inch, Intel Core i7, RAM 16GB, SSD 512GB, màu bạc”. Cách viết này giúp:

• Khớp với nhu cầu tìm kiếm chi tiết (long-tail) như “laptop dell xps 13 9320 i7 16gb 512gb bạc”.
• Giảm rủi ro nhầm lẫn giữa các biến thể cùng dòng XPS 13 nhưng khác cấu hình.
• Tăng khả năng ảnh xuất hiện trong Google Images với truy vấn có thông số kỹ thuật.

Với giày thể thao, yếu tố quan trọng thường là giới tính, dòng sản phẩm, màu sắc và đặc tính sử dụng. Ví dụ: “Giày chạy bộ nam Nike Air Zoom Pegasus 40 màu đen, size lớn”. Có thể tinh chỉnh sâu hơn theo ngữ cảnh ngành hàng:

• Thêm loại địa hình: “đường bằng”, “đường trail”, “chạy bộ hàng ngày”.
• Thêm đặc tính: “đệm êm”, “hỗ trợ ổn định”, “phù hợp chạy đường dài”.

Với mỹ phẩm, các thuộc tính then chốt thường là dung tích, loại da, công dụng chính và đôi khi là thành phần nổi bật. Ví dụ: “Serum dưỡng ẩm La Roche-Posay Hyalu B5 30ml cho da nhạy cảm”. Có thể mở rộng thêm nếu phù hợp:

• “Serum dưỡng ẩm La Roche-Posay Hyalu B5 30ml cho da nhạy cảm, phục hồi hàng rào bảo vệ da”.

Trong một số trường hợp, góc chụp cũng quan trọng, đặc biệt khi ảnh chính thể hiện một đặc điểm nổi bật như màn hình cong, cụm camera, thiết kế viền mỏng, chân đế đặc biệt. Khi đó, có thể thêm mô tả góc chụp nếu giúp người dùng hiểu rõ hơn, ví dụ: “Tivi Samsung 55 inch 4K màn hình cong, ảnh chụp mặt trước hiển thị giao diện Smart TV”. Tuy nhiên, không nên lạm dụng mô tả góc chụp nếu nó không mang thêm giá trị thông tin; ưu tiên thông tin sản phẩm cốt lõi trước.

Về mặt kỹ thuật SEO, alt text của ảnh chính nên:

• Chứa từ khóa chính trùng hoặc gần với product title, nhưng không nhồi nhét.
• Không thêm các cụm như “hình ảnh”, “photo”, “picture” vì đã là ngữ cảnh ảnh.
• Giữ độ dài vừa phải (thường 80–140 ký tự) để screen reader đọc dễ, nhưng vẫn đủ chi tiết.

Ảnh chi tiết nên mô tả bộ phận, chất liệu, tính năng hoặc điểm khác biệt

Gallery sản phẩm thường có nhiều ảnh chi tiết: cận cảnh chất liệu, đường may, cổng kết nối, logo, phụ kiện đi kèm, tính năng đặc biệt, ảnh lifestyle (ảnh sử dụng trong bối cảnh thực tế). Về mặt UX và accessibility, mỗi ảnh nên trả lời câu hỏi: “Ảnh này đang làm rõ điều gì về sản phẩm?”. Alt text phải phản ánh chính xác câu trả lời đó.

Alt text cho các ảnh chi tiết không nên lặp lại nguyên văn alt của ảnh chính, mà cần mô tả bộ phận hoặc tính năng cụ thể mà ảnh thể hiện. Cách tiếp cận hiệu quả là xác định loại chi tiết:

• Chi tiết về cấu trúc / bộ phận: đế giày, cổ giày, dây buộc, cổng kết nối, bản lề, tay vịn.
• Chi tiết về chất liệu: da thật, da lộn, vải mesh, nhựa ABS, kim loại nguyên khối.
• Chi tiết về tính năng: chống trượt, chống nước, chống ồn, tản nhiệt, sạc nhanh.
• Chi tiết về phụ kiện: củ sạc, dây cáp, túi đựng, remote, bộ lọc thay thế.

Ví dụ, với một đôi giày: ảnh cận cảnh đế có thể dùng alt “Đế giày chạy bộ Nike Pegasus 40 với rãnh chống trượt và đệm khí Zoom Air”; ảnh cận cảnh logo: “Logo Nike màu trắng ở thân giày Pegasus 40 màu đen”. Ở đây, alt text không chỉ mô tả hình ảnh mà còn nhấn mạnh lợi ích sử dụng (chống trượt, đệm khí) – điều này giúp Google hiểu sâu hơn về ưu điểm sản phẩm.

Với laptop, ảnh cổng kết nối có thể dùng alt “Cổng USB-C và Thunderbolt 4 trên cạnh trái laptop Dell XPS 13”. Có thể chi tiết hơn nếu ảnh thể hiện rõ:

• “Cổng USB-C, Thunderbolt 4 và jack tai nghe 3.5mm trên cạnh trái laptop Dell XPS 13 9320”.

Cách mô tả này giúp Google hiểu rõ hơn về tính năng và ưu điểm sản phẩm, đồng thời hỗ trợ người dùng khi xem ảnh chi tiết, đặc biệt với người dùng screen reader. Người dùng khi duyệt qua gallery bằng bàn phím hoặc trình đọc màn hình sẽ nắm được: ảnh nào đang nói về chất liệu, ảnh nào nói về cổng kết nối, ảnh nào nói về phụ kiện.

Về mặt SEO, việc mô tả chi tiết từng bộ phận giúp:

• Tạo thêm nhiều ngữ cảnh từ khóa dài (long-tail) liên quan đến tính năng cụ thể.
• Tăng khả năng ảnh chi tiết xuất hiện trong Google Images cho truy vấn rất cụ thể, ví dụ “đế giày nike pegasus 40 zoom air”.
• Giảm trùng lặp nội dung alt trong cùng một trang, giúp crawler phân biệt rõ từng ảnh.

Nên tránh các alt text chung chung như “chi tiết sản phẩm”, “xem thêm hình ảnh”, vì không mang giá trị ngữ nghĩa cho cả người dùng lẫn công cụ tìm kiếm.

Ảnh cùng sản phẩm không nên lặp alt text giống hệt nhau

Một lỗi thường gặp trên website thương mại điện tử là dùng cùng một alt text cho tất cả ảnh của một sản phẩm, thường là tên sản phẩm. Điều này khiến Google khó phân biệt từng ảnh, giảm giá trị SEO hình ảnh và không thân thiện với người dùng screen reader, vì họ sẽ nghe đi nghe lại cùng một mô tả cho các ảnh khác nhau, gây trải nghiệm rối và khó chịu. Lặp nguyên một alt text cho toàn bộ ảnh trong gallery khiến người dùng trình đọc màn hình không biết mỗi ảnh đang thể hiện điều gì khác nhau. Với cùng một sản phẩm, ảnh tổng quan, mặt sau, ảnh cận cảnh chất liệu, ảnh chức năng và ảnh phụ kiện cần phản ánh đúng điểm khác biệt đó. Ví dụ, thay vì năm ảnh đều ghi “Ghế công thái học màu đen”, có thể lần lượt mô tả khung ghế, tựa lưng lưới, tay vịn điều chỉnh, bánh xe và góc sử dụng trong văn phòng. Cách phân biệt này vừa hỗ trợ khả năng tiếp cận vừa tăng tính nhất quán dữ liệu nội dung. Mỗi alt text nên trả lời rõ: ảnh này đang bổ sung thêm thông tin gì mà ảnh trước chưa có? (Oh et al., 2021; Mott et al., 2023).

Thay vì lặp lại, nên viết alt text phản ánh góc chụp hoặc chi tiết khác nhau của từng ảnh. Có thể phân loại ảnh theo nhóm để dễ xây dựng quy tắc:

• Ảnh tổng quan: mặt trước, mặt sau, cạnh bên, góc chéo 45 độ.
• Ảnh cận cảnh: chất liệu, đường may, nút bấm, cổng kết nối, logo.
• Ảnh chức năng: màn hình hiển thị giao diện, chế độ hoạt động, tính năng đặc biệt.
• Ảnh phụ kiện: hộp, sách hướng dẫn, dây cáp, bộ lọc, remote.
• Ảnh lifestyle: sản phẩm trong bối cảnh sử dụng thực tế (trên bàn làm việc, trong phòng khách…).

Ảnh mặt trước, mặt sau, cạnh bên, cận cảnh chất liệu, phụ kiện, hộp sản phẩm… đều có thể được mô tả riêng. Không cần quá dài, chỉ cần đủ để phân biệt và thể hiện đúng nội dung. Ví dụ, với một chiếc ghế văn phòng:

• Ảnh 1: “Ghế văn phòng công thái học lưng lưới màu đen, ảnh chụp toàn bộ ghế”.
• Ảnh 2: “Cận cảnh tựa lưng lưới thoáng khí của ghế văn phòng công thái học”.
• Ảnh 3: “Cận cảnh tay vịn điều chỉnh được của ghế văn phòng công thái học”.

Cách làm này vừa tốt cho SEO, vừa tốt cho accessibility. Về mặt vận hành, có thể xây dựng quy tắc đặt alt theo pattern:

• Ảnh tổng quan: “[Loại sản phẩm] [thương hiệu / dòng] [màu sắc], ảnh chụp toàn bộ sản phẩm”.
• Ảnh chi tiết: “[Bộ phận / tính năng] của [tên sản phẩm] [biến thể nếu cần]”.
• Ảnh phụ kiện: “Phụ kiện [tên phụ kiện] đi kèm [tên sản phẩm]”.

Quan trọng là tránh trùng lặp 100% alt text giữa các ảnh trong cùng một sản phẩm, trừ trường hợp đặc biệt như ảnh cùng nội dung nhưng kích thước khác nhau phục vụ responsive; khi đó có thể dùng cùng alt vì thực chất là cùng một ảnh.

Alt text cần khớp dữ liệu product page, schema, tên file và nội dung mô tả sản phẩm

Để tối ưu SEO một cách nhất quán, alt text không nên tồn tại độc lập, mà cần khớp với các dữ liệu khác trên trang sản phẩm: tên sản phẩm (product title), mô tả sản phẩm, thuộc tính (attribute), schema Product, tên file ảnh và thậm chí cả URL. Sự nhất quán này giúp Google dễ dàng hiểu và tin tưởng thông tin, giảm khả năng bị đánh giá là dữ liệu nhiễu hoặc sai lệch. Sự nhất quán của dữ liệu đặc biệt quan trọng với các trang sản phẩm có nhiều biến thể về màu sắc, dung lượng, kích thước hoặc cấu hình. Alt text không nên ghi màu tím nếu trang sản phẩm, ảnh thực tế và dữ liệu cấu trúc đang mô tả phiên bản màu đen; cũng không nên ghi model khác chỉ vì nội dung được sao chép từ sản phẩm trước. Với hệ thống có nhiều SKU, có thể dùng mẫu tự động dựa trên tên sản phẩm và thuộc tính cơ bản, nhưng các ảnh chủ lực vẫn cần được kiểm tra thủ công để đảm bảo mô tả đúng ảnh. Nghiên cứu về các công cụ hỗ trợ tạo alt text nhấn mạnh rằng tự động hóa chỉ hữu ích khi có thông tin ngữ cảnh và cơ chế kiểm tra độ chính xác, bởi mô tả sai có thể gây hiểu nhầm cho người dùng (Leotta et al., 2022).

Nếu alt text ghi “iPhone 14 Pro Max 128GB màu tím”, nhưng product title là “iPhone 14 Pro 256GB màu đen”, schema ghi dung lượng khác, tên file lại là “iphone-13.jpg”, Google sẽ nhận thấy sự mâu thuẫn và có thể giảm độ tin cậy của dữ liệu. Trong bối cảnh tìm kiếm hiện đại, nơi Google cố gắng xây dựng entity sản phẩm (product knowledge graph), những mâu thuẫn nhỏ như vậy có thể khiến sản phẩm khó được hiển thị trong rich result hoặc Google Shopping.

Ngược lại, khi mọi trường đều thống nhất về entity và thuộc tính, tín hiệu về sản phẩm sẽ mạnh hơn:

• Product title: “iPhone 14 Pro Max 128GB màu tím chính hãng VN/A”.
• Schema Product: name, brand, color, offers… trùng khớp.
• Alt text ảnh chính: “iPhone 14 Pro Max 128GB màu tím, ảnh chụp mặt trước và sau”.
• Tên file: “iphone-14-pro-max-128gb-tim-mat-truoc-sau.jpg”.
• URL: “/iphone-14-pro-max-128gb-mau-tim”.

Trong quy trình quản lý nội dung thương mại điện tử, nên xây dựng template sinh alt text dựa trên dữ liệu sản phẩm (tên, thương hiệu, thuộc tính chính), sau đó cho phép chỉnh sửa thủ công khi cần. Một số gợi ý kỹ thuật:

• Tạo field riêng trong CMS cho alt text, có thể auto-fill từ product name + thuộc tính.
• Đặt rule: ảnh đầu tiên dùng template “{ProductName} {KeyAttributes}”, ảnh sau dùng “{DetailType} của {ProductName}”.
• Thiết lập kiểm tra tự động để phát hiện mâu thuẫn giữa alt text và thuộc tính sản phẩm (màu, dung lượng, kích thước).

Với các website có hàng chục nghìn SKU, việc sinh alt text tự động là cần thiết, nhưng vẫn nên có cơ chế override thủ công cho các sản phẩm chủ lực (hero products) hoặc landing page quan trọng. Khi chỉnh sửa thủ công, cần đảm bảo:

• Không thay đổi thông tin cốt lõi (model, dung lượng, màu) so với product data.
• Chỉ bổ sung thêm ngữ cảnh (góc chụp, tính năng nổi bật) hoặc tinh chỉnh câu chữ cho tự nhiên hơn.
• Giữ nguyên cấu trúc từ khóa chính để không phá vỡ sự nhất quán với schema và URL.

Việc đồng bộ alt text với các trường dữ liệu khác không chỉ là vấn đề SEO, mà còn là một phần của chiến lược quản trị dữ liệu sản phẩm (PIM – Product Information Management) chuyên nghiệp, giúp hệ thống dễ mở rộng, dễ bảo trì và giảm lỗi thông tin khi cập nhật hàng loạt.

Alt text cho ảnh blog, dịch vụ và landing page SEO

Alt text cho ảnh trên blog, trang dịch vụ và landing page SEO cần bám sát vai trò nội dung của từng loại ảnh để vừa hỗ trợ SEO, vừa đảm bảo accessibility. Với ảnh hero, mô tả nên xoay quanh chủ thể chính, hành động và ngữ cảnh liên quan chủ đề trang, tránh nhồi từ khóa hoặc lặp lại H1 một cách máy móc. Ảnh minh họa quy trình cần nêu rõ bước, hành động và mục tiêu, ưu tiên mô tả tổng quan nếu sơ đồ quá phức tạp, kết hợp heading và đoạn văn để giải thích chi tiết. Ảnh đội ngũ, chuyên gia, dự án nên thể hiện người, vai trò, địa điểm và bối cảnh nhằm tăng tín hiệu EEAT. Với ảnh CTA hoặc banner, alt cần mô tả chức năng và lợi ích hành động, chỉ dùng alt rỗng khi ảnh thuần trang trí.

Ảnh hero cần mô tả chủ thể và ngữ cảnh liên quan đến nội dung chính

Ảnh hero (ảnh lớn đầu trang) trên blog, trang dịch vụ hoặc landing page thường là hình ảnh đầu tiên người dùng nhìn thấy và thường chiếm diện tích lớn trên màn hình đầu tiên (above the fold). Về mặt SEO lẫn UX, ảnh này không chỉ để “cho đẹp” mà còn là một thành phần nội dung có thể được Google thu thập, hiểu ngữ cảnh và liên kết với chủ đề chính của trang thông qua alt text được tối ưu hợp lý.

Với ảnh hero, alt text nên tập trung vào ba yếu tố:

• Chủ thể chính trong ảnh (ai, cái gì đang được thể hiện).
• Hành động hoặc trạng thái (đang làm gì, đang diễn ra điều gì).
• Ngữ cảnh liên quan đến chủ đề trang (dịch vụ gì, chủ đề bài viết gì, ngành nào).

Ví dụ, trên landing page “Dịch vụ SEO tổng thể cho doanh nghiệp”, alt hero có thể là “Đội ngũ chuyên gia SEO đang phân tích dữ liệu traffic và từ khóa cho doanh nghiệp”. Ở đây, alt mô tả rõ chủ thể (đội ngũ chuyên gia SEO), hành động (phân tích dữ liệu traffic và từ khóa) và ngữ cảnh (cho doanh nghiệp). Trên bài blog “Chiến lược content marketing B2B”, alt hero có thể là “Nhóm marketing B2B họp bàn chiến lược nội dung trên laptop và bảng trắng”, thể hiện rõ bối cảnh B2B và hoạt động liên quan đến content marketing.

Về mặt kỹ thuật, ảnh hero thường được đặt trong phần header hoặc section đầu tiên. Nếu ảnh đóng vai trò truyền tải thông điệp chính (ví dụ: thể hiện dịch vụ cốt lõi, đối tượng khách hàng, tình huống sử dụng sản phẩm), không nên bỏ trống alt. Alt rỗng chỉ phù hợp khi ảnh hoàn toàn mang tính trang trí, không thêm thông tin mới so với text xung quanh.

Tuy nhiên, việc tối ưu alt cho ảnh hero không đồng nghĩa với nhồi nhét từ khóa. Một số lỗi thường gặp:

• Nhồi nhiều biến thể từ khóa trong một alt: “dịch vụ SEO, dịch vụ SEO tổng thể, SEO website, SEO tổng thể cho doanh nghiệp”.
• Dùng alt giống hệt thẻ title hoặc H1, không mô tả nội dung ảnh mà chỉ lặp lại từ khóa.
• Dùng alt quá chung chung: “dịch vụ SEO”, “ảnh SEO”, “hình minh họa SEO”.

Cách làm tốt hơn là đặt từ khóa hoặc cụm liên quan một cách tự nhiên trong mô tả ảnh. Ví dụ, thay vì “dịch vụ SEO tổng thể, SEO website”, có thể dùng: “Chuyên gia SEO tối ưu cấu trúc website và nội dung cho doanh nghiệp bán lẻ”. Từ “SEO” và “website” vẫn xuất hiện, nhưng trong một câu mô tả thực tế, có ngữ nghĩa rõ ràng.

Trong bối cảnh accessibility, người dùng screen reader sẽ nghe alt của ảnh hero như một phần nội dung đầu tiên. Nếu alt chỉ là chuỗi từ khóa, trải nghiệm sẽ rất tệ. Một alt tốt cho ảnh hero nên:

• Giúp người không nhìn thấy ảnh vẫn hiểu được bối cảnh trang.
• Không lặp lại nguyên văn H1 nếu không cần thiết, mà bổ sung thêm chi tiết trực quan.
• Không quá dài (thường dưới 125 ký tự là hợp lý), nhưng đủ thông tin cốt lõi.

Ảnh minh họa quy trình nên nêu bước, hành động hoặc kết quả trong ảnh

Trên các trang dịch vụ, landing page hoặc bài blog chuyên sâu, ảnh minh họa quy trình (workflow, flowchart, sơ đồ, timeline) thường được dùng để giải thích cách doanh nghiệp làm việc: quy trình SEO, quy trình thiết kế website, quy trình triển khai quảng cáo, quy trình onboarding khách hàng, v.v. Những ảnh này có giá trị thông tin cao, vì vậy alt text cần phản ánh chính xác nội dung mà ảnh truyền tải, không chỉ mô tả “sơ đồ” một cách chung chung.

Nguyên tắc quan trọng với alt cho ảnh quy trình:

• Nêu rõ bước đang được minh họa nếu ảnh gắn với một bước cụ thể.
• Mô tả hành động chính trong bước đó (đang làm gì, xử lý gì).
• Nếu phù hợp, đề cập kết quả hoặc mục tiêu của bước.

Ví dụ, với ảnh minh họa bước 3 trong quy trình SEO là “Tối ưu onpage”, alt có thể là “Bước 3 trong quy trình SEO: tối ưu onpage cho cấu trúc website và nội dung”. Câu alt này cho người dùng screen reader biết đây là bước thứ mấy, thuộc quy trình nào, và đang làm gì. Với ảnh minh họa bước “Báo cáo và tối ưu”, alt có thể là “Bước cuối trong quy trình SEO: báo cáo kết quả và tối ưu chiến lược dựa trên dữ liệu”, nhấn mạnh yếu tố data-driven.

Nếu ảnh là một sơ đồ tổng quan toàn bộ quy trình (nhiều bước trong một ảnh), alt không cần liệt kê chi tiết từng bước (sẽ quá dài và khó nghe với screen reader). Thay vào đó, có thể:

• Dùng alt mô tả tổng quan: “Sơ đồ quy trình SEO tổng thể gồm các bước nghiên cứu, tối ưu, triển khai và đo lường”.
• Dùng heading (H3, H4) và đoạn văn bên dưới để mô tả chi tiết từng bước.
• Nếu cần chi tiết hơn cho người dùng screen reader, có thể bổ sung mô tả dài (long description) trong nội dung text hoặc bằng thuộc tính khác, thay vì nhồi hết vào alt.

Cách mô tả này giúp người dùng screen reader hiểu được luồng quy trình, đồng thời giúp Google nắm bắt cấu trúc nội dung tốt hơn. Khi Google phân tích trang, việc alt nhắc đến “bước 1”, “bước 2”, “bước 3” kết hợp với heading và đoạn văn tương ứng sẽ tạo nên một cấu trúc logic, hỗ trợ cả SEO onpage lẫn trải nghiệm người dùng.

Một số lưu ý chuyên sâu:

• Nếu nhiều ảnh trong cùng một quy trình chỉ khác số bước nhưng nội dung tương tự, tránh copy-paste alt y hệt, chỉ thay số. Nên thêm chi tiết riêng cho từng bước để tránh trùng lặp và tăng giá trị ngữ nghĩa.
• Nếu ảnh chỉ là icon nhỏ minh họa cho từng bước (ví dụ: icon bánh răng, icon biểu đồ), và text bên cạnh đã mô tả đầy đủ, có thể dùng alt rỗng để tránh lặp thông tin.
• Trong các bài hướng dẫn chuyên sâu, có thể kết hợp alt với caption (chú thích ảnh) để vừa tối ưu SEO, vừa tăng khả năng hiểu nội dung cho người dùng.

Ảnh đội ngũ, chuyên gia hoặc dự án cần nêu người, vai trò, địa điểm hoặc bối cảnh khi phù hợp

Ảnh đội ngũ, chuyên gia, văn phòng, dự án thực tế là những yếu tố quan trọng để xây dựng EEAT (Experience, Expertise, Authoritativeness, Trustworthiness) cho website: thể hiện con người thật, kinh nghiệm thật, dự án thật. Google ngày càng chú trọng đến tín hiệu về tác giả, chuyên gia và thực tế triển khai, nên alt text cho các ảnh này không nên bị xem nhẹ.

Thay vì chỉ ghi “team”, “nhân viên”, “ảnh công ty”, alt nên nêu rõ:

• Ai trong ảnh (nếu có thể nêu tên hoặc chức danh).
• Vai trò hoặc chuyên môn (SEO specialist, content strategist, kỹ sư triển khai, v.v.).
• Địa điểm (văn phòng TP.HCM, hội thảo tại Hà Nội, nhà máy ở Bình Dương, v.v.).
• Bối cảnh hoặc hoạt động (đang họp, đang triển khai dự án, đang đào tạo, đang thuyết trình).

Ví dụ: “Đội ngũ SEO của Công ty ABC tại văn phòng TP.HCM” giúp Google hiểu doanh nghiệp có đội ngũ SEO nội bộ, có văn phòng tại TP.HCM. “Chuyên gia SEO Nguyễn Văn A trình bày chiến lược tại hội thảo Digital Marketing 2024” vừa thể hiện tên chuyên gia, vừa thể hiện hoạt động chuyên môn ở một sự kiện cụ thể. “Kỹ sư triển khai hệ thống camera an ninh tại nhà máy ở Bình Dương” cho thấy doanh nghiệp có kinh nghiệm triển khai thực tế tại nhà máy, trong lĩnh vực camera an ninh.

Với ảnh dự án, có thể nêu loại dự án, ngành hàng, địa điểm và kết quả nếu phù hợp, ví dụ: “Dự án thiết kế nội thất căn hộ 2 phòng ngủ phong cách hiện đại tại Quận 7, TP.HCM”. Cách mô tả này giúp Google hiểu rõ hơn về lĩnh vực hoạt động (thiết kế nội thất), phân khúc dự án (căn hộ 2 phòng ngủ, phong cách hiện đại) và khu vực địa lý (Quận 7, TP.HCM). Điều này đặc biệt hữu ích cho SEO local và SEO theo ngành dọc.

Một số lưu ý chuyên môn:

• Nếu ảnh có nhiều người nhưng không thể nêu tên từng người, có thể mô tả theo nhóm: “Đội ngũ marketing và SEO của Công ty ABC trong buổi họp chiến lược quý 2”.
• Nếu ảnh là chân dung chuyên gia (profile picture), alt nên gắn với tên và vai trò: “Nguyễn Văn A – Chuyên gia SEO kỹ thuật tại Công ty ABC”.
• Tránh dùng alt chỉ có tên file hoặc mã nội bộ (VD: “IMG_1234”, “team-1”), vì không mang giá trị ngữ nghĩa.

Về mặt EEAT, khi nhiều ảnh đội ngũ và dự án được gắn alt mô tả rõ ràng, Google có thêm tín hiệu để liên kết:

• Tên chuyên gia với chủ đề nội dung (SEO, content, PPC, thiết kế, v.v.).
• Doanh nghiệp với loại dự án và khu vực địa lý.
• Hoạt động thực tế (hội thảo, triển khai, đào tạo) với mức độ chuyên môn.

Ảnh CTA hoặc banner cần mô tả chức năng nếu chứa thông tin quan trọng

Nhiều landing page sử dụng ảnh hoặc banner làm nút kêu gọi hành động (CTA), ví dụ: “Đăng ký tư vấn”, “Tải ebook miễn phí”, “Nhận báo giá”. Trong nhiều trường hợp, text trên CTA lại được nhúng trong ảnh (không phải text HTML), khiến người dùng screen reader không thể đọc được nếu không có alt phù hợp. Khi đó, alt text cần mô tả chức năng hoặc thông điệp chính của CTA, không chỉ mô tả hình thức.

Ví dụ, với banner “Nhận tư vấn SEO miễn phí”, alt có thể là “Banner kêu gọi đăng ký tư vấn SEO miễn phí cho doanh nghiệp”. Với ảnh nút “Tải báo cáo”, alt có thể là “Nút tải báo cáo xu hướng SEO 2024”. Những alt này cho người dùng screen reader biết họ có thể làm gì khi tương tác với phần tử đó (đăng ký tư vấn, tải báo cáo), thay vì chỉ nghe “banner” hoặc “button”.

Một số nguyên tắc khi viết alt cho ảnh CTA hoặc banner:

• Tập trung vào hành động (đăng ký, tải, nhận, xem, đặt lịch) và lợi ích chính (tư vấn miễn phí, ebook, báo cáo, demo).
• Không cần mô tả chi tiết màu sắc, hiệu ứng đồ họa trừ khi chúng mang ý nghĩa chức năng.
• Nếu CTA là một link hoặc button có text HTML rõ ràng, và ảnh chỉ là icon trang trí, có thể dùng alt rỗng để tránh lặp.

Tuy nhiên, nếu CTA đã có text HTML rõ ràng ngay bên cạnh hoặc bên dưới, ảnh chỉ mang tính trang trí, có thể cân nhắc dùng alt rỗng để tránh lặp thông tin cho screen reader, tùy vào cách thiết kế giao diện. Trong trường hợp này, vai trò của ảnh là tăng tính thẩm mỹ, không phải truyền tải thông tin mới, nên alt rỗng sẽ giúp trải nghiệm người dùng tốt hơn.

Về SEO, alt cho ảnh CTA thường không phải là nơi chính để nhắm từ khóa, nhưng vẫn có thể chứa các cụm từ liên quan một cách tự nhiên, ví dụ: “tư vấn SEO miễn phí”, “báo cáo xu hướng SEO 2024”, “ebook content marketing B2B”. Điều quan trọng là không biến alt CTA thành danh sách từ khóa, mà giữ nó như một mô tả chức năng rõ ràng, dễ hiểu.

Alt text cho biểu đồ, infographic và ảnh chứa chữ

Alt text cho biểu đồ, infographic và ảnh chứa chữ cần ưu tiên truyền đạt thông điệp chính thay vì sao chép toàn bộ nội dung hình ảnh. Với biểu đồ, hãy mô tả chủ đề, chỉ số trọng tâm và xu hướng nổi bật, còn số liệu chi tiết nên đặt trong bảng hoặc đoạn văn HTML bên dưới. Với infographic, alt chỉ nên đóng vai trò nhãn tóm tắt chủ đề, phạm vi và mục đích; toàn bộ bước, bullet, số liệu phải được “giải nén” thành nội dung văn bản gần ảnh. Với ảnh chứa chữ, phần chữ ngắn có thể đưa vào alt, còn nội dung dài hoặc phức tạp cần được viết lại bằng text HTML, giúp cải thiện accessibility, SEO, khả năng bảo trì và trải nghiệm trên mọi thiết bị.

Biểu đồ cần alt text mô tả chủ đề, chỉ số chính và xu hướng nổi bật

Biểu đồ là dạng hình ảnh mang tính dữ liệu cao, thường thể hiện các mối quan hệ như: thay đổi theo thời gian, so sánh giữa các nhóm, phân bổ tỷ lệ, tương quan giữa hai biến, hoặc phân khúc theo nhiều chiều. Khi viết alt text cho biểu đồ, mục tiêu chính không phải là “đọc lại” toàn bộ số liệu, mà là truyền tải thông điệp dữ liệu cốt lõi để người dùng hiểu được insight mà biểu đồ muốn thể hiện.

Về mặt kỹ thuật accessibility, screen reader sẽ đọc alt text như một mô tả ngắn gọn. Nếu alt quá dài, trải nghiệm nghe sẽ bị gián đoạn, người dùng khó nắm được ý chính. Về mặt SEO, công cụ tìm kiếm cũng ưu tiên những mô tả súc tích, có cấu trúc, nhấn mạnh chủ đề và xu hướng hơn là liệt kê chi tiết từng con số. Do đó, alt text cho biểu đồ nên tập trung vào ba thành phần:

• Chủ đề biểu đồ: Biểu đồ nói về cái gì? (traffic, doanh thu, tỉ lệ chuyển đổi, chi phí quảng cáo…)
• Chỉ số hoặc nhóm dữ liệu chính: Đơn vị đo, phạm vi thời gian, nhóm so sánh (tháng, quý, kênh marketing, nhóm khách hàng…)
• Xu hướng hoặc kết luận nổi bật: Tăng/giảm, ổn định, bứt phá, đảo chiều, nhóm nào vượt trội, mốc thời gian quan trọng…

Ví dụ chuyên sâu hơn:

• Biểu đồ đường thể hiện traffic organic 12 tháng: alt có thể là “Biểu đồ đường thể hiện traffic organic tăng đều trong 12 tháng, từ 10.000 lên 28.000 phiên mỗi tháng, với tốc độ tăng nhanh hơn từ quý 3 trở đi”. Ở đây, alt không cần liệt kê traffic từng tháng, mà nhấn mạnh xu hướng tăng đều và giai đoạn tăng mạnh.
• Biểu đồ cột so sánh kênh SEO và Ads: alt có thể là “Biểu đồ cột so sánh doanh thu từ SEO và Google Ads trong 12 tháng, SEO tăng dần và vượt doanh thu Ads từ tháng thứ 7 trở đi”. Thông tin quan trọng là thời điểm SEO vượt Ads, không phải giá trị chính xác từng tháng.
• Biểu đồ tròn phân bổ ngân sách marketing: alt có thể là “Biểu đồ tròn thể hiện phân bổ ngân sách marketing, trong đó 45% cho SEO, 30% cho quảng cáo trả phí, phần còn lại chia cho email và social media”. Người dùng nắm được tỷ trọng chính mà không cần chi tiết đến từng phần trăm lẻ.

Phần chi tiết về số liệu nên được trình bày bằng text HTML trong đoạn văn hoặc bảng dữ liệu ngay dưới biểu đồ. Cách tổ chức nội dung này mang lại nhiều lợi ích:

• Người dùng có thể quét nhanh insight qua alt text, sau đó đọc sâu hơn ở bảng số liệu nếu cần.
• Screen reader có thể truy cập dữ liệu một cách có cấu trúc, thay vì phải “nghe” một alt text dài dòng.
• Công cụ tìm kiếm index được nội dung số liệu dưới dạng văn bản, hỗ trợ tốt hơn cho SEO, đặc biệt với các truy vấn liên quan đến số liệu cụ thể.

Khi biểu đồ phức tạp (nhiều series dữ liệu, nhiều trục), alt text vẫn nên giữ vai trò tóm tắt insight chính. Nếu cần mô tả chi tiết hơn cho người dùng khiếm thị, có thể bổ sung phần mô tả dài (long description) trong nội dung gần biểu đồ, thay vì nhồi hết vào thuộc tính alt.

Infographic nên có alt ngắn và phần nội dung văn bản thay thế đầy đủ gần ảnh

Infographic là dạng hình ảnh “lai” giữa thiết kế và nội dung, thường chứa nhiều lớp thông tin: tiêu đề, đoạn mô tả, bullet, số liệu, icon, timeline, sơ đồ quy trình… Về mặt accessibility và SEO, việc cố gắng đưa toàn bộ nội dung này vào alt text là không khả thi và cũng không hiệu quả. Alt text cho infographic nên được xem như nhãn mô tả tổng quan, còn nội dung chi tiết phải được chuyển hóa thành text HTML trong bài.

Nguyên tắc thực hành tốt cho infographic:

• Alt tóm tắt chủ đề, phạm vi và mục đích: Người dùng cần hiểu infographic nói về cái gì, áp dụng cho ai, trong bối cảnh nào.
• Nội dung chi tiết được “giải nén” thành text: Các bước, bullet, số liệu, so sánh… nên được trình bày lại bằng đoạn văn, danh sách hoặc bảng.
• Giữ alt ở mức ngắn gọn: Thường chỉ 1–2 câu, tập trung vào overview, tránh biến alt thành một “bài viết thu nhỏ”.

Ví dụ về alt cho infographic:

• “Infographic tóm tắt 7 bước triển khai chiến dịch SEO tổng thể cho doanh nghiệp nhỏ, từ nghiên cứu từ khóa đến đo lường hiệu quả”.
• “Infographic so sánh ưu nhược điểm của SEO và quảng cáo Google Ads về chi phí, tốc độ mang lại kết quả và tính bền vững”.

Sau đó, trong nội dung bài viết, nên trình bày chi tiết:

• Liệt kê 7 bước triển khai SEO bằng danh sách bullet, mỗi bước có mô tả ngắn.
• Phân tích ưu nhược điểm SEO vs Google Ads bằng đoạn văn hoặc bảng so sánh.

Cách làm này đảm bảo:

• Người dùng khiếm thị không bỏ lỡ bất kỳ thông tin quan trọng nào, vì toàn bộ nội dung infographic đã có bản sao bằng text.
• Infographic vẫn giữ vai trò trực quan cho người dùng nhìn được, trong khi nội dung text hỗ trợ đọc sâu, copy, dịch thuật, trích dẫn.
• SEO được tối ưu vì công cụ tìm kiếm index nội dung dưới dạng HTML, không bị “nhốt” trong ảnh.

Trong các trường hợp infographic rất dài (ví dụ: timeline nhiều năm, checklist hàng chục mục), có thể chia nội dung text thành nhiều section tương ứng với từng phần của infographic. Alt text vẫn chỉ nên mô tả tổng thể, không cần phản ánh cấu trúc chi tiết bên trong.

Ảnh chứa chữ quan trọng cần truyền đạt lại thông tin chính trong nội dung trang

Ảnh chứa chữ xuất hiện rất nhiều trong thực tế: banner khuyến mãi, quote nổi bật, tiêu đề section được thiết kế, số liệu key metrics, bảng giá, badge chứng nhận, thông báo sự kiện… Vấn đề là, nếu phần chữ này chỉ tồn tại trong ảnh mà không có bản sao bằng text HTML, người dùng screen reader và công cụ tìm kiếm sẽ không thể truy cập được nội dung đó.

Về mặt kỹ thuật, có hai hướng xử lý chính:

• Chữ ngắn, thông tin đơn giản: Có thể đưa trực tiếp vào alt text, miễn là alt vẫn ngắn gọn, dễ hiểu.
• Chữ dài, cấu trúc phức tạp (bảng giá, danh sách tính năng, điều kiện khuyến mãi chi tiết…): Nên tóm tắt trong alt và trình bày đầy đủ bằng text HTML gần ảnh.

Ví dụ:

• Banner khuyến mãi: alt có thể là “Banner giảm giá 30% cho tất cả dịch vụ SEO trong tháng 6”. Nếu banner còn có thêm điều kiện chi tiết (áp dụng cho hợp đồng trên một mức giá nào đó), phần điều kiện nên được viết trong đoạn văn hoặc ghi chú dưới banner.
• Ảnh bảng giá: alt có thể là “Bảng giá 3 gói dịch vụ SEO: Basic, Standard, Premium”. Phần chi tiết về giá, thời gian triển khai, số lượng từ khóa, cam kết… nên được trình bày trong một bảng HTML bên dưới để người dùng có thể đọc, so sánh, và để công cụ tìm kiếm index.

Cách làm này mang lại nhiều lợi ích thực tế:

• Accessibility: Người dùng khiếm thị không bị bỏ sót thông tin quan trọng chỉ vì nó nằm trong ảnh.
• SEO: Nội dung chữ quan trọng (giá, ưu đãi, thông số sản phẩm…) được index đầy đủ, hỗ trợ tốt cho các truy vấn tìm kiếm cụ thể.
• Khả năng bảo trì: Khi cần cập nhật giá, thay đổi ưu đãi, dịch sang ngôn ngữ khác, việc chỉnh sửa text HTML luôn dễ và ít tốn kém hơn chỉnh sửa file ảnh.
• Responsive: Text HTML hiển thị tốt hơn trên nhiều kích thước màn hình, trong khi chữ trong ảnh dễ bị nhỏ, mờ hoặc khó đọc trên mobile.

Trong các thiết kế hiện đại, nên hạn chế tối đa việc “nhốt” thông tin quan trọng trong ảnh. Nếu bắt buộc phải dùng chữ trong ảnh vì lý do thương hiệu hoặc thiết kế, hãy luôn đảm bảo có bản sao bằng text trong nội dung trang, và alt text phản ánh được thông điệp chính.

Không nên nhồi toàn bộ chữ trong ảnh vào alt text nếu quá dài hoặc khó đọc

Một sai lầm phổ biến trong thực hành SEO là cố gắng tận dụng alt text như một nơi để “nhồi” thật nhiều từ khóa, đặc biệt với các ảnh dạng infographic, banner hoặc slide chứa nhiều chữ. Cách làm này dẫn đến một số vấn đề nghiêm trọng:

• Trải nghiệm người dùng kém: Screen reader phải đọc một đoạn alt dài, rời rạc, khiến người dùng khó theo dõi và dễ bỏ qua.
• Khó phân tích với công cụ tìm kiếm: Alt text quá dài, thiếu cấu trúc, có thể bị xem là spam hoặc không mang lại giá trị thực cho việc hiểu nội dung trang.
• Khó bảo trì: Mỗi lần cập nhật nội dung trong ảnh, alt text cũng phải cập nhật theo, dễ dẫn đến sai lệch giữa ảnh và mô tả.

Nguyên tắc cốt lõi nên áp dụng là: alt tóm tắt, text HTML chi tiết. Cụ thể:

• Nếu ảnh chứa rất nhiều chữ, hãy xác định thông điệp chính hoặc mục đích chính của ảnh (ví dụ: giới thiệu quy trình, tóm tắt checklist, nhấn mạnh ưu đãi, so sánh hai lựa chọn…).
• Đưa thông điệp đó vào alt dưới dạng 1–2 câu mô tả ngắn, có thể kèm bối cảnh (cho ai, trong khoảng thời gian nào, về chủ đề gì).
• Chuyển toàn bộ nội dung chi tiết trong ảnh thành text HTML gần ảnh: đoạn văn, danh sách bullet, bảng, heading phụ…

Ví dụ, với một slide chứa nhiều bullet về lợi ích của SEO, alt có thể chỉ cần: “Slide tóm tắt 5 lợi ích chính của SEO đối với doanh nghiệp nhỏ, bao gồm tăng traffic, cải thiện độ tin cậy và tối ưu chi phí dài hạn”. Phần 5 bullet cụ thể nên được viết lại trong nội dung trang.

Trong trường hợp ảnh chỉ chứa logo hoặc chữ không mang thông tin nội dung (ví dụ: chữ “Sale” lớn, trong khi chi tiết ưu đãi đã có trong text ngay bên cạnh), có thể:

• Dùng alt ngắn, mô tả vai trò giao diện, như “Logo thương hiệu X” nếu logo có ý nghĩa nhận diện.
• Hoặc dùng alt rỗng (alt="") nếu ảnh chỉ mang tính trang trí, không cần screen reader đọc đến.

Cách phân biệt này giúp tập trung alt text cho những hình ảnh thực sự mang thông tin nội dung, tránh làm “ồn” trải nghiệm của người dùng khiếm thị và giữ cho cấu trúc nội dung rõ ràng, dễ index, dễ tối ưu SEO.

Khi nào nên để alt text rỗng cho ảnh trang trí

Alt rỗng cho ảnh trang trí là một quyết định mang tính ngữ nghĩa, nhằm tách bạch rõ giữa nội dung thực sự và yếu tố trình bày. Khi một hình ảnh không bổ sung thông tin, không mang chức năng và có thể bị xóa mà nội dung vẫn trọn vẹn, nó nên được xem là thuần trang trí và dùng alt="" để screen reader bỏ qua. Cách làm này giảm nhiễu, giúp người dùng khiếm thị tập trung vào văn bản, đồng thời giữ cấu trúc DOM sạch và nhất quán với WCAG. Tuy vậy, cần phân biệt chặt chẽ với ảnh nội dung như sản phẩm, biểu đồ, ảnh hướng dẫn… vì nhóm này bắt buộc phải có alt mô tả, tránh gây mất mát thông tin quan trọng.

Ảnh trang trí không truyền tải thông tin nên dùng alt rỗng

Trong thực hành accessibility hiện đại, việc quyết định khi nào dùng alt="" không chỉ là vấn đề “có hay không”, mà là bài toán phân loại ngữ nghĩa của hình ảnh trong ngữ cảnh nội dung. Một ảnh được xem là thuần trang trí khi:

• Nếu xóa ảnh đi, người dùng vẫn hiểu trọn vẹn nội dung chính của trang.
• Ảnh không bổ sung thông tin, không mang ý nghĩa chức năng (không phải nút bấm, link, trạng thái).
• Ảnh không truyền tải dữ liệu, không mô tả quy trình, không thể hiện mối quan hệ hay cấu trúc nội dung.

Với những ảnh như vậy, chuẩn WCAG khuyến nghị dùng alt="" để screen reader bỏ qua hoàn toàn. Điều này giúp:

• Giảm “noise” thông tin cho người dùng khiếm thị, tránh phải nghe các mô tả vô nghĩa.
• Tăng tốc độ duyệt nội dung, tập trung vào phần văn bản và các thành phần tương tác quan trọng.
• Giữ cho cấu trúc DOM sạch hơn về mặt ngữ nghĩa, vì ảnh trang trí không được xem là nội dung.

Các ví dụ điển hình của ảnh trang trí nên dùng alt rỗng:

• Đường kẻ phân cách section, line divider, flourish trang trí.
• Pattern nền, texture, gradient chỉ để làm đẹp layout.
• Icon trang trí không mang ý nghĩa trạng thái hay chức năng (ví dụ: icon ngôi sao chỉ để “cho đẹp” bên cạnh heading).
• Hình minh họa trừu tượng, vector art không liên quan trực tiếp đến nội dung đang trình bày.

Nếu cố gắng mô tả chi tiết các ảnh này, screen reader sẽ phải đọc những thông tin như “đường kẻ ngang màu xanh”, “hình tròn màu xám”, “pattern chấm bi màu nhạt”, hoàn toàn không giúp người dùng hiểu nội dung tốt hơn mà chỉ gây nhiễu. Về mặt kỹ thuật, khi dùng alt="" cho ảnh trang trí, cần đảm bảo:

• Không thêm role="img" hoặc các thuộc tính ARIA khiến screen reader chú ý đến ảnh.
• Không dùng text thay thế trong title để “bù” cho alt rỗng, vì title cũng có thể bị đọc và gây rối.
• Đối với các framework hoặc CMS tự động sinh alt (ví dụ: lấy từ tên file), cần override để alt thực sự rỗng.

Cách tiếp cận này hoàn toàn phù hợp với khuyến nghị của WCAG (ví dụ: Success Criterion 1.1.1 – Non-text Content) và các tài liệu accessibility của W3C, trong đó nhấn mạnh việc phân biệt rõ giữa ảnh mang thông tin và ảnh chỉ mang tính trình bày.

Icon lặp lại, đường viền, hình nền và yếu tố UI phụ không cần alt mô tả

Trong giao diện web thực tế, số lượng icon và yếu tố UI phụ có thể rất lớn. Nếu tất cả đều có alt mô tả, người dùng screen reader sẽ phải nghe lặp đi lặp lại những thông tin không cần thiết, làm giảm mạnh khả năng sử dụng. Nguyên tắc chuyên môn là: mọi thành phần UI đã được mô tả đầy đủ bằng text hoặc thuộc tính ARIA thì icon thuần trang trí đi kèm nên được ẩn khỏi screen reader.

Một số nhóm thành phần thường gặp:

• Icon mũi tên, caret, chevron dùng để gợi ý hướng hoặc trạng thái (mở/đóng) nhưng bản thân trạng thái đã được thể hiện bằng text hoặc ARIA (ví dụ: aria-expanded). Trong trường hợp này, icon chỉ là hỗ trợ thị giác, nên dùng alt="" hoặc tốt hơn là dùng SVG/CSS với aria-hidden="true".
• Icon check, dấu X, icon trạng thái lặp lại trong danh sách, bảng, form, khi trạng thái đã được mô tả bằng text như “Đã kích hoạt”, “Không khả dụng”. Nếu icon chỉ là nhấn mạnh trực quan, không cần alt mô tả.
• Icon mạng xã hội đi kèm text link “Facebook”, “YouTube”, “LinkedIn”. Khi text đã mô tả rõ đích đến, alt như “logo Facebook” là dư thừa. Có thể:
  • Dùng alt="" cho ảnh icon, hoặc
  • Dùng icon làm background CSS và để text link là nội dung chính.
• Đường viền, shadow, gradient, background pattern dùng để phân tách khối nội dung, tạo chiều sâu, nhưng không mang thông tin. Các yếu tố này nên được triển khai bằng CSS thay vì <img>, để loại bỏ hoàn toàn khỏi luồng đọc của screen reader.

Ví dụ cụ thể:

• Nút “Gửi” có icon máy bay giấy:
  • Nếu nút đã có text “Gửi”, icon chỉ trang trí: dùng alt="" hoặc dùng SVG/CSS với aria-hidden="true".
  • Nếu nút chỉ có icon, không có text: icon lúc này mang ý nghĩa chức năng, không được để alt rỗng; cần alt mô tả như “Gửi”, hoặc dùng aria-label="Gửi" trên nút.
• Danh sách các link mạng xã hội:
  • <a href="..."><img src="fb.svg" alt="">Facebook</a> là lựa chọn tốt, vì text “Facebook” là nhãn truy cập.
  • Nếu chỉ có icon, không có text: cần alt mô tả “Facebook” hoặc dùng aria-label trên thẻ <a>.

Đối với hình nền (background image) dùng cho layout, best practice là:

• Dùng CSS background-image thay vì <img> khi hình chỉ để trang trí.
• Không cố gắng “mô tả” background bằng alt, vì background không nên xuất hiện trong luồng đọc của screen reader.
• Nếu background thực sự mang nội dung (ví dụ: bản đồ, ảnh sản phẩm lớn, ảnh hero có text quan trọng), cần:
  • Cân nhắc chuyển sang <img> với alt phù hợp, hoặc
  • Cung cấp nội dung tương đương bằng text trong DOM, đảm bảo người dùng không nhìn vẫn tiếp cận được thông tin.

Ảnh có caption hoặc text gần ảnh đã mô tả đầy đủ có thể dùng alt ngắn hơn

Trong nhiều bố cục nội dung, ảnh đi kèm caption chi tiết hoặc đoạn văn ngay trước/sau đã mô tả đầy đủ ý nghĩa của ảnh. Khi đó, việc lặp lại toàn bộ caption trong alt sẽ gây dư thừa, làm tăng thời gian đọc mà không tăng thêm thông tin. Cách xử lý chuyên nghiệp là:

• Dùng alt như một bản tóm tắt ngắn gọn của nội dung ảnh.
• Để caption hoặc đoạn văn xung quanh cung cấp chi tiết mở rộng.
• Đảm bảo mối liên kết ngữ nghĩa giữa ảnh và caption (ví dụ: dùng <figure> và <figcaption>), để screen reader hiểu chúng thuộc cùng một khối nội dung.

Ví dụ, ảnh có caption: “Biểu đồ thể hiện doanh thu SEO tăng 180% sau 6 tháng triển khai chiến dịch cho Công ty XYZ”. Alt có thể là: “Biểu đồ doanh thu SEO tăng 180% sau 6 tháng”. Một số điểm cần lưu ý:

• Không cần lặp lại tên công ty nếu đã xuất hiện rõ ràng trong caption hoặc đoạn văn ngay cạnh.
• Alt nên tập trung vào ý chính mà người dùng cần nắm khi không nhìn được ảnh (ở đây là mức tăng 180% sau 6 tháng).
• Nếu caption đã rất dài, alt càng nên ngắn gọn, tránh biến alt thành một đoạn văn khó nghe với screen reader.

Trong một số trường hợp nâng cao, có thể cân nhắc để alt="" nếu:

• Ảnh nằm trong <figure> với <figcaption> mô tả đầy đủ,
• Code được triển khai sao cho screen reader luôn đọc caption khi gặp ảnh,
• Và ảnh không bổ sung thêm thông tin nào ngoài những gì caption đã nói.

Tuy nhiên, đây là kỹ thuật cần hiểu rõ hành vi của từng screen reader và từng trình duyệt. Trong thực tế, alt vẫn là thuộc tính chính mà hầu hết screen reader dựa vào để mô tả ảnh. Nếu chỉ dựa vào caption mà bỏ qua alt cho ảnh quan trọng, có nguy cơ:

• Một số người dùng không nghe được caption do cách họ điều hướng (ví dụ: nhảy qua từng ảnh, không đọc toàn bộ khối figure).
• Công cụ tìm kiếm không hiểu đầy đủ nội dung ảnh, vì nhiều hệ thống ưu tiên alt hơn caption.

Do đó, chiến lược an toàn và hiệu quả là kết hợp: alt tóm tắt + caption chi tiết, thay vì dùng caption để “thay thế” hoàn toàn alt.

Không để trống alt cho ảnh sản phẩm, biểu đồ, ảnh hướng dẫn hoặc ảnh có giá trị nội dung

Trái ngược với ảnh trang trí, những ảnh mang giá trị nội dung là các ảnh mà nếu xóa đi, người dùng sẽ mất đi một phần thông tin quan trọng. Với nhóm này, để alt rỗng là một lỗi nghiêm trọng về accessibility và cũng là bỏ lỡ cơ hội SEO hình ảnh. Các loại ảnh cần đặc biệt chú ý:

• Ảnh sản phẩm trên website thương mại điện tử:
• Người dùng khiếm thị dựa vào alt để “nhìn thấy” sản phẩm, phân biệt mẫu mã, màu sắc, phiên bản.
• Alt tốt giúp công cụ tìm kiếm hiểu rõ sản phẩm, cải thiện khả năng xuất hiện trong kết quả tìm kiếm hình ảnh.
• Không nên chỉ dùng alt “Ảnh sản phẩm” mà cần mô tả đủ để phân biệt, ví dụ: “Giày thể thao nam màu đen, đế trắng, mẫu ABC123”.

• Biểu đồ, đồ thị, infographic trong bài viết chuyên môn:
  • Biểu đồ thường chứa dữ liệu, xu hướng, so sánh – nếu không mô tả, người dùng khiếm thị sẽ mất toàn bộ insight.
  • Alt nên tóm tắt kết luận chính của biểu đồ (xu hướng tăng/giảm, mức chênh lệch lớn, điểm nổi bật), còn chi tiết số liệu có thể trình bày thêm trong văn bản.
  • Với infographic phức tạp, đôi khi cần một mô tả dài (long description) bên ngoài alt, nhưng alt vẫn phải tồn tại để giới thiệu nội dung tổng quát.
• Ảnh hướng dẫn, ảnh minh họa quy trình:
  • Ảnh chụp màn hình, sơ đồ bước, hình minh họa thao tác (ví dụ: “nhấn nút X, sau đó chọn Y”) là phần cốt lõi của hướng dẫn.
  • Alt cần mô tả hành động hoặc trạng thái quan trọng, không chỉ “ảnh chụp màn hình”.
  • Nên kết hợp với mô tả bằng text trong nội dung để người dùng không nhìn vẫn thực hiện được quy trình.
• Ảnh trước – sau, ảnh dự án, ảnh đội ngũ:
  • Ảnh trước – sau (before/after) thể hiện kết quả thay đổi; alt cần nói rõ “Trước khi…” và “Sau khi…”, nêu điểm khác biệt chính.
  • Ảnh dự án, portfolio giúp người dùng hiểu năng lực, phong cách; alt nên mô tả loại dự án, bối cảnh, kết quả chính.
  • Ảnh đội ngũ (team) có thể cần alt với tên và chức danh nếu mục tiêu là giới thiệu nhân sự, không chỉ trang trí.

Nguyên tắc cốt lõi: ảnh nào nếu bị xóa đi sẽ làm mất thông tin quan trọng của trang, ảnh đó cần alt mô tả. Ngược lại, ảnh nào nếu xóa đi mà nội dung vẫn đầy đủ, không ảnh hưởng đến khả năng hiểu bài, ảnh đó là ứng viên cho alt rỗng. Khi viết alt cho ảnh nội dung, cần cân bằng giữa:

• Độ đầy đủ: mô tả đủ để người không nhìn vẫn nắm được ý chính, không bỏ sót thông tin quan trọng.
• Độ ngắn gọn: tránh biến alt thành đoạn văn dài, gây mệt mỏi khi nghe; phần chi tiết nên đưa vào nội dung text xung quanh.
• Tính ngữ cảnh: mô tả những gì quan trọng trong bối cảnh bài viết, không phải mọi chi tiết thị giác đều cần đưa vào alt.

Việc phân loại đúng ảnh trang trí và ảnh nội dung, kết hợp với cách viết alt phù hợp, vừa nâng cao trải nghiệm cho người dùng khiếm thị, vừa giúp công cụ tìm kiếm hiểu rõ hơn cấu trúc và ý nghĩa nội dung trên trang.

Lỗi viết alt text làm giảm chất lượng SEO hình ảnh

Alt text cần được xây dựng như một lớp ngữ nghĩa bổ trợ, giúp công cụ tìm kiếm hiểu rõ nội dung hình ảnh và hỗ trợ người dùng, đặc biệt là người dùng screen reader. Khi lạm dụng từ khóa, dùng mô tả chung chung, lặp lại một alt cho nhiều ảnh khác nhau, viết sai nội dung ảnh hoặc bỏ trống alt ở các hình quan trọng, toàn bộ hệ thống hình ảnh sẽ mất giá trị SEO và giảm mạnh tính accessibility. Cách tối ưu đúng là mô tả trung thực, cụ thể, có ngữ cảnh, chỉ chèn từ khóa khi phù hợp tự nhiên với nội dung ảnh. Đồng thời, cần chuẩn hóa quy tắc viết alt, kiểm tra trùng lặp, phát hiện ảnh thiếu alt và phân loại rõ ảnh thông tin với ảnh trang trí để xử lý nhất quán.

Nhồi từ khóa chính xác vào mọi ảnh trên trang

Một trong những lỗi phổ biến nhất là nhồi từ khóa chính xác vào mọi alt text trên trang, bất kể ảnh có liên quan trực tiếp đến từ khóa hay không. Ví dụ, trang về “dịch vụ SEO” nhưng mọi ảnh đều có alt “dịch vụ SEO chuyên nghiệp”, kể cả ảnh đội ngũ, ảnh văn phòng, ảnh biểu đồ không liên quan trực tiếp.

Về mặt kỹ thuật, alt text được Google sử dụng như một tín hiệu để hiểu nội dung hình ảnh và ngữ cảnh xung quanh. Khi tất cả ảnh đều dùng cùng một cụm từ khóa, hệ thống sẽ:

• Không phân biệt được vai trò, chủ đề riêng của từng ảnh.
• Nhận diện mô hình lặp từ khóa bất thường, dễ bị gắn nhãn keyword stuffing.
• Giảm độ tin cậy của toàn bộ cụm nội dung vì tín hiệu ngữ nghĩa bị nhiễu.

Về mặt trải nghiệm, người dùng screen reader sẽ phải nghe đi nghe lại cùng một cụm từ, trong khi họ cần thông tin mô tả cụ thể để hiểu nội dung trang. Điều này làm giảm mạnh tính accessibility và có thể khiến trang không đạt các tiêu chuẩn như WCAG.

Cách làm này khiến alt text mất đi chức năng mô tả, trở thành spam từ khóa, gây khó chịu cho người dùng screen reader và có thể bị Google đánh giá là keyword stuffing. Thay vì tăng thứ hạng, nó có thể làm giảm chất lượng trang trong mắt công cụ tìm kiếm.

Giải pháp là: chỉ dùng từ khóa khi nó là cách tự nhiên để mô tả ảnh, và mỗi alt cần mô tả đúng nội dung ảnh, không lặp lại một cụm từ khóa cho mọi hình.

Khi tối ưu, có thể áp dụng một số nguyên tắc chuyên sâu sau:

• Ưu tiên mô tả nội dung trực quan: nêu rõ đối tượng, hành động, bối cảnh (ví dụ: “chuyên viên SEO đang phân tích biểu đồ traffic trên màn hình laptop”).
• Chèn từ khóa theo ngữ nghĩa: nếu ảnh thực sự minh họa cho “dịch vụ SEO”, có thể dùng “chuyên viên triển khai dịch vụ SEO cho website thương mại điện tử”.
• Tránh lặp 100% cụm từ khóa: thay đổi cấu trúc câu, dùng biến thể tự nhiên, đồng nghĩa, hoặc tập trung vào chi tiết khác của ảnh.
• Không cố nhồi thêm modifier kiểu “giá rẻ”, “tốt nhất”, “chuyên nghiệp” nếu ảnh không thể hiện được các thuộc tính đó.

Dùng alt chung chung như “hình ảnh”, “ảnh đẹp”, “image” hoặc “banner”

Các alt text kiểu “hình ảnh”, “ảnh minh họa”, “image1”, “banner”, “ảnh đẹp” không mang lại bất kỳ giá trị nào cho người dùng hoặc SEO. Người dùng screen reader không hiểu được ảnh nói về gì, còn Google cũng không nhận được thông tin ngữ nghĩa hữu ích.

Về mặt kỹ thuật, những alt này gần như tương đương với việc không cung cấp thông tin, vì:

• Không chứa entity, chủ đề, hành động, hay thuộc tính nhận diện được.
• Không giúp hệ thống hiểu mối liên hệ giữa ảnh và đoạn văn xung quanh.
• Không tạo ra khả năng xuất hiện trong Google Images cho các truy vấn cụ thể.

Những alt chung chung này thường xuất hiện khi đội nội dung không có quy trình chuẩn, hoặc khi dùng công cụ tự động đặt alt theo tên file mặc định. Trong nhiều CMS, nếu không cấu hình, tên file như “image1.jpg”, “banner-home.png” sẽ được đẩy thẳng vào alt, tạo ra một lớp dữ liệu vô nghĩa.

Để khắc phục, cần xây dựng quy tắc viết alt rõ ràng và đào tạo người phụ trách nội dung hiểu vai trò của alt text. Một số quy tắc thực hành tốt:

• Mô tả entity chính: sản phẩm, người, địa điểm, biểu đồ, giao diện phần mềm…
• Thêm ngữ cảnh: mục đích của ảnh trong trang (ví dụ: “banner chương trình khuyến mãi Black Friday cho dịch vụ SEO”).
• Giữ độ dài hợp lý: thường 80–140 ký tự là đủ để mô tả rõ ràng mà không lan man.
• Tránh từ vô nghĩa như “hình ảnh”, “ảnh minh họa”, trừ khi thực sự cần để phân biệt với nội dung khác (ví dụ: khi so sánh “video hướng dẫn” và “ảnh minh họa kết quả”).

Mỗi alt nên mô tả ít nhất entity chính hoặc ý nghĩa của ảnh trong ngữ cảnh, tránh các từ vô nghĩa như “hình ảnh”, “ảnh minh họa” trừ khi thực sự cần thiết để phân biệt với nội dung khác.

Lặp cùng một alt text cho nhiều ảnh khác nội dung

Lặp lại cùng một alt text cho nhiều ảnh khác nhau là lỗi thường gặp trên các website lớn, đặc biệt khi copy template hoặc dùng công cụ tự động. Điều này khiến Google khó phân biệt từng ảnh, giảm giá trị SEO hình ảnh và gây trải nghiệm kém cho người dùng screen reader.

Về mặt crawling và indexing, khi nhiều ảnh trên cùng một URL hoặc trên nhiều URL khác nhau có cùng alt, hệ thống sẽ:

• Khó xác định ảnh nào phù hợp nhất cho một truy vấn cụ thể.
• Giảm khả năng mỗi ảnh được index như một tài nguyên độc lập có giá trị riêng.
• Có xu hướng chỉ ưu tiên một vài ảnh, bỏ qua các ảnh còn lại vì tín hiệu trùng lặp.

Ví dụ, trên một trang sản phẩm có 6 ảnh, nhưng tất cả đều có alt “áo thun nam màu trắng”, trong khi mỗi ảnh thể hiện góc chụp khác nhau, chi tiết khác nhau. Người dùng screen reader sẽ nghe đi nghe lại cùng một mô tả, không biết ảnh nào là mặt trước, mặt sau, chi tiết cổ áo, chất liệu vải.

Giải pháp là: viết alt riêng cho từng ảnh, phản ánh đúng nội dung cụ thể. Nếu số lượng ảnh lớn, có thể dùng quy tắc sinh alt dựa trên thuộc tính (góc chụp, chi tiết) kết hợp với tên sản phẩm.

Cách triển khai thực tế trong hệ thống thương mại điện tử hoặc gallery lớn:

• Chuẩn hóa cấu trúc alt theo pattern, ví dụ:
  • “[Tên sản phẩm] – mặt trước”
  • “[Tên sản phẩm] – mặt sau”
  • “[Tên sản phẩm] – chi tiết cổ áo”
  • “[Tên sản phẩm] – chất liệu vải cận cảnh”
• Tận dụng thuộc tính trong database như màu sắc, kích cỡ, chất liệu, kiểu dáng để sinh alt tự động nhưng vẫn khác biệt.
• Kiểm tra trùng lặp alt định kỳ bằng các công cụ crawl để phát hiện nhóm ảnh dùng chung một mô tả.

Với các website nội dung (blog, báo, tài liệu chuyên môn), nên đảm bảo mỗi ảnh minh họa, biểu đồ, screenshot đều có alt mô tả đúng loại dữ liệu hoặc bước thao tác, không dùng lại một câu chung cho toàn bộ.

Viết alt không đúng hình ảnh để cố kéo traffic

Một số người làm SEO cố tình viết alt text chứa từ khóa hot hoặc chủ đề khác với nội dung ảnh, với hy vọng kéo traffic từ Google Images. Ví dụ, ảnh chỉ là logo công ty nhưng alt lại là “dịch vụ SEO giá rẻ”, hoặc ảnh văn phòng nhưng alt là “khóa học SEO miễn phí”.

Về mặt nguyên tắc chất lượng, đây là hành vi misleading (gây hiểu lầm), tương tự như việc đặt tiêu đề trang không đúng với nội dung. Google có thể:

• Giảm độ tin cậy của domain hoặc của thư mục chứa nhiều ảnh bị gắn nhãn sai.
• Giảm khả năng xuất hiện của ảnh trong Google Images cho các truy vấn liên quan.
• Kết hợp với các tín hiệu khác (tỷ lệ thoát, thời gian trên trang) để đánh giá thấp chất lượng trải nghiệm.

Cách làm này không chỉ vi phạm nguyên tắc chất lượng của Google, mà còn gây hại cho trải nghiệm người dùng: họ click vào ảnh trong Google Images mong đợi một nội dung, nhưng vào trang lại thấy nội dung khác. Điều này có thể dẫn đến tỷ lệ thoát cao, giảm độ tin cậy và ảnh hưởng tiêu cực đến SEO tổng thể.

Alt text phải trung thực và chính xác với nội dung ảnh. Nếu muốn xếp hạng cho một từ khóa, hãy tạo nội dung và hình ảnh phù hợp với từ khóa đó, thay vì gắn nhãn sai cho ảnh.

Để đảm bảo tính chính xác, có thể áp dụng:

• Quy trình review nội dung hình ảnh: người viết alt cần xem trực tiếp ảnh, không viết dựa trên suy đoán hoặc template có sẵn.
• Mapping từ khóa với loại ảnh: chỉ gắn từ khóa vào ảnh thực sự minh họa cho chủ đề đó (ví dụ: ảnh giao diện công cụ SEO, ảnh báo cáo traffic, ảnh case study).
• Kiểm soát qua checklist QA: trong bước kiểm tra trước khi xuất bản, thêm mục “alt có mô tả đúng nội dung ảnh không?” để tránh sai lệch.

Bỏ trống alt cho ảnh quan trọng trong nội dung hoặc trang sản phẩm

Bỏ trống alt cho ảnh quan trọng là một trong những lỗi nghiêm trọng nhất, vì nó làm mất đi cơ hội SEO hình ảnh, giảm khả năng truy cập và khiến nội dung trở nên thiếu sót đối với một phần người dùng. Trên trang sản phẩm, bỏ trống alt cho ảnh chính đồng nghĩa với việc từ bỏ một nguồn traffic tiềm năng từ Google Images.

Về mặt accessibility, khi alt trống cho ảnh mang thông tin (không phải ảnh purely decorative), người dùng khiếm thị sẽ:

• Không nhận được bất kỳ mô tả nào về sản phẩm, biểu đồ, kết quả trước – sau.
• Không thể hiểu được các bước thao tác nếu ảnh là screenshot hướng dẫn.
• Bị “đứt mạch” nội dung khi gặp đoạn văn phụ thuộc vào ảnh để giải thích.

Trên bài viết chuyên môn, bỏ trống alt cho biểu đồ, ảnh hướng dẫn, ảnh kết quả trước – sau khiến người dùng khiếm thị không thể tiếp cận đầy đủ nội dung. Điều này đi ngược lại các tiêu chuẩn accessibility và có thể ảnh hưởng đến đánh giá chất lượng website.

Về SEO, ảnh không có alt sẽ:

• Gần như không có khả năng xếp hạng tốt trong Google Images cho các truy vấn liên quan.
• Không đóng góp thêm ngữ nghĩa cho nội dung trang, làm mất một lớp tín hiệu quan trọng.
• Giảm cơ hội xuất hiện trong các bề mặt tìm kiếm phong phú (rich results) có sử dụng hình ảnh.

Để tránh lỗi này, cần có quy trình kiểm tra định kỳ (audit) để phát hiện ảnh thiếu alt, đặc biệt trên các template quan trọng như product page, category page, blog post, landing page.

Một số thực hành chuyên sâu:

• Phân loại ảnh:
  • Ảnh mang thông tin (informative): bắt buộc phải có alt mô tả chi tiết.
  • Ảnh trang trí (decorative): có thể dùng alt rỗng alt="" và đánh dấu bằng CSS/ARIA nếu cần, để screen reader bỏ qua.
• Tự động phát hiện ảnh thiếu alt bằng:
  • Công cụ crawl SEO (Screaming Frog, Sitebulb, v.v.).
  • Script nội bộ quét DOM để liệt kê tất cả thẻ <img> không có thuộc tính alt hoặc alt rỗng.
• Thiết lập quy tắc trong CMS: không cho phép publish bài hoặc product nếu còn ảnh quan trọng thiếu alt.

Mối liên hệ giữa alt text, tên file, caption và structured data

Alt text, tên file, caption và structured data tạo thành một lớp ngữ nghĩa thống nhất xoay quanh entity chính của trang. Tên file là tín hiệu sớm, giúp hệ thống nhận diện đối tượng ảnh; alt text mô tả ngắn gọn, trung tính “ảnh chụp cái gì”; caption mở rộng ý nghĩa, bối cảnh, số liệu cho người đọc; còn structured data (Product, Article, ImageObject…) “khóa” lại các thuộc tính quan trọng ở dạng máy đọc được. Khi bốn lớp này đồng bộ với title, H1, nội dung xung quanh và anchor internal link, Google có đủ cơ sở để hiểu chủ đề, phân biệt biến thể sản phẩm, giảm mơ hồ và tăng độ tin cậy. Sự nhất quán này hỗ trợ hiển thị rich result, Google Images, Shopping và cải thiện khả năng xếp hạng tổng thể.

Tên file ảnh nên mô tả ngắn entity chính trước khi upload

Tên file ảnh (filename) là một tín hiệu kỹ thuật nhưng có giá trị ngữ nghĩa quan trọng, giúp Google và các hệ thống computer vision có thêm dữ liệu để ánh xạ hình ảnh với entity, chủ đề và intent của trang. Về bản chất, Google kết hợp nhiều lớp tín hiệu: nội dung xung quanh, alt text, EXIF/metadata (nếu có), tên file, URL, dữ liệu có cấu trúc… để suy luận xem ảnh đang nói về điều gì. Trong đó, tên file là một trong những tín hiệu sớm nhất được crawler đọc khi thu thập tài nguyên.

Khi đặt tên file, nên tập trung vào entity chính và thuộc tính phân biệt quan trọng nhất, thay vì cố gắng nhồi nhét toàn bộ câu mô tả. Một số nguyên tắc thực hành tốt:

• Dùng dấu gạch ngang (-) để phân tách từ, tránh dấu gạch dưới () hoặc khoảng trắng.
• Ưu tiên thứ tự: entity chính → thuộc tính phân biệt (màu sắc, model, năm, loại) → bối cảnh (nếu thật sự cần).
• Tránh ký tự đặc biệt, dấu tiếng Việt, ký tự không chuẩn URL (%, #, ?, &…).
• Không dùng tên mặc định từ máy ảnh như “IMG1234.jpg”, “DSC0001.png” vì không mang thông tin ngữ nghĩa.

Ví dụ, thay vì “IMG001.jpg”, hãy dùng “giay-chay-bo-nike-pegasus-40-den.jpg”. Tên file này giúp hệ thống hiểu ngay entity là “giày chạy bộ Nike Pegasus 40 màu đen”, sau đó alt text và nội dung xung quanh sẽ bổ sung thêm thuộc tính như size, giới tính, loại địa hình, phân khúc giá…

Tên file không cần quá dài; việc kéo dài thành một câu mô tả đầy đủ thường không mang thêm nhiều giá trị SEO nhưng lại làm URL khó đọc, khó quản lý. Tập trung vào từ khóa mô tả bản chất đối tượng thay vì lặp lại từ khóa chính nhiều lần. Ví dụ, “giay-chay-bo-nike-pegasus-40-den-chay-bo-chay-bo-chay-bo.jpg” không giúp ích, thậm chí có thể bị xem là spam.

Sự kết hợp giữa tên file, alt text và nội dung xung quanh tạo nên một cụm tín hiệu nhất quán. Khi Googlebot tải ảnh, nó thấy:

• Tên file: “giay-chay-bo-nike-pegasus-40-den.jpg”
• Alt text: “Giày chạy bộ Nike Pegasus 40 màu đen cho nam, đế foam hỗ trợ chạy đường dài”
• Đoạn văn gần ảnh nói về review Nike Pegasus 40, thông số kỹ thuật, trải nghiệm chạy đường dài

Trong trường hợp này, hệ thống có đủ cơ sở để gắn ảnh với entity “Nike Pegasus 40” và các thuộc tính liên quan. Điều này tăng khả năng ảnh xuất hiện trong Google Images cho các truy vấn liên quan đến model, màu sắc, mục đích sử dụng.

Ngược lại, việc nhồi nhét từ khóa vô nghĩa vào tên file như “seo-seo-seo-dich-vu-seo.jpg” không tạo ra ngữ nghĩa rõ ràng, dễ bị xem là thao túng. Tên file nên phục vụ mục tiêu nhận diện đối tượng, không phải là nơi “nhét” mọi từ khóa mong muốn.

Caption dùng khi cần giải thích thêm cho người đọc, không thay thế hoàn toàn alt text

Caption (chú thích ảnh) là lớp nội dung hiển thị trực tiếp cho người dùng, thường nằm dưới hoặc cạnh ảnh. Về mặt UX, caption là một trong những phần văn bản được người dùng chú ý nhiều nhất, đặc biệt trong các bài viết dài, báo chí, case study, báo cáo dữ liệu. Về mặt SEO, caption được Google xử lý như một phần nội dung của trang, có liên hệ chặt với ảnh mà nó mô tả.

Tuy nhiên, caption và alt text phục vụ hai mục đích khác nhau:

• Alt text: thuộc tính kỹ thuật trong HTML, dùng cho screen reader (hỗ trợ người khiếm thị), hiển thị khi ảnh không load được, và là tín hiệu trực tiếp cho công cụ tìm kiếm về nội dung ảnh.
• Caption: nội dung hiển thị cho tất cả người dùng, giúp giải thích, mở rộng, cung cấp bối cảnh, nguồn dữ liệu, insight…

Vì vậy, caption không thể thay thế alt text. Một ảnh quan trọng nên có cả hai:

• Alt text: mô tả ngắn gọn, trung tính, tập trung vào “ảnh chụp cái gì”, “biểu đồ gì”, “ai đang làm gì”.
• Caption: có thể dài hơn, giải thích “ảnh này chứng minh điều gì”, “kết quả cụ thể ra sao”, “bối cảnh thời gian, địa điểm, đơn vị đo lường”.

Ví dụ:

Alt: “Biểu đồ tăng trưởng traffic organic 12 tháng”

Caption: “Biểu đồ thể hiện traffic organic tăng 180% sau 12 tháng triển khai chiến lược SEO tổng thể cho Công ty XYZ, từ 10.000 lên 28.000 phiên mỗi tháng.”

Trong ví dụ này, alt text giúp screen reader và Google hiểu đây là biểu đồ về traffic organic trong 12 tháng. Caption lại cung cấp insight kinh doanh (tăng 180%), khung thời gian (12 tháng triển khai), đối tượng (Công ty XYZ) và số liệu cụ thể (10.000 → 28.000 phiên). Hai lớp thông tin này bổ trợ cho nhau, không trùng lặp máy móc.

Một số lưu ý chuyên sâu khi tối ưu caption:

• Không cần lặp lại nguyên văn alt text; nên mở rộng, giải thích, đưa thêm số liệu, insight.
• Có thể chèn từ khóa chính hoặc biến thể một cách tự nhiên, nhưng ưu tiên tính hữu ích cho người đọc.
• Với nội dung dạng nghiên cứu, báo cáo, nên dùng caption để ghi rõ nguồn dữ liệu, thời gian thu thập, phương pháp đo lường.
• Tránh dùng caption cho những ảnh purely decorative (trang trí), vì sẽ làm loãng nội dung chính.

Product schema, ImageObject và dữ liệu trang giúp Google hiểu ảnh trong ngữ cảnh rộng hơn

Structured data (dữ liệu có cấu trúc) theo chuẩn schema.org là lớp ngữ nghĩa máy đọc được, giúp Google hiểu rõ hơn về entity, quan hệ giữa các entity và vai trò của hình ảnh trong bối cảnh toàn trang. Khi chỉ có alt text và nội dung xung quanh, Google vẫn có thể suy luận, nhưng structured data giúp “khóa” lại các thuộc tính quan trọng một cách rõ ràng, giảm mơ hồ.

Với trang sản phẩm, schema Product thường bao gồm các thuộc tính như:

• name: tên sản phẩm
• brand: thương hiệu
• image: URL hoặc danh sách URL ảnh sản phẩm
• offers: thông tin giá, tình trạng còn hàng, đơn vị tiền tệ
• Các thuộc tính khác như sku, gtin, review, aggregateRating…

Với bài viết, schema Article hoặc BlogPosting cũng có thuộc tính image trỏ đến ảnh đại diện hoặc ảnh chính của bài. Ngoài ra, có thể dùng ImageObject để mô tả chi tiết hơn về từng ảnh, ví dụ:

• url: URL ảnh
• caption: chú thích ảnh ở mức structured data
• representativeOfPage: cho biết ảnh có đại diện cho nội dung trang hay không
• author, license, copyrightHolder… nếu cần

Khi alt text, tên file, nội dung xung quanh và structured data đều nhất quán về entity và thuộc tính, Google có nhiều cơ sở để hiểu và tin tưởng thông tin. Ví dụ, một sản phẩm có:

• Product.name: “Giày chạy bộ Nike Pegasus 40 nam màu đen”
• Product.brand: “Nike”
• Product.image: URL trỏ đến “/images/giay-chay-bo-nike-pegasus-40-den.jpg”
• Alt text của ảnh: “Giày chạy bộ Nike Pegasus 40 màu đen cho nam, nhìn từ bên hông”
• Nội dung trang mô tả chi tiết model Pegasus 40, phân khúc, công nghệ đế, đối tượng sử dụng

Trong trường hợp này, hệ thống có một mạng lưới tín hiệu đồng nhất: entity “Nike Pegasus 40” được nhắc trong tên file, alt, schema, nội dung. Điều này giúp tăng độ tin cậy, hỗ trợ hiển thị rich result, Google Images, Google Shopping (nếu đủ điều kiện) và các bề mặt tìm kiếm khác.

Với website thương mại điện tử, structured data chuẩn và nhất quán đặc biệt quan trọng vì:

• Giúp Google phân biệt rõ từng biến thể sản phẩm (màu, size, model) khi kết hợp với ảnh tương ứng.
• Giảm rủi ro trộn lẫn dữ liệu giữa các sản phẩm tương tự.
• Tăng khả năng hiển thị ảnh đúng sản phẩm trong kết quả tìm kiếm hình ảnh và kết quả sản phẩm.

Alt text cần nhất quán với title page, H1, nội dung xung quanh và internal link

SEO hiện đại xoay quanh khái niệm nhất quán ngữ nghĩa (semantic consistency) và entity-based SEO. Thay vì tối ưu từng yếu tố rời rạc, mục tiêu là xây dựng một “bức tranh” thống nhất về chủ đề, entity và search intent của trang. Các thành phần chính cần đồng bộ gồm:

• Title page và meta description
• H1 và hệ thống heading phụ (H2, H3…)
• Nội dung chính (body content)
• Anchor text của internal link trỏ đến trang
• Alt text của ảnh, tên file ảnh, caption
• Structured data (schema.org) gắn với trang

Alt text là một mảnh ghép trong hệ thống này. Nếu alt mô tả một chủ đề hoàn toàn khác với title, H1 và nội dung, tín hiệu sẽ bị nhiễu. Ví dụ, trang nói về “dịch vụ SEO tổng thể cho doanh nghiệp B2B” nhưng alt text lại xoay quanh “dịch vụ thiết kế website giá rẻ” sẽ tạo ra sự lệch pha, làm giảm độ rõ ràng về chủ đề chính.

Ngược lại, khi alt text nhắc lại entity chính một cách tự nhiên, bổ sung thêm thuộc tính và bối cảnh, nó giúp củng cố chủ đề trang. Ví dụ, một trang có:

• Title: “Dịch vụ SEO tổng thể cho doanh nghiệp B2B – Tăng lead chất lượng”
• H1: “Dịch vụ SEO tổng thể cho doanh nghiệp B2B”
• Nội dung xoay quanh chiến lược SEO B2B, quy trình, case study, KPI lead
• Internal link từ các trang khác dùng anchor “dịch vụ SEO B2B”, “SEO tổng thể cho B2B”
• Ảnh minh họa với alt như:
  • “Chuyên gia SEO phân tích dữ liệu lead cho doanh nghiệp B2B”
  • “Biểu đồ tăng trưởng lead B2B từ SEO trong 12 tháng”

Trong cấu hình này, mọi tín hiệu đều xoay quanh entity “dịch vụ SEO tổng thể cho doanh nghiệp B2B” và intent “tăng lead B2B”. Alt text không chỉ lặp lại từ khóa mà còn thêm ngữ cảnh (chuyên gia SEO, phân tích dữ liệu, lead B2B, 12 tháng), giúp Google hiểu sâu hơn về loại giá trị mà dịch vụ mang lại.

Một số thực hành tốt khi tối ưu alt text trong bức tranh tổng thể:

• Viết alt như đang mô tả ảnh cho người không nhìn thấy, sau đó tinh chỉnh để khớp với chủ đề SEO của trang.
• Ưu tiên mô tả entity và hành động: “Chuyên gia SEO audit website B2B trên laptop”, “Dashboard thể hiện số lượng lead B2B từ kênh organic”.
• Tránh nhồi nhét từ khóa chính vào mọi alt; chỉ dùng khi phù hợp với nội dung ảnh.
• Với ảnh purely decorative, có thể dùng alt rỗng (alt="") để screen reader bỏ qua, tránh gây nhiễu trải nghiệm.

Khi alt text, title, H1, nội dung, internal link và structured data cùng kể một câu chuyện nhất quán về entity và intent, Google có khả năng cao hơn trong việc xếp hạng trang cho các truy vấn phù hợp, đồng thời tăng cơ hội xuất hiện trong nhiều bề mặt tìm kiếm khác nhau (web, images, news, discovery…).

Quy trình audit và tối ưu alt text cho website chuẩn SEO

Quy trình audit và tối ưu alt text chuẩn SEO cần vận hành như một pipeline liên tục, bắt đầu từ bước crawl toàn bộ website để thu thập dữ liệu ảnh, phát hiện các vấn đề như thiếu alt, alt trùng lặp, quá chung chung hoặc nhồi từ khóa. Dữ liệu sau crawl được làm sạch, phân loại và tổng hợp thành bảng, gắn kèm metadata (template trang, loại ảnh, trạng thái index, flag decorative) để dễ lập kế hoạch tối ưu và phân chia công việc.

Tiếp theo, ưu tiên xử lý các nhóm trang và ảnh có giá trị SEO và giá trị kinh doanh cao, rồi chuẩn hóa alt theo từng template (product, category, blog, service, homepage) bằng các alt pattern động trong CMS. Song song, kiểm tra accessibility bằng screen reader và công cụ audit WCAG để đảm bảo alt vừa thân thiện SEO vừa hỗ trợ người dùng khiếm thị. Cuối cùng, theo dõi hiệu quả qua Google Search Console (Image Search) và analytics, so sánh trước–sau, tinh chỉnh pattern, mở rộng triển khai và thiết lập chu kỳ audit định kỳ.

Crawl toàn bộ website để phát hiện ảnh thiếu alt, alt trùng và alt quá chung chung

Để tối ưu alt text ở quy mô toàn site một cách chuyên nghiệp, cần xây dựng một pipeline audit có hệ thống, có khả năng lặp lại và mở rộng. Trước hết, cấu hình công cụ crawl (Screaming Frog, Sitebulb, Ahrefs Site Audit hoặc script Python dùng Requests + BeautifulSoup/Selenium) để:

• Thu thập toàn bộ URL có thể index (lọc theo status code 200, canonical, noindex…)
• Trích xuất tất cả thẻ <img> trên từng URL, bao gồm:
  • src, srcset, data-src (lazy load)
  • alt, title, width, height
  • Vị trí trong DOM (hero, content, sidebar, footer… nếu công cụ hỗ trợ)
• Gắn thêm metadata: loại template trang, trạng thái index, ngôn ngữ, thiết bị (nếu có bản mobile riêng)

Sau khi có dữ liệu thô, tiến hành bước data cleaning & classification để phân loại chi tiết hơn:

• Ảnh thiếu alt: không có thuộc tính alt
• Alt trống: có alt="" (cần phân biệt ảnh purely decorative và ảnh có ý nghĩa nội dung)
• Alt trùng lặp:
  • Trùng trong cùng một trang (nhiều ảnh khác nhau nhưng alt giống hệt)
  • Trùng trên nhiều trang (dùng một alt generic cho nhiều context khác nhau)
• Alt quá ngắn: ví dụ < 3 từ, không đủ ngữ cảnh (như “sản phẩm”, “logo”, “ảnh 1”)
• Alt quá chung chung: “image”, “banner”, “hình ảnh”, “picture1”, “photo”
• Alt có dấu hiệu nhồi từ khóa:
  • Lặp từ khóa chính nhiều lần, không tự nhiên
  • Danh sách từ khóa ngăn cách bằng dấu phẩy, không thành câu
• Alt không khớp nội dung ảnh: mô tả sai loại sản phẩm, sai màu, sai ngữ cảnh

Có thể tạo bảng tổng hợp (export từ Screaming Frog hoặc từ script) với các cột: URL trang, URL ảnh, alt hiện tại, loại template (product, category, blog, service, homepage), trạng thái (thiếu alt, trùng alt, cần cải thiện). Để tăng chiều sâu phân tích, nên bổ sung thêm:

• Loại ảnh: hero, thumbnail, gallery, infographic, icon, logo, banner quảng cáo
• Field hỗ trợ rewrite: tên sản phẩm, category, brand, thuộc tính (màu, size, chất liệu…)
• Flag “decorative”: ảnh purely decorative có thể để alt="" theo chuẩn WCAG

Bảng này là cơ sở để lập kế hoạch tối ưu, phân chia workload cho team content/SEO/dev, và thiết lập các quy tắc tự động (template alt, rule trong CMS) để giảm thao tác thủ công về sau.

Ưu tiên tối ưu ảnh có traffic, impression, vị trí cao hoặc giá trị chuyển đổi lớn

Không phải mọi ảnh đều mang lại giá trị SEO hoặc kinh doanh như nhau, nên cần một lớp prioritization dựa trên dữ liệu. Kết hợp dữ liệu crawl với Google Search Console và analytics để xác định thứ tự ưu tiên:

• Trong Google Search Console:
  • Chuyển sang chế độ “Search type: Image” để xem:
    • Truy vấn hình ảnh (queries) có nhiều impression
    • Trang đích (pages) nhận traffic từ Google Images
    • CTR thấp dù impression cao (cơ hội tối ưu alt + context ảnh)
  • Lọc theo country, device để hiểu hành vi người dùng theo thị trường
• Trong Google Analytics / GA4:
• Phân tích landing page có nguồn traffic từ Google Organic Image (nếu đã gắn UTM hoặc dùng report phù hợp)
• Đo lường conversion rate, revenue, lead form submissions từ các landing page này

Đối với website thương mại điện tử, nên ưu tiên:

• Trang sản phẩm bán chạy, có doanh thu cao hoặc biên lợi nhuận tốt
• Danh mục chính (top-level categories) và subcategory có volume tìm kiếm lớn
• Landing page chiến dịch (sale, seasonal, collection đặc biệt) có nhiều traffic paid/organic

Đối với blog, ưu tiên:

• Bài viết mang lại nhiều traffic organic, nhiều backlink hoặc time on page cao
• Bài viết đóng vai trò top-of-funnel nhưng dẫn nhiều user vào funnel chuyển đổi

Đối với website dịch vụ, ưu tiên:

• Trang dịch vụ chính (service pillar pages)
• Case study, portfolio, testimonial có ảnh minh họa kết quả

Chiến lược là kết hợp “SEO value” và “business value”:

• SEO value: impression, vị trí trung bình, CTR, số truy vấn liên quan đến hình ảnh
• Business value: conversion rate, revenue, lead quality, LTV của khách hàng đến từ các trang đó

Bằng cách tập trung vào những khu vực có tác động lớn trước, có thể nhanh chóng đo lường hiệu quả của việc tối ưu alt text (tăng impression, click, conversion từ Image Search), sau đó mở rộng quy trình cho toàn bộ site dựa trên template và rule đã được kiểm chứng.

Nhóm ảnh theo template như product, category, blog, service và homepage

Để quản lý alt text hiệu quả ở quy mô lớn, nên nhóm ảnh theo template trang và loại ảnh, sau đó xây dựng rule/logic cho từng nhóm. Các nhóm phổ biến:

• Product page:
• Ảnh chính (main product image)
• Ảnh gallery (góc chụp khác, zoom chi tiết)
• Ảnh lifestyle (sản phẩm trong bối cảnh sử dụng)
• Ảnh technical (sơ đồ, bảng size, thông số kỹ thuật)

• Category page:
  • Ảnh banner category
  • Ảnh thumbnail sản phẩm trong listing
• Blog post:
  • Ảnh hero/featured image
  • Ảnh minh họa trong nội dung
  • Ảnh biểu đồ, infographic, screenshot
• Service page:
  • Ảnh đội ngũ (team, chuyên gia)
  • Ảnh quy trình, workflow
  • Ảnh kết quả trước/sau (before/after)
• Homepage, landing page:
  • Hero banner
  • Ảnh section giới thiệu, USP, testimonial, logo khách hàng

Với mỗi template, có thể xây dựng alt pattern dựa trên field động trong CMS:

• Product page:
  • Ảnh chính: “{Tên sản phẩm} – {thuộc tính chính: màu/chất liệu}”
  • Ảnh chi tiết: “Chi tiết {bộ phận} của {tên sản phẩm} – {thuộc tính}”
  • Ảnh lifestyle: “{Tên sản phẩm} được sử dụng trong {ngữ cảnh}”
• Blog post:
  • Hero: “{Chủ đề bài viết} – minh họa chính”
  • Biểu đồ: “Biểu đồ {loại} thể hiện {chỉ số} theo {thời gian/nhóm}”
  • Ảnh minh họa: mô tả hành động, đối tượng, bối cảnh liên quan trực tiếp đoạn text
• Service page:
  • Ảnh đội ngũ: “Đội ngũ {bộ phận} của {tên thương hiệu}”
  • Ảnh quy trình: “Quy trình {tên dịch vụ} gồm {số bước} bước”
  • Ảnh kết quả: “Kết quả {chỉ số} sau khi sử dụng dịch vụ {tên dịch vụ}”

Việc chuẩn hóa theo template giúp:

• Đội nội dung dễ tuân thủ, giảm sai sót, tránh nhồi từ khóa
• Dev có thể implement rule tự động trong CMS (auto-generate alt từ field có sẵn, nhưng vẫn cho phép override thủ công)
• Đảm bảo tính nhất quán trên toàn website, giúp Google hiểu rõ cấu trúc nội dung hình ảnh
• Đơn giản hóa việc audit định kỳ: chỉ cần kiểm tra xem alt có tuân theo pattern hay không, thay vì review từng ảnh riêng lẻ

Kiểm tra accessibility bằng screen reader hoặc công cụ audit WCAG

Sau khi tối ưu alt text, bước tiếp theo là kiểm tra accessibility để đảm bảo người dùng khiếm thị hoặc dùng công nghệ hỗ trợ có trải nghiệm tốt. Cách tiếp cận nên gồm cả kiểm thử thủ công và tự động:

• Kiểm thử với screen reader:
  • Sử dụng NVDA, JAWS (Windows) hoặc VoiceOver (macOS, iOS) để duyệt thử các trang quan trọng
  • Di chuyển qua từng phần tử ảnh, lắng nghe cách alt text được đọc:
    • Alt có đủ ngữ cảnh để hiểu nội dung mà không cần nhìn màn hình không
    • Alt có bị dài dòng, lặp lại thông tin đã có trong text liền kề không
    • Ảnh purely decorative có bị đọc lên gây nhiễu không (trường hợp này nên dùng alt="")
• Audit tự động theo WCAG:
• Dùng WAVE, axe, Lighthouse để:
  • Phát hiện ảnh thiếu alt hoặc alt không phù hợp với role
  • Kiểm tra contrast, cấu trúc heading, ARIA attributes liên quan đến hình ảnh (nếu có)
• Kết hợp kết quả audit với bảng crawl để cập nhật trạng thái “đạt chuẩn WCAG” cho từng ảnh

Nguyên tắc quan trọng khi viết alt theo góc độ accessibility:

• Mô tả chức năng hoặc ý nghĩa của ảnh trong ngữ cảnh, không chỉ mô tả bề ngoài
• Không cần dùng cụm “hình ảnh của…”, “ảnh chụp…” vì screen reader đã thông báo đó là ảnh
• Với ảnh chứa text quan trọng (CTA, số liệu, heading), alt cần truyền tải nội dung text đó
• Với icon có chức năng (search, cart, menu), alt hoặc aria-label nên mô tả hành động (“Tìm kiếm”, “Giỏ hàng”)

Việc kết hợp SEO và accessibility trong tối ưu alt text không chỉ giúp website thân thiện với công cụ tìm kiếm, mà còn thể hiện trách nhiệm xã hội, tuân thủ chuẩn WCAG và nâng cao trải nghiệm cho mọi nhóm người dùng.

Theo dõi hiệu quả qua Google Search Console Image Search và traffic landing page

Sau khi triển khai tối ưu alt text, cần thiết lập một framework đo lường để đánh giá hiệu quả và tối ưu liên tục. 

Google Search Console và công cụ analytics là hai nguồn dữ liệu chính:

• Trong Google Search Console:
  • Chọn “Search type: Image” để phân tích:
    • Impression, clicks, CTR, vị trí trung bình theo:
      • Truy vấn (queries)
      • Trang (pages)
      • Quốc gia, thiết bị
    • So sánh dữ liệu trước và sau khi tối ưu alt text theo:
      • Khoảng thời gian (28 ngày trước vs 28 ngày sau)
      • Nhóm trang ưu tiên (product, category, blog, service)
  • Phân tích truy vấn thực tế người dùng dùng để tìm hình ảnh, từ đó:
    • Điều chỉnh cách viết alt cho sát với ngôn ngữ người dùng
    • Phát hiện cơ hội từ khóa mới cho nội dung text xung quanh ảnh
• Trong Google Analytics / GA4:
  • Theo dõi traffic landing page đến từ Organic Image (nếu phân biệt được nguồn)
  • Đo lường:
    • Session, engaged sessions, time on page
    • Conversion rate, revenue, số lead từ các landing page có traffic hình ảnh
  • So sánh performance của nhóm trang đã tối ưu alt với nhóm chưa tối ưu để ước lượng impact

Dựa trên dữ liệu này, có thể tinh chỉnh chiến lược:

• Tăng cường tối ưu cho loại ảnh mang lại nhiều traffic và conversion (ví dụ: ảnh before/after, infographic, ảnh lifestyle)
• Điều chỉnh pattern alt cho từng template dựa trên truy vấn thực tế (query mining từ GSC)
• Mở rộng tối ưu sang các khu vực khác của website khi đã có “playbook” hiệu quả
• Thiết lập chu kỳ audit định kỳ (hàng quý/hàng nửa năm) để cập nhật alt cho nội dung mới

Khi quy trình audit, tối ưu, kiểm tra accessibility và đo lường được chuẩn hóa, alt text trở thành một phần của hệ thống SEO onpage và UX, thay vì chỉ là thao tác bổ sung mang tính hình thức.

FAQ về alt text hình ảnh và SEO

Phần FAQ này tập trung làm rõ vai trò của alt text trong SEO hình ảnh và khả năng truy cập, nhấn mạnh rằng alt là tín hiệu trực tiếp cho Google Images nhưng chỉ là một phần trong bức tranh xếp hạng tổng thể. Nội dung giải thích độ dài alt tối ưu theo góc nhìn accessibility, cách tránh nhồi nhét từ khóa và phân biệt ảnh nội dung với ảnh trang trí để dùng alt rỗng khi cần. Bài viết cũng so sánh alt text với title và caption, đưa ra quy tắc chi tiết cho website thương mại điện tử, đặc biệt là ảnh sản phẩm, biến thể và ảnh chi tiết. Với infographic, alt chỉ nên tóm tắt chủ đề, còn nội dung chi tiết phải ở dạng text HTML. Cuối cùng, tài liệu đề xuất dùng AI như công cụ gợi ý, nhưng vẫn cần kiểm duyệt thủ công để đảm bảo độ chính xác và giá trị SEO bền vững.

Alt text có phải yếu tố xếp hạng trực tiếp không?

Alt text là một trong những tín hiệu onpage quan trọng giúp Google hiểu nội dung hình ảnh, mối quan hệ giữa hình ảnh với phần text xung quanh và chủ đề tổng thể của trang. Đối với Google Images, alt text là yếu tố xếp hạng trực tiếp, vì nó cung cấp ngữ nghĩa rõ ràng nhất về nội dung ảnh, đặc biệt khi ảnh không có nhiều ngữ cảnh khác.

Trong kết quả tìm kiếm web thông thường, alt text không phải “đòn bẩy thần kỳ” để tăng thứ hạng, nhưng nó góp phần:

• Tăng độ rõ ràng về chủ đề (topic clarity) của trang
• Hỗ trợ Google nhận diện entity, sản phẩm, thương hiệu trong ảnh
• Cải thiện khả năng xuất hiện trong rich result hoặc image pack
• Tăng tính accessibility, giúp website thân thiện với người dùng khiếm thị

Google nhiều lần khẳng định họ dùng alt text để hiểu hình ảnh và chủ đề trang tốt hơn, đặc biệt khi kết hợp với:

• Tiêu đề trang (title)
• Heading gần ảnh (H2, H3…)
• Caption ảnh
• Văn bản xung quanh ảnh
• Tên file ảnh và dữ liệu cấu trúc (schema)

Trong bối cảnh cạnh tranh SEO, tối ưu alt text đúng chuẩn là một phần của chiến lược onpage hoàn chỉnh, giúp tăng độ liên quan chủ đề, hỗ trợ internal relevance và cải thiện trải nghiệm người dùng, chứ không chỉ là thao tác kỹ thuật đơn lẻ.

Alt text nên dài bao nhiêu ký tự là tốt?

Không có giới hạn ký tự chính thức cho alt text trong HTML, nhưng từ góc độ accessibility và UX, nhiều screen reader và tài liệu khuyến nghị giữ alt trong khoảng 80–125 ký tự. Đây là ngưỡng giúp mô tả đủ ý mà vẫn dễ đọc, không gây “ngộp” cho người dùng sử dụng trình đọc màn hình.

Tuy nhiên, độ dài tối ưu phụ thuộc vào loại ảnh:

• Ảnh đơn giản, 1 đối tượng chính: 5–12 từ thường là đủ, ví dụ “Giày chạy bộ nam màu đen đế trắng”
• Ảnh sản phẩm có nhiều thuộc tính: có thể 12–20 từ để bao quát tên, thương hiệu, biến thể quan trọng
• Ảnh phức tạp, nhiều chi tiết: alt có thể dài hơn, nhưng nếu vượt 150–200 ký tự, nên tách phần mô tả chi tiết sang đoạn văn gần ảnh

Nguyên tắc cốt lõi:

• Alt phải ngắn gọn nhưng đủ nghĩa, mô tả đúng đối tượng và hành động chính trong ảnh
• Không cố gắng nhồi mọi chi tiết nhỏ vào alt, vì sẽ gây khó hiểu cho screen reader và làm loãng thông tin chính
• Với ảnh chứa nhiều thông tin (biểu đồ, infographic), alt chỉ nên tóm tắt, còn nội dung chi tiết phải được trình bày bằng text HTML bên cạnh

Có nên chèn từ khóa chính vào mọi alt text không?

Không nên chèn từ khóa chính vào mọi alt text một cách máy móc. Alt text trước hết là mô tả nội dung ảnh cho người dùng, sau đó mới là tín hiệu SEO. Nếu cố gắng đưa từ khóa vào mọi ảnh, kể cả khi ảnh không liên quan, bạn sẽ rơi vào keyword stuffing, gây hại cho:

• Trải nghiệm người dùng khiếm thị (nghe lặp đi lặp lại cụm từ vô nghĩa với ảnh)
• Độ tự nhiên của nội dung trong mắt Google
• Độ chính xác ngữ nghĩa của trang

Cách tiếp cận đúng:

• Chỉ chèn từ khóa khi đó là cách tự nhiên và chính xác nhất để mô tả ảnh
• Ưu tiên mô tả entity, hành động, thuộc tính quan trọng của ảnh
• Nếu từ khóa trùng với entity hoặc sản phẩm (ví dụ “dịch vụ SEO tổng thể”, “giày chạy bộ nam Nike Pegasus 40”), việc xuất hiện trong alt là tự nhiên và có lợi
• Nếu ảnh chỉ mang tính minh họa chung chung, không liên quan trực tiếp đến từ khóa chính, hãy mô tả đúng nội dung ảnh, không cố gắng “nhét” từ khóa

Google ngày càng tốt hơn trong việc phát hiện nội dung tối ưu quá đà. Alt text được viết tự nhiên, đúng ngữ cảnh, nhất quán với nội dung xung quanh sẽ mang lại lợi ích SEO bền vững hơn so với việc tối ưu từ khóa cực đoan.

Ảnh trang trí có cần alt text không?

Ảnh trang trí (decorative images) là những ảnh không truyền tải thông tin nội dung, chỉ dùng để làm đẹp giao diện hoặc tạo cảm xúc thị giác. Với nhóm ảnh này, không nên viết alt mô tả. Thay vào đó, dùng alt rỗng alt="" để screen reader bỏ qua hoàn toàn.

Việc này rất quan trọng cho accessibility, vì nếu screen reader phải đọc “đường kẻ ngang”, “hình tròn màu xanh”, “icon trang trí” liên tục, người dùng khiếm thị sẽ bị nhiễu, khó tập trung vào nội dung chính.

Các ví dụ điển hình của ảnh trang trí:

• Đường kẻ phân cách, pattern nền, texture
• Icon trang trí không mang nghĩa (hình hoa lá, hình khối trừu tượng)
• Ảnh minh họa trừu tượng không liên quan trực tiếp đến nội dung văn bản
• Ảnh background được chèn bằng CSS chỉ để tạo layout

Điểm quan trọng là phân biệt rõ:

• Ảnh nội dung (content images): truyền tải thông tin, dữ liệu, sản phẩm, quy trình… → cần alt mô tả
• Ảnh trang trí: chỉ để làm đẹp, không thêm thông tin → dùng alt rỗng alt=""

Nếu một ảnh vừa đẹp vừa mang thông tin (ví dụ ảnh sản phẩm được chụp nghệ thuật), vẫn phải coi là ảnh nội dung và viết alt mô tả chính xác sản phẩm, không được xem là ảnh trang trí.

Alt text khác gì với title ảnh và caption ảnh?

Alt text, title ảnh và caption ảnh là ba lớp thông tin khác nhau, phục vụ các mục đích riêng:

• Alt text:
  • Là thuộc tính alt trong thẻ <img>
  • Dùng để mô tả nội dung ảnh cho screen reader và công cụ tìm kiếm
  • Hiển thị khi ảnh không tải được (lỗi đường dẫn, lỗi server…)
  • Là thành phần quan trọng cho SEO hình ảnh và accessibility
• Title ảnh (thuộc tính title):
  • Hiển thị như tooltip khi rê chuột lên ảnh trên desktop
  • Không phải là yếu tố chính cho SEO, nhiều trình đọc màn hình bỏ qua hoặc xử lý không nhất quán
  • Thường dùng để bổ sung thông tin phụ, không quan trọng bằng alt
• Caption ảnh:
  • Là văn bản hiển thị dưới hoặc gần ảnh, thường được bọc trong thẻ <figcaption> hoặc một container riêng
  • Giúp người đọc hiểu bối cảnh, nguồn, giải thích chi tiết hơn về ảnh
  • Tốt cho UX và SEO vì là text HTML, dễ index, có thể chứa từ khóa, entity, nguồn dữ liệu

Một ảnh quan trọng nên có:

• Alt text mô tả ngắn gọn, chính xác nội dung ảnh
• Caption giải thích chi tiết hơn khi cần (ví dụ mô tả số liệu trong biểu đồ, nguồn dữ liệu, năm thống kê…)

Caption không thay thế alt, vì screen reader và Google vẫn dựa nhiều vào alt để hiểu trực tiếp nội dung ảnh, đặc biệt trong bối cảnh ảnh được dùng lại ở nhiều nơi hoặc tách khỏi caption.

Website thương mại điện tử nên viết alt ảnh sản phẩm thế nào?

Website thương mại điện tử có số lượng ảnh lớn, nhiều biến thể sản phẩm, nên cần quy tắc alt text rõ ràng để vừa tối ưu SEO, vừa đảm bảo tính nhất quán dữ liệu. Nguyên tắc cơ bản:

Cấu trúc gợi ý: tên sản phẩm + thương hiệu + thuộc tính quan trọng + (góc chụp/chi tiết nếu cần)

Ví dụ:

• “Giày chạy bộ nam Nike Pegasus 40 màu đen, nhìn nghiêng bên phải”
• “Áo thun nữ Uniqlo cổ tròn màu trắng, chất liệu cotton, mặt trước”
• “Laptop Dell XPS 13 9320, màn hình 13 inch, ảnh chụp bàn phím cận cảnh”

Phân loại ảnh sản phẩm để viết alt phù hợp:

• Ảnh chính (hero image):
  • Tập trung vào tên sản phẩm, thương hiệu, biến thể chính (màu, dung lượng, size…)
  • Không cần mô tả quá chi tiết góc chụp nếu không tạo khác biệt lớn
• Ảnh biến thể:
  • Nhấn mạnh thuộc tính thay đổi: màu sắc, kích thước, chất liệu, phiên bản
  • Ví dụ: “Giày chạy bộ nam Nike Pegasus 40 màu xanh navy, mặt bên trái”
• Ảnh chi tiết:
  • Mô tả bộ phận, chất liệu, tính năng hoặc điểm khác biệt: “chi tiết đế giày chống trượt”, “cận cảnh đường may cổ áo”

Lưu ý quan trọng:

• Không lặp cùng một alt cho mọi ảnh của sản phẩm; mỗi ảnh nên có alt phản ánh góc nhìn hoặc chi tiết riêng
• Alt cần nhất quán với:
  • Tên sản phẩm (product title)
  • Thuộc tính trong hệ thống (màu, size, SKU…)
  • Schema sản phẩm (Product structured data)
  • Tên file ảnh (nếu có thể tối ưu)
• Tránh nhồi từ khóa không liên quan, không lặp lại tên danh mục dài dòng trong mọi alt
• Ưu tiên mô tả chính xác, hữu ích cho người dùng đang cân nhắc mua hàng

Ảnh infographic nên viết alt text ra sao?

Infographic thường chứa nhiều chữ, số liệu, biểu đồ, nên nếu cố gắng đưa toàn bộ nội dung vào alt sẽ gây quá tải cho screen reader và không hiệu quả cho SEO. Cách tối ưu là:

• Dùng alt text để tóm tắt chủ đề, phạm vi và mục đích chính của infographic
• Ví dụ: “Infographic tóm tắt 10 bước tối ưu SEO onpage cho website mới” hoặc “Infographic so sánh chi phí quảng cáo Google Ads và Facebook Ads năm 2024”
• Không nhồi toàn bộ nội dung chữ trong infographic vào alt

Nội dung chi tiết của infographic nên được chuyển thành text HTML trong bài viết, đặt gần ảnh, có thể dưới dạng:

• Danh sách bullet mô tả từng bước, từng giai đoạn
• Bảng số liệu tương ứng với biểu đồ trong ảnh
• Đoạn văn giải thích insight, kết luận rút ra từ infographic

Lợi ích của cách làm này:

• Đảm bảo accessibility: người dùng khiếm thị vẫn tiếp cận đầy đủ thông tin
• Giúp Google index nội dung dễ dàng hơn, vì Google đọc text HTML tốt hơn nhiều so với chữ nhúng trong ảnh
• Tăng khả năng xếp hạng cho các truy vấn liên quan đến số liệu, bước thực hiện, insight trong infographic

Có nên dùng AI để tự động tạo alt text cho toàn bộ website không?

AI có thể hỗ trợ mạnh mẽ trong việc tạo alt text ở quy mô lớn, đặc biệt với website thương mại điện tử, báo chí, thư viện ảnh có hàng chục nghìn đến hàng triệu hình. Tuy nhiên, không nên phụ thuộc hoàn toàn vào AI mà bỏ qua bước kiểm soát chất lượng.

Các rủi ro khi dùng AI tự động 100%:

• Mô tả sai nội dung ảnh (nhận diện nhầm sản phẩm, màu sắc, bối cảnh)
• Bỏ qua ngữ cảnh trang, từ khóa mục tiêu, intent của người dùng
• Tạo alt quá chung chung, lặp lại, không mang giá trị SEO hoặc UX
• Không phân biệt được ảnh nội dung và ảnh trang trí, dẫn đến mô tả cả những ảnh đáng lẽ phải dùng alt rỗng

Cách tiếp cận hợp lý hơn:

• Dùng AI để gợi ý alt text dựa trên:
  • Nội dung ảnh (computer vision)
  • Dữ liệu sản phẩm (tên, thuộc tính, category)
  • Văn bản xung quanh ảnh (contextual understanding)
• Xây dựng quy tắc nội bộ về alt text (độ dài, cấu trúc, ưu tiên thông tin) và huấn luyện AI theo các quy tắc này
• Để đội nội dung hoặc SEO review và chỉnh sửa các alt quan trọng:
  • Ảnh sản phẩm chủ lực, landing page chính
  • Ảnh trong bài viết mang tính chiến lược
  • Ảnh có khả năng lên top Google Images cao
• Cấu hình hệ thống để:
  • Không tạo alt mô tả cho ảnh trang trí, tự động gán alt=""
  • Tránh lặp lại cùng một alt cho nhiều ảnh khác nhau nếu nội dung không giống nhau

Việc kết hợp AI và con người giúp tiết kiệm thời gian, giảm chi phí vận hành, nhưng vẫn giữ được chất lượng, tính chính xác và sự phù hợp với yêu cầu EEAT cũng như tiêu chuẩn SEO hiện đại.