Khi triển khai các chiến dịch tối ưu hóa công cụ tìm kiếm SEO, nhiều doanh nghiệp thường tập trung vào nghiên cứu từ khóa, xây dựng nội dung hoặc phát triển hệ thống liên kết – backlink. Tuy nhiên, một yếu tố quan trọng trong SEO hình ảnh lại thường bị bỏ qua, đó chính là thẻ Alt.
Không chỉ giúp công cụ tìm kiếm hiểu chính xác nội dung hình ảnh, thẻ alt còn hỗ trợ khả năng tiếp cận, cải thiện trải nghiệm người dùng và góp phần tối ưu hiệu quả SEO tổng thể cho website.
Trong các dự án thiết kế website chuẩn SEO do Cánh Cam Agency triển khai, việc tối ưu hình ảnh luôn được xem là một phần quan trọng trong chiến lược phát triển website bền vững. Bởi một hình ảnh được tối ưu đúng cách không chỉ nâng cao trải nghiệm người dùng mà còn giúp website có thêm cơ hội xuất hiện trên Google Hình ảnh (Google Images).
Vậy thẻ Alt là gì? Thẻ Alt có vai trò như thế nào đối với SEO và làm sao để viết Alt Text đúng chuẩn? Hãy cùng tìm hiểu chi tiết trong bài viết dưới đây.
1. Thẻ Alt là gì?
Mặc dù thường được gọi là thẻ Alt, nhưng trên thực tế Alt không phải là một thẻ HTML độc lập. Đây là một thuộc tính (attribute) được sử dụng bên trong thẻ hình ảnh <img> nhằm cung cấp nội dung mô tả bằng văn bản cho hình ảnh.
Định nghĩa thuộc tính Alt
Alt là viết tắt của cụm từ Alternative Text (văn bản thay thế). Thuộc tính này được sử dụng để mô tả nội dung hoặc chức năng của một hình ảnh trong trường hợp hình ảnh không thể hiển thị hoặc khi người dùng sử dụng các công cụ hỗ trợ như trình đọc màn hình (Screen Reader).
Trong lĩnh vực SEO và phát triển website, Alt còn được gọi bằng nhiều tên khác nhau như:
- Alt Text
- Thẻ Alt
- Văn bản thay thế
- Thuộc tính Alt
- Mô tả hình ảnh (Image Alt Text)
- Alt Attribute
Dù được gọi bằng tên nào, mục đích chính của thẻ Alt vẫn là cung cấp thêm ngữ cảnh cho hình ảnh, giúp công cụ tìm kiếm và các phần mềm hỗ trợ người dùng hiểu được nội dung của hình ảnh một cách chính xác hơn.
Cấu trúc HTML của thẻ Alt
Một hình ảnh có sử dụng thẻ Alt trong HTML thường được khai báo theo cấu trúc sau:
<img src="duong-dan-anh-trung-thu-cao-cap.jpg" alt="Hộp bánh trung thu cao cấp thiết kế độc bản">Ý nghĩa của từng thành phần:
- <img>: Thẻ HTML dùng để hiển thị hình ảnh.
- src (Source): Chứa đường dẫn đến tệp hình ảnh.
- alt (Alternative Text): Chứa nội dung mô tả hình ảnh bằng văn bản.
Khi Googlebot thu thập dữ liệu hoặc khi trình đọc màn hình gặp hình ảnh này, nội dung bên trong thẻ Alt sẽ được sử dụng để hiểu và mô tả hình ảnh.
Ví dụ:
<img src="may-lanh-daikin.jpg" alt="Máy lạnh Daikin Inverter 1.5HP màu trắng">Trong ví dụ trên, Google và các công cụ hỗ trợ người dùng có thể hiểu rằng hình ảnh đang mô tả một chiếc máy lạnh Daikin Inverter công suất 1.5HP màu trắng.
Phân biệt thẻ Alt và Title của hình ảnh
Nhiều người thường nhầm lẫn giữa thẻ Alt và thẻ Title khi tối ưu hình ảnh. Mặc dù đều có thể chứa văn bản mô tả, nhưng chức năng của chúng hoàn toàn khác nhau.
<img src="duong-dan-anh-trung-thu-cao-cap.jpg" alt="Hộp bánh trung thu cao cấp thiết kế độc bản" title="Bộ sưu tập quà tặng trung thu 2026">- Alt: Giúp công cụ tìm kiếm và trình đọc màn hình hiểu nội dung hình ảnh. Đây là thuộc tính quan trọng đối với SEO hình ảnh và Accessibility.
- Title: Cung cấp thông tin bổ sung cho người dùng khi di chuột vào hình ảnh. Thuộc tính này có giá trị hỗ trợ trải nghiệm người dùng nhưng không có nhiều trọng số trong SEO như thẻ Alt.
Vì vậy, khi tối ưu hình ảnh cho website, doanh nghiệp nên ưu tiên xây dựng nội dung thẻ Alt, mô tả đúng nội dung hình ảnh trước khi cân nhắc sử dụng thẻ Title.
2. Phân biệt Thẻ Alt & Title Image, File Name
Để tối ưu hình ảnh hiệu quả, Webmaster hoặc Content Writer cần phân biệt rõ ba thuộc tính cơ bản dưới đây để tránh việc chèn nội dung trùng lặp không cần thiết:
| Tiêu chí phân tích | Thẻ mô tả Alt (Alt Text) | Tiêu đề hình ảnh (Title Image) | Tên tệp tin vật lý (File Name) |
|---|---|---|---|
| Bản chất kỹ thuật | Thuộc tính dùng để thay thế cho hình ảnh khi không hiển thị được. | Thuộc tính bổ sung cung cấp thông tin phụ trợ khi tương tác. | Tên định danh của file ảnh lưu trữ trên máy chủ. |
| Cơ chế hiển thị thực tế | Xuất hiện khi tệp ảnh lỗi tải hoặc khi dùng phần mềm đọc màn hình. | Xuất hiện dưới dạng ô thoại nhỏ (tooltip) khi di chuột vào ảnh. | Không hiển thị trực tiếp trên giao diện bài viết. |
| Trọng số với Bot | Tín hiệu quan trọng để xếp hạng ảnh trên Google Image Search. | Đóng vai trò phụ trợ, cung cấp thêm ngữ cảnh cho trang. | Giúp bot định hình chủ đề sơ khởi ban đầu của file. |
| Nguyên tắc tối ưu hóa | Dưới 125 ký tự, viết có dấu, súc tích, phản ánh đúng nội dung ảnh. | Ngắn gọn, từ 3 đến 7 từ, bổ sung thông tin tương tác nhanh. | Ngắn, viết tiếng Việt không dấu, phân tách bằng dấu gạch ngang -. |
3. Vai trò của thẻ Alt trong SEO Onpage
Hình ảnh là một trong những yếu tố quan trọng giúp tăng trải nghiệm người dùng và làm nội dung trực quan hơn. Tuy nhiên, công cụ tìm kiếm không thể hiểu hoàn toàn ý nghĩa của hình ảnh nếu không có các tín hiệu mô tả phù hợp.
Đá là lý do thẻ Alt được xem là một thành phần cần thiết trong quá trình tối ưu SEO Onpage. Không chỉ hỗ trợ Google hiểu nội dung hình ảnh, Alt Text còn góp phần cải thiện khả năng tiếp cận và trải nghiệm người dùng trên website.
Dưới đây là những lợi ích mà thẻ Alt mang lại:
Giúp công cụ tìm kiếm hiểu nội dung hình ảnh
Mặc dù công nghệ trí tuệ nhân tạo (AI) và thị giác máy tính (Computer Vision) của Google ngày càng phát triển, công cụ tìm kiếm vẫn cần các tín hiệu văn bản để xác định chính xác nội dung của hình ảnh.
Khi Googlebot thu thập dữ liệu trên website, thuộc tính Alt đóng vai trò như một phần mô tả giúp công cụ tìm kiếm hiểu được hình ảnh đang thể hiện điều gì, có liên quan đến chủ đề nào và phù hợp với ngữ cảnh của trang ra sao.
Ví dụ, thay vì chỉ tải lên một hình ảnh có tên file IMG_1234.jpg, việc bổ sung Alt Text như “Máy lạnh Daikin Inverter 1.5HP” sẽ giúp Google hiểu rõ nội dung của hình ảnh hơn.
Nếu bỏ trống thuộc tính Alt, công cụ tìm kiếm có thể gặp khó khăn trong việc diễn giải nội dung hình ảnh, từ đó làm giảm hiệu quả SEO hình ảnh.
Hỗ trợ tăng khả năng xuất hiện trên Google Hình ảnh
Google Hình ảnh (Google Images) là một nguồn thu hút lượt truy cập tự nhiên đáng kể cho website, đặc biệt trong các lĩnh vực có tính trực quan cao như nội thất, kiến trúc, thời trang, mỹ phẩm, du lịch hoặc thiết kế website.
Khi hình ảnh được tối ưu đầy đủ về tên file, thẻ Alt, kích thước và ngữ cảnh nội dung, Google sẽ dễ dàng hiểu và lập chỉ mục hình ảnh chính xác hơn. Nhờ đó, hình ảnh có cơ hội xuất hiện trong kết quả tìm kiếm hình ảnh của Google, góp phần mang lại thêm lưu lượng truy cập tự nhiên (Organic Traffic) cho website.
Mặc dù thẻ Alt không phải là yếu tố duy nhất quyết định thứ hạng hình ảnh, nhưng đây vẫn là một trong những tín hiệu quan trọng giúp tối ưu SEO hình ảnh hiệu quả.
Hỗ trợ trải nghiệm người dùng khi hình ảnh không hiển thị
Trong quá trình sử dụng Internet, hình ảnh có thể không tải được do nhiều nguyên nhân khác nhau như lỗi đường truyền mạng, sự cố máy chủ, liên kết hình ảnh bị hỏng hoặc người dùng tắt chế độ tải ảnh trên trình duyệt.
Trong những trường hợp này, nội dung trong thuộc tính Alt sẽ hiển thị thay thế, giúp người đọc vẫn nắm được thông tin mà bức ảnh muốn truyền tải. Điều này đặc biệt hữu ích đối với các bài viết hướng dẫn, bài đánh giá sản phẩm hoặc những nội dung phụ thuộc nhiều vào hình ảnh minh họa.
Hỗ trợ khả năng tiếp cận (Accessibility)
Một trong những mục đích nguyên bản của thuộc tính Alt là hỗ trợ khả năng tiếp cận thông tin cho người dùng khiếm thị hoặc những người sử dụng phần mềm đọc màn hình (Screen Reader).
Khi trình đọc màn hình gặp một hình ảnh trên website, phần mềm sẽ đọc nội dung trong thuộc tính Alt để mô tả hình ảnh cho người dùng.
Ví dụ:
<img src="may-lanh-daikin.jpg" alt="Máy lạnh Daikin Inverter 1.5HP màu trắng">Nhờ đó, người dùng vẫn có thể hiểu được nội dung hình ảnh ngay cả khi không thể trực tiếp nhìn thấy nó. Việc tối ưu thẻ alt giúp xây dựng một website thân thiện, dễ tiếp cận và tuân thủ các tiêu chuẩn phát triển web hiện đại.
4. Hướng dẫn tối ưu thẻ alt đúng chuẩn
Để thuộc tính Alt phát huy tốt vai trò của nó, bạn cần tránh việc điền văn bản thay thế một cách cảm tính. Dưới đây là các quy tắc tối ưu kỹ thuật cốt lõi:
Mô tả chân thực, cụ thể và bám sát ngữ cảnh thực tế của ảnh
Văn bản thay thế phải là một lời thuyết minh trung thực cho những gì đang thực sự diễn ra trong bức ảnh. Hãy viết một cách tự nhiên như thể bạn đang mô tả bức ảnh đó cho một người không nhìn thấy.
- Ví dụ chưa tối ưu: alt=”thiết kế web” (Quá chung chung).
- Ví dụ tối ưu: alt=”Chuyên viên UI UX đang vẽ sơ đồ wireframe cho giao diện website thương mại điện tử” (Mô tả rõ ràng hành động và ngữ cảnh).
Kiểm soát độ dài lý tưởng
Các trình đọc màn hình phổ biến hiện nay thường có xu hướng ngừng đọc văn bản thay thế sau khi chạm mốc 125 ký tự. Do đó, Alt Text nên ngắn gọn, súc tích và nằm trong khoảng dưới 15 từ để đạt hiệu suất kỹ thuật tốt nhất.
Chèn từ khóa một cách tự nhiên
Việc đưa từ khóa mục tiêu vào văn bản thay thế là một kỹ thuật SEO Onpage tốt nhằm làm rõ chủ đề của trang. Tuy nhiên, việc nhồi nhét từ khóa quá đà có thể bị hệ thống của Google đánh giá là spam và làm giảm chất lượng tối ưu của trang.
- Cách làm sai (Spam từ khóa): alt=”thẻ Alt là gì alt text hướng dẫn tối ưu alt là gì thuộc tính alt”
- Cách làm chuẩn (Tự nhiên): alt=”Hướng dẫn chi tiết cách kiểm tra thuộc tính Alt trên trình duyệt Google Chrome”
Loại bỏ hoàn toàn các cụm từ thừa thãi
Các công cụ tìm kiếm và trình đọc màn hình đều nhận biết được đây là hình ảnh dựa trên thẻ định dạng <img>. Vì vậy, việc bắt đầu bằng các cụm từ mang tính diễn giải như “Hình ảnh về…”, “Bức ảnh chụp…”, “Icon của…” là không cần thiết. Hãy đi thẳng vào nội dung cốt lõi của bức ảnh.
5. Các công cụ kiểm tra thẻ mô tả alt
Đối với các website có số lượng trang lớn, việc rà soát thủ công từng hình ảnh là rất khó khăn. Bạn có thể ứng dụng các công cụ phổ biến sau để kiểm tra hàng loạt:
Screaming Frog SEO Spider
Đây là phần mềm giả lập bot tìm kiếm trên máy tính. Sau khi nhập đường dẫn URL của website vào, phần mềm sẽ tự động quét qua hạ tầng mã nguồn.
Sau khi quá trình quét hoàn tất, bạn chuyển sang tab Images, chọn bộ lọc Missing Alt Text. Hệ thống sẽ ngay lập tức xuất ra danh sách toàn bộ các đường dẫn hình ảnh đang bị bỏ trống thuộc tính Alt để bạn có kế hoạch bổ sung.
Web Developer Extension
Để kiểm tra nhanh tính tối ưu của thuộc tính trên một bài viết cụ thể, bạn có thể cài đặt tiện ích này trên trình duyệt.
Sau khi kích hoạt extension, bạn di chuyển đến tab Images và chọn tính năng Display Alt Attributes. Lúc này, toàn bộ văn bản thay thế của tất cả bức ảnh trên trang sẽ hiển thị trực tiếp đè lên ảnh, giúp việc rà soát trực quan hơn.
Google Search Console
Mặc dù không chỉ đích danh từng bức ảnh bị thiếu thẻ mô tả trên website, nhưng thông qua mục Hiệu suất (chọn Loại tìm kiếm là Hình ảnh), bạn có thể theo dõi số lượt hiển thị và lượt nhấp chuột của hình ảnh để đánh giá hiệu quả tối ưu tổng thể của website.
6. Kết luận
Việc hiểu rõ và triển khai đồng bộ chiến lược tối ưu hóa thẻ Alt không chỉ giúp website cải thiện hiệu quả SEO hình ảnh, tăng cơ hội tiếp cận khách hàng tiềm năng từ Google Hình ảnh, mà còn nâng cao trải nghiệm người dùng và đảm bảo các tiêu chuẩn tiếp cận website hiện đại.
7. Các câu hỏi thường gặp về thẻ Alt
Thẻ Alt có bắt buộc phải viết bằng tiếng Việt có dấu không?
Không có quy định bắt buộc nội dung của thẻ Alt phải được viết bằng tiếng Việt có dấu. Tuy nhiên, đối với các website hướng đến người dùng Việt Nam, việc sử dụng tiếng Việt có dấu được khuyến khích vì giúp nội dung mô tả tự nhiên, rõ ràng và dễ hiểu hơn.
Ngoài ra, Alt được viết đúng ngữ pháp và chính tả còn hỗ trợ các trình đọc màn hình (Screen Reader) truyền tải thông tin chính xác hơn cho người dùng khiếm thị, đồng thời giúp nội dung đồng nhất với ngôn ngữ chính của toàn bộ website.
Có nên dịch toàn bộ nội dung thẻ Alt sang tiếng Anh để tăng khả năng tiếp cận quốc tế?
Điều này phụ thuộc vào ngôn ngữ chính của website và đối tượng khách hàng mà doanh nghiệp đang hướng tới.
Nếu website được xây dựng bằng tiếng Việt và phục vụ người dùng trong nước, nội dung thẻ alt nên được viết bằng tiếng Việt để đảm bảo tính nhất quán của nội dung. Ngược lại, nếu website hướng đến thị trường quốc tế hoặc sử dụng tiếng Anh làm ngôn ngữ chính, việc viết Alt bằng tiếng Anh là hoàn toàn phù hợp.
Thay vì cố gắng sử dụng nhiều ngôn ngữ trong cùng một trang, doanh nghiệp nên duy trì sự đồng bộ giữa ngôn ngữ bài viết và nội dung thẻ alt để nâng cao trải nghiệm người dùng cũng như khả năng hiểu ngữ cảnh của công cụ tìm kiếm.
Nếu một bài viết có nhiều hình ảnh, tôi có nên sử dụng cùng một nội dung Alt cho tất cả ảnh không?
Không nên. Mỗi hình ảnh thường minh họa cho một nội dung hoặc ngữ cảnh khác nhau, vì vậy nội dung mô tả thẻ alt cũng nên phản ánh chính xác nội dung của từng ảnh.
Việc sử dụng cùng một nội dung cho các thẻ alt cho nhiều hình ảnh khác nhau có thể khiến công cụ tìm kiếm khó phân biệt giá trị riêng của từng ảnh, đồng thời làm giảm hiệu quả SEO hình ảnh.
Tuy nhiên, nếu nhiều hình ảnh thực sự giống hệt nhau và phục vụ cùng một mục đích hiển thị (ví dụ logo thương hiệu xuất hiện ở nhiều vị trí trên website), việc sử dụng cùng một nội dung Alt là hoàn toàn chấp nhận được.
Kích thước và định dạng tệp ảnh có ảnh hưởng đến thẻ Alt không?
Kích thước và định dạng ảnh không ảnh hưởng trực tiếp đến nội dung của Alt. Dù hình ảnh có dung lượng lớn hay nhỏ thì thẻ alt vẫn hoạt động theo cùng một nguyên tắc.
Tuy nhiên, hình ảnh có dung lượng quá lớn có thể làm chậm tốc độ tải trang, ảnh hưởng đến trải nghiệm người dùng và hiệu suất SEO tổng thể của website. Vì vậy, doanh nghiệp nên tối ưu hình ảnh trước khi tải lên bằng cách nén dung lượng hợp lý và ưu tiên sử dụng các định dạng hiện đại như WebP hoặc AVIF.
Một chiến lược SEO hình ảnh hiệu quả cần kết hợp đồng thời nhiều yếu tố như: tên tệp ảnh, kích thước ảnh, định dạng ảnh, dữ liệu cấu trúc (nếu có) và nội dung Alt Text phù hợp.
Có bắt buộc mọi hình ảnh trên website đều phải khai báo Alt Text không?
Không phải mọi hình ảnh đều cần mô tả bằng thẻ Alt. Đối với các hình ảnh chỉ mang tính trang trí như đường viền, icon nền hoặc các yếu tố thiết kế không truyền tải thông tin quan trọng, bạn có thể sử dụng thuộc tính Alt rỗng:
<img src="background-pattern.webp" alt="">Cách khai báo này giúp các trình đọc màn hình bỏ qua những hình ảnh không cần thiết và tập trung vào các nội dung quan trọng hơn.
Ngược lại, các hình ảnh sản phẩm, hình minh họa bài viết, infographic, biểu đồ hoặc bất kỳ hình ảnh nào chứa thông tin hữu ích cho người dùng đều nên được mô tả bằng thẻ Alt rõ ràng và chính xác.
Nguyên tắc đơn giản là: nếu việc bỏ hình ảnh đó đi khiến người đọc mất đi một phần thông tin quan trọng, bạn nên khai báo thẻ alt cho hình ảnh đó.
