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 và tăng lượng truy cập tiềm năng đến từ Google Images và Google Lens. Đây là chìa khoá quan trọng trong SEO hình ảnh, góp phần cải thiện thứ hạng bài viết trên công cụ tìm kiếm. Trong bài viết này, TOS sẽ chia sẻ toàn bộ những kinh nghiệm về tối ưu thẻ Alt mà các SEO-er đang áp dụng hiện nay.

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 ẩn dưới code, không hiển thị trực tiếp trên giao diện người dùng. 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.

Bạn có thể hình dung đơn giản bằng cách tưởng tượng Google là một người khiếm thị lướt web. Khi đi qua một bức ảnh, Google không thể nhìn thấy hành động, màu sắc hay hình dáng của nó, mà chỉ có thể nghe và hiểu qua đoạn mô tả. Đoạn mô tả ấy chính là thẻ Alt, chỉ xuất hiện khi tốc độ mạng của người dùng quá chậm, không thể tải được ảnh, trình đọc màn hình của người khiếm thị hoặc bot Google quét dữ liệu để xếp hạng bài viết.

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

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

Alt text giúp website thân thiện và tiếp cận nhiều hơn với người khiếm thị nhờ các công cụ đọc màn hình. Ngoài ra, khi gặp sự cố kết nối mạng hoặc lỗi tải ảnh, thẻ Alt vẫn đảm bảo người dùng vẫn hiểu được nội dung của bức ảnh, giảm nguy cơ thoát trang.

2. SEO hình ảnh

Mặc dù Google hiện nay có thể nhận diện hình ảnh bằng AI nhưng vẫn cần thuộc tính Alt để hiểu chính xác nội dung và lập chỉ mục cho bức ảnh, tăng cơ hội xuất hiện trên Google Images và Google Lens.

Bên cạnh đó, Alt text còn hỗ trợ các công cụ tìm kiếm xác định chủ đề của trang, góp phần cải thiện hiệu quả SEO onpage. 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. 

3. Tiêu chuẩn bắt buộc cho SEO bền vững

Với Google, mức độ uy tín (trust) trang web của bạn sẽ tăng vọt khi tối ưu Alt ảnh hiệu quả. Trình đọc màn hình sẽ chuyển nội dung hình ảnh thành giọng nói qua thông tin của thẻ Alt giúp người khuyết tật hiểu được bài viết.

Alt ảnh cũng là một yếu tố thiết yếu sau nội dung, tiêu đề trang hay chất lượng backlink, giúp Google hiểu rõ hơn chủ đề mà nội dung trang web đang đề cập và mang lại lợi ích tổng thể cho SEO.

Cách tối ưu thẻ Alt 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 link 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“>

2. Cách viết Alt text chuẩn SEO từ chuyên gia

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:

• Không vượt quá 125 ký tự (Trình đọc màn hình sẽ cắt bỏ phần thừa).
• Không bắt đầu bằng “Hình ảnh của…”, “Ảnh chụp…” (Google thừa biết đó là ảnh).
• Không viết tiếng Việt không dấu hoặc có dấu gạch ngang (Đó là việc của tên File, Alt text phải viết như ngôn ngữ tự nhiên).
• Không viết 1 Alt Text cho nhiều ảnh, dù nội dung ảnh có giống nhau.
• Không viết Alt text cho các ảnh trang trí (như icon mũi tên, đường kẻ). Với ảnh này, hãy để trống alt=””

Ví dụ: Xem Tos xử lý một bức ảnh chụp keo chà ron nhà tắm

• Alt text sai: alt=”keo chà ron, keo chít mạch, keo trám mạch” (Nhồi nhét keyword)
• Alt text chưa tốt: alt=”keo chà ron” (Không có giá trị SEO)
• Alt text tốt: alt=”keo chà ron nhà tắm giúp chống ố vàng và kháng khuẩn” (Tốt cho Google và người đọc”

>>Xem thêm:

• 5 Yếu tố cần nhớ khi tối ưu hình ảnh – Image
• 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 “-”.

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; keo-cha-ron.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: Dán link bài viết và nhấn “Audit”, 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. 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 thẻ 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