Thẻ Alt là gì? Cách tối ưu Alt Text hình ảnh chuẩn SEO

Thẻ Alt (Alt Text) là thuộc tính dùng để mô tả nội dung hình ảnh trên website khi người dùng gặp lỗi hiển thị và hỗ trợ Google thu thập thông tin chính xác hơn. Đây là một phần quan trọng trong SEO hình ảnh, góp phần cải thiện thứ hạng website trên công cụ tìm kiếm. Vậy thẻ Alt là gì, tầm quan trọng và cách tối ưu Alt text chuẩn SEO như thế nào? Cùng TOS tìm hiểu chi tiết trong bài viết dưới đây.

Thẻ Alt là gì? 

Thẻ Alt là tên viết tắt của cụm từ Alternative Information hoặc Alternative Text. Đây là một thuộc tính HTML không hiển thị trực tiếp trên giao diện người dùng, có thể hiểu đơn giản là một đoạn văn bản mô tả nội dung của hình ảnh trên website. Thẻ Alt còn được biết đến với nhiều tên gọi như Alt Tag, Alt Text, thẻ mô tả Alt ảnh hay thuộc tính Alt trong thẻ img.

Khi có lỗi tải trang hoặc kết nối mạng không ổn định, hình ảnh không thể hiển thị trên website, nội dung trong thẻ Alt sẽ xuất hiện để giúp người dùng hiểu được thông điệp mà hình ảnh truyền tải. Đồng thời, thuộc tính Alt giúp Google hiểu rõ hơn ngữ cảnh của bức ảnh để lập chỉ mục và hiển thị trong các kết quả tìm kiếm liên quan. Đây là một trong những yếu tố quan trọng trong SEO Onpage và tối ưu SEO hình ảnh. 

>>Xem thêm: 5 Yếu tố cần nhớ khi tối ưu hình ảnh – Image

Tầm quan trọng của Alt Text trong SEO

1. Tăng khả năng tiếp cận

Alt text có chức năng mô tả nội dung hình ảnh khi người dùng không thể xem ảnh trên website. Điều này có thể xảy ra khi hình ảnh bị lỗi hiển thị, kết nối mạng không ổn định hoặc trình duyệt chặn tải ảnh. Thuộc tính này còn hỗ trợ các trình đọc màn hình chuyển đổi nội dung hình ảnh thành giọng nói cho người khiếm thị hoặc gặp khó khăn trong việc nhận biết thông tin trực quan, giúp website thân thiện hơn và dễ tiếp cận hơn với mọi đối tượng người dùng. 

2. SEO hình ảnh

Mặc dù công nghệ nhận diện hình ảnh của Google hiện nay đã cải thiện nhiều, nhưng vẫn chưa thể hiểu được chính xác nội dung bên trong hình ảnh như con người. Các công cụ tìm kiếm vẫn cần thêm thuộc tính Alt trong thẻ img để xác định chủ đề, ngữ cảnh và giúp hình ảnh có cơ hội xuất hiện trên Google Images khi nội dung và từ khóa phù hợp với truy vấn tìm kiếm.

Thẻ Alt là cơ hội để chèn các từ khoá mục tiêu, tăng cơ hội SEO cho hình ảnh và website, giúp công cụ tìm kiếm hiểu rõ hơn nội dung tổng thể và góp phần cải thiện thứ hạng của trang web. Tuy nhiên, chỉ nên chèn những từ khoá khi thực sự phù hợp, tránh nhồi nhét một cách máy móc và lạm dụng chúng. 

>> Xem thêm: 30 Thủ thuật SEO website cải thiện thứ hạng Google hiệu quả

3. Tối ưu trải nghiệm cho người dùng

Alt Text góp phần cải thiện trải nghiệm người dùng bằng cách cung cấp thông tin thay thế khi hình ảnh không thể hiển thị. Nhờ đó, người dùng vẫn có thể hiểu được nội dung mà hình ảnh truyền tải thay vì chỉ nhìn thấy khung ảnh trống hoặc thông báo lỗi. Điều này giúp nội dung trên website được tiếp cận đầy đủ hơn và mang lại trải nghiệm trình duyệt web tốt hơn.

Cách tối ưu Alt Text hình ảnh chuẩn SEO

Tối ưu Alt text là một yếu tố nhỏ trong SEO Onpage, nhưng nếu được sử dụng đúng cách, thuộc tính Alt có thể hỗ trợ SEO hình ảnh và cải thiện khả năng hiển thị của trang web trên công cụ tìm kiếm. Dưới đây là những nguyên tắc tối ưu Alt Text chuẩn SEO bạn nên biết.

1. Cấu trúc thẻ Alt 

Alt tag trong HTML có cấu trúc: <img src=”url_hinh_anh” alt=”Mô tả hình ảnh”>

Trong đó, thuộc tính <src> chứa đường dẫn của hình ảnh, còn <alt> là phần mô tả nội dung ảnh. Nội dung Alt Text nên phản ánh chính xác hình ảnh đang hiển thị, ngắn gọn và tập trung vào thông tin quan trọng nhất. Bạn có thể chèn từ khóa liên quan nếu phù hợp với ngữ cảnh, tuy nhiên cần tránh nhồi nhét từ khóa hoặc sử dụng các mô tả không đúng với nội dung thực tế của hình ảnh.

Ví dụ cấu trúc HTML chuẩn: <img src=”keo-cha-ron.jpg” alt=”Keo chà ron chống ẩm cho nhà tắm“>

Xem thêm: Top 25 Công cụ phân tích từ khóa Google miễn phí và trả phí hiệu quả nhất

2. Cách viết Alt text cho ảnh chuẩn SEO

Hiện nay, hầu hết các website đều cho phép người dùng thêm Alt Text khi tải hình ảnh lên. Trong trường hợp website chưa hỗ trợ tính năng này, lập trình viên sẽ can thiệp bằng các đoạn code để điều chỉnh và cập nhật hệ thống. 

Để thuộc tính Alt phát huy hiệu quả trong SEO hình ảnh, bạn nên lưu ý một số nguyên tắc sau:

• Mô tả đúng: nội dung văn bản thay thế cần phản ánh đúng và chính xác những gì xuất hiện trong ảnh.
• Ngắn gọn, dễ hiểu: chỉ nên tập trung vào các thông tin quan trọng nhất, độ dài nên dưới 125 ký tự.
• Chèn từ khoá tự nhiên: có thể sử dụng các từ khoá liên quan nếu phù hợp với nội dung hình ảnh, tránh lạm dụng nhồi nhét quá nhiều. 
• Nội dung duy nhất: mỗi ảnh nên có một Alt text riêng, không sử dụng một nội dung mô tả cho nhiều hình ảnh khác nhau.
• Tránh sử dụng các cụm từ dư thừa “hình ảnh của”, “bức ảnh của”: những cụm từ này sẽ gây dư thừa và dài dòng vì Google đã hiểu đây là một hình ảnh.
• Sử dụng ngôn ngữ tự nhiên: hãy viết như cách bạn mô tả hình ảnh cho người khác thay vì cố gắng tối ưu từ khóa một cách máy móc.

Ví dụ:

• Alt text tốt: keo chà ron chống ẩm sử dụng cho khu vực nhà tắm
• Alt text chưa tốt: “keo chà ron”, “hình ảnh keo chà ron”…

Xem thêm: Tối ưu hóa hình ảnh WordPress: Bí quyết “lấy lòng” Google và thu hút người đọc

3. Cách đặt tên ảnh, thẻ title 

Bên cạnh thẻ Alt, tên file ảnh và thẻ title cũng là những yếu tố giúp các công cụ tìm kiếm hiểu rõ hơn nội dung hình ảnh trên website. 

Đối với tên file ảnh, cần đặt tên ngắn gọn và mô tả đúng nội dung hình ảnh. Sử dụng các chữ thường, viết không dấu và ngăn cách giữa các từ bằng dấu gạch ngang “-”. Nên chèn các từ khóa liên quan nếu phù hợp với nội dung hình ảnh và tránh đặt tên chung chung như hinh1.jpg, hinh-anh.png…

Ví dụ:

• Tên file ảnh tốt: keo-cha-ron-nha-tam-chong-am.jpg
• Tên file ảnh chưa tối ưu: image-1.jpg

Đối với thẻ Title Image, là một phần thông tin bổ sung cho hình ảnh, nội dung title sẽ hiển thị khi di chuột vào ảnh trong một số nền tảng. Đặt tên cho thẻ title cũng nên ngắn gọn, dễ hiểu và viết bằng các từ ngữ có dấu thông thường và chèn từ khóa mục tiêu nếu phù hợp.

Ví dụ:

• Alt Text: Keo chà ron chống ẩm sử dụng cho khu vực nhà tắm
• Title Image: Keo chà ron chống ẩm cho nhà tắm

4. Cách kiểm tra tình trạng thẻ Alt và những công cụ phổ biến

Cách kiểm tra tình trạng thẻ Alt khá đơn giản, bạn có thể kiểm tra thủ công bằng cách nhấp chuột phải vào hình ảnh và chọn Kiểm tra (Inspect). Tại phần mã HTML, tìm thẻ <img> và xem thuộc tính <alt>. Nếu thuộc tính này bị bỏ trống hoặc không xuất hiện, nghĩa là hình ảnh đó chưa được tối ưu Alt Text.

Hiện nay, có rất nhiều công cụ hỗ trợ kiểm tra Alt nhanh chóng, Tos gợi ý cho bạn những công cụ phổ biến sau:

• SEOptimer: Bạn chỉ cần nhập URL website cần kiểm tra và chọn Check. Sau vài giây, hệ thống sẽ trả về báo cáo bao gồm tổng số hình ảnh trên website, số lượng ảnh đang thiếu Alt Text và danh sách các hình ảnh cần bổ sung thuộc tính Alt.
• SEOquake: Công cụ giúp rà soát và phát hiện những hình ảnh chưa được tối ưu thuộc tính Alt. Tuy nhiên, bạn không thể biết chính xác ảnh nào và chi tiết nội dung Alt của ảnh. 
• Screaming Frog SEO Spider: Công cụ sẽ quét toàn bộ website và tổng hợp danh sách hình ảnh trong một báo cáo chi tiết. Tại đây, bạn có thể dễ dàng xác định những ảnh đang thiếu Alt Text, Alt bị trùng lặp hoặc chưa được tối ưu để xử lý hàng loạt.

>>Xem thêm:

• TOP 35+ phần mềm SEO chuyên nghiệp, công cụ SEO miễn phí và trả phí tốt nhất
• Kiến thức SEO: Hướng dẫn lộ trình làm SEO cơ bản từ A-Z
• 9 Xu hướng SEO giúp Website duy trì vị thế dẫn đầu

Sự khác nhau giữa thuộc tính Alt, Title Image và Caption 

Alt text, Title Image và Caption đều là những thành phần liên quan đến hình ảnh trên website, mỗi thuộc tính có một vai trò khác nhau trong SEO và trải nghiệm người dùng. Để tránh sự nhầm lẫn, TOS sẽ phân biệt cụ thể qua bảng thông tin dưới đây:

>>Xem thêm:

• 12 Kỹ Thuật SEO Hiệu Quả Giúp Đột Phá Hiển Thị Và Lưu Lượng Truy Cập
• Cách xây dựng chiến lược SEO lên TOP hiệu quả, chi tiết nhất

Những câu hỏi thường gặp về thẻ Alt

1. Alt là gì trong HTML?

Alt (Alternative Text) là thuộc tính được sử dụng trong thẻ <img> để mô tả nội dung của hình ảnh. Văn bản này sẽ hiển thị khi hình ảnh không tải được và giúp công cụ tìm kiếm cũng như trình đọc màn hình hiểu được nội dung của ảnh.

2. Thuộc tính nào của thẻ img là bắt buộc?

Trong thẻ <img>, thuộc tính <src> là bắt buộc để gắn đường link của hình ảnh. Bên cạnh đó, Google và các công cụ tìm kiếm khác khuyến nghị nên bổ sung thuộc tính <alt> cho mọi hình ảnh để hỗ trợ các công cụ này thu thập thông tin chính xác hơn.

3. Có nên thêm thẻ Alt cho tất cả hình ảnh trong bài viết không?

Nên thêm Alt Text cho các hình ảnh mang nội dung hoặc thông tin. Đối với hình ảnh chỉ mang tính trang trí, có thể để trống thuộc tính alt=”” để trình đọc màn hình bỏ qua.

4. Thẻ Alt có thể được sử dụng cho hình ảnh GIF, logo, icon không?

Có. Thuộc tính Alt có thể áp dụng cho mọi loại hình ảnh, bao gồm ảnh GIF, logo và icon. Nội dung Alt nên mô tả đúng chức năng hoặc ý nghĩa của hình ảnh. Ví dụ, logo có thể sử dụng Alt Text là tên thương hiệu hoặc doanh nghiệp.

5. Thuộc tính alt trong thẻ img có tác dụng gì?

Thuộc tính Alt trong thẻ img giúp mô tả nội dung hình ảnh khi ảnh bị lỗi hiển thị, hỗ trợ trình đọc màn hình cho người khiếm thị và giúp công cụ tìm kiếm hiểu rõ hơn về nội dung của hình ảnh. Thẻ Alt là một yếu tố quan trọng trong SEO hình ảnh và SEO Onpage.

>> Xem thêm:

• Web chuẩn SEO là gì? Các tiêu chí đánh giá thiết kế website chuẩn SEO
• Cách viết bài chuẩn SEO chất lượng và hiệu quả

Thẻ Alt là thuộc tính HTML giúp mô tả nội dung hình ảnh cho người dùng và công cụ tìm kiếm. Việc tối ưu Alt Text đúng cách không chỉ cải thiện khả năng tiếp cận của website mà còn hỗ trợ SEO hình ảnh, giúp Google hiểu rõ hơn nội dung trang web và nâng cao cơ hội xuất hiện trên kết quả tìm kiếm. Bên cạnh việc bổ sung Alt Text cho hình ảnh, bạn cũng nên kết hợp tối ưu tên file ảnh, Title Image và các yếu tố SEO Onpage khác để nâng cao hiệu quả SEO tổng thể cho website.

TOS Content Editor

Chia sẻ Facebook Chia sẻ Google Chia sẻ Instagram