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

Hoàng Nghĩa Hoàng Nghĩa
|

15:08 20/03/2024

Cụm từ “Alt Text” chắc hẳn không còn xa lạ với những người làm SEO. Đây là một yếu tố quan trọng giúp Google hiểu rõ hơn về nội dung của hình ảnh. Bên dưới là một cái nhìn tổng quan về Alt Text và GYB sẽ chia sẻ cách tối ưu Alt Text hình ảnh một cách hiệu quả. Khám phá thông tin chi tiết ngay sau đây.

Alt Text là gì?

Alt Text (Alternative Text) là đoạn văn bản thay thế sẽ xuất hiện khi hình ảnh không thể hiển thị trên trang web. Mặc dù Alt Text cũng là một phần của mã HTML, nhưng nó chỉ mô tả nội dung của hình ảnh có trong một phần thuộc tính Alt, chứ không phải là toàn bộ thuộc tính Alt.

Alt Text có thể bao gồm mô tả về nội dung của hình ảnh và các chi tiết khác như đối tượng, gam màu và các sự kiện diễn ra trong bức ảnh. Thêm vào đó, nó cũng có khả năng chứa các từ khóa liên quan đến nội dung và mục đích của trang web.

Alt text tác động tích cực đến thứ hạng của bài viết trên Google
Alt text tác động tích cực đến thứ hạng của bài viết trên Google

Việc sử dụng văn bản thay thế (Alt Text) đóng vai trò quan trọng trong SEO bởi nó hỗ trợ các công cụ tìm kiếm hiểu rõ hơn về nội dung mà hình ảnh đang mô tả. Việc đính kèm thẻ Alt cho hình ảnh có tác động mạnh mẽ đến vị trí xếp hạng của hình ảnh trên Google.

Thẻ Alt là gì?

Thẻ Alt, hay Thông tin thay thế (Alternative Information), đóng vai trò quan trọng trong việc mô tả nội dung hình ảnh. Nó được biết đến với các tên gọi khác như thẻ mô tả Alt ảnh hoặc thuộc tính Alt trong thẻ img. Mặc dù không thể sánh ngang với các yếu tố chính như từ khóa, tiêu đề SEO và mô tả, nhưng thuộc tính Alt ảnh vẫn là lợi ích trong việc tối ưu Onpage như

  • Cung cấp mô tả ngắn gọn về nội dung hình ảnh: Giúp công cụ tìm kiếm như Google hiểu rõ hơn về hình ảnh, từ đó cải thiện độ chính xác của kết quả tìm kiếm cho người dùng.
  • Hiển thị nội dung thay thế khi hình ảnh không hiển thị: Đảm bảo người đọc vẫn có thể hiểu được thông tin của bức ảnh trong trường hợp gặp sự cố.
Thẻ Alt là gì và ảnh hưởng như thế nào đến trang web
Thẻ Alt là gì và ảnh hưởng như thế nào đến trang web

Cấu trúc chung của Alt Tag được thiết kế như sau:

<img src= “đường liên kết đến ảnh” alt = “nội dung mô tả hình ảnh”/>

Trong phần img src, bạn chỉ cần thêm đường liên kết trỏ đến tệp ảnh bạn muốn hiển thị. Đối với thuộc tính Alt, bạn có thể tự do sáng tạo nội dung mô tả cho ảnh. Tuy nhiên, hãy đảm bảo tuân theo những tiêu chí đã được đề cập trước đó khi sử dụng Alt Text.

Cấu trúc chung của Alt tag, Alt attribute
Cấu trúc chung của Alt tag, Alt attribute

Nếu bạn muốn bổ sung Thẻ Tiêu đề cho ảnh, bạn có thể thực hiện theo cấu trúc sau đây:

<img title= “thẻ tiêu đề của ảnh” src= “đường liên kết đến ảnh” alt= “nội dung mô tả hình ảnh”/>

Thẻ tiêu đề không phải là bắt buộc, nhưng Alt là một phần mà Google khuyến khích sử dụng để cải thiện trải nghiệm người dùng và tối ưu hóa công cụ tìm kiếm.

Alt Text đóng vai trò như thế nào?

Gia tăng khả năng tiếp cận người dùng

Văn bản thay thế là một phần không thể thiếu trên website, cung cấp mô tả chi tiết về hình ảnh để hỗ trợ những người không thể trực tiếp xem ảnh, có thể do mạng kém, cấu hình trình duyệt, hoặc khó khăn về thị giác.

Đồng thời, văn bản này cũng là một công cụ quan trọng hỗ trợ người khiếm thị, bằng cách cung cấp mô tả âm thanh về hình ảnh. Từ đó giúp họ hiểu được nội dung trên website.

Alt text đóng vai trò quan trọng trong việc tiếp cận khách hàng
Alt text đóng vai trò quan trọng trong việc tiếp cận khách hàng

Hỗ trợ SEO hình ảnh

Sử dụng Alt Text không chỉ làm cho trang web của bạn hấp dẫn hơn với người dùng mà còn giúp tối ưu hóa hiệu suất SEO của trang, đặc biệt là trong việc xếp hạng hình ảnh trên các công cụ tìm kiếm. Đây là một yếu tố mà bất kỳ chuyên gia SEO nào cũng cần chú ý.

Bằng cách cung cấp mô tả chính xác cho hình ảnh thông qua Alt Text, bạn không chỉ giúp Google hiểu rõ hơn về nội dung của bạn mà còn tránh được những hiểu lầm có thể ảnh hưởng đến vị trí xếp hạng của trang web.

Alt tag image SEO đem đến nhiều hiệu quả trong SEO
Alt tag image SEO đem đến nhiều hiệu quả trong SEO

Alt Text không chỉ để mô tả hình ảnh mà còn là cơ hội để tích hợp từ khóa chính, phụ. Sử dụng từ khóa trong Alt Text là một chiến lược hiệu quả cho SEO. Tuy nhiên, Google khuyến nghị không nên lạm dụng hình ảnh và thay vào đó, nên sử dụng văn bản để truyền đạt nội dung.

>>> Xem thêm: Cách SEO hình ảnh lên Google nhanh chóng, đơn giản nhất

Hướng dẫn cách viết Alt Text chuẩn SEO

Tối ưu hóa thẻ Alt là một chiến lược không thể bỏ qua trong SEO. Đặc biệt, khi bạn thực hiện một cách tự nhiên, hiệu quả sẽ được nâng cao đáng kể. Hãy khám phá cách làm này để mang về những kết quả tốt nhất cho trang web của bạn.

Để thực hiện, bạn chỉ cần truy cập kho ảnh trên trang web của mình và chọn ảnh cần thêm thẻ. Mỗi ảnh đều có mục như Văn bản thay thế để bạn nhập thông tin. Bạn chỉ cần điền thông tin một cách hợp lý và tuân theo các bước mà trang web yêu cầu. Với những bước đơn giản đó, bạn đã hoàn tất việc thêm Alt Text cho ảnh một cách nhanh chóng và thuận tiện.

Trong trường hợp trang web không tích hợp tính năng này, chuyên viên lập trình sẽ can thiệp vào mã nguồn để thêm thuộc tính Alt cho ảnh, giúp bạn có thể sử dụng ngay.

Truy cập vào kho ảnh để điền Alt Text và các thông tin có liên quan
Truy cập vào kho ảnh để điền Alt Text và các thông tin có liên quan

Sau đây là một số tiêu chí cần quan tâm khi viết thẻ Alt Text:

  • Mô tả chính xác: Đảm bảo Alt Text mô tả chính xác về nội dung của hình ảnh. Hãy sử dụng từ ngữ mô tả đầy đủ và cụ thể.
  • Tối ưu từ khóa: Sử dụng từ khóa chính và từ khóa liên quan một cách tự nhiên trong Alt Text, nhưng hãy tránh việc spam từ khóa.
  • Độ dài phù hợp: Alt Text nên chứa khoảng 225 ký tự, không nên quá ngắn hoặc quá dài, nhưng vẫn đủ để tóm tắt nội dung cần thiết.
  • Ký tự và cấu trúc: Bạn có thể viết tùy thích theo ý của mình nhưng nên viết tiếng Việt có dấu và có chứa khoảng trắng (Ví dụ: Cách tối ưu mật độ từ khóa, không nên đặt: cach-toi-uu-mat-do-tu-khoa).
Hạn chế chèn quá nhiều từ khóa vào Alt Text để tránh trường hợp Google đánh giá spam
Hạn chế chèn quá nhiều từ khóa vào Alt Text để tránh trường hợp Google đánh giá spam

Những ví dụ về Alt Text được đánh giá cao

Viết một Alt Text được đánh giá cao hoàn toàn đơn giản và bạn có thể làm được. Sau đây là 3 ví dụ cơ bản:

Ví dụ về Alt Text cho hình ảnh nhà hàng Sen Tây Hồ

Alt Text chưa tốt: Alt = “Nhà hàng Sen Tây Hồ nhà hàng đồ ăn Buffet phục vụ các món ăn Việt, Hàn và chủ yếu là dùng cho bữa tối”. Giải thích: Alt Text này kém hấp dẫn vì chỉ tập trung vào một loại từ khóa mà không cung cấp bất kỳ thông tin mô tả chi tiết nào.

Alt Text tạm ổn: Alt = “Nhà hàng Sen Tây Hồ”. Alt Text này tốt hơn một chút vì nó cung cấp mô tả chung về bức tranh và không chứa các từ khóa spam. Nhưng nó không mô tả vào nội dung bức ảnh.

Alt Text tốt nhất: Alt = “Nhà hàng Sen Tây Hồ vào ban đêm với không gian sang trọng”. Đây có lẽ là văn bản thay thế tốt nhất vì mô tả đúng vào trọng tâm của bức ảnh và chứa từ khóa chính, văn bản từ hình ảnh được phiên âm một cách rõ ràng.

Nhà hàng Sen Tây Hồ sở hữu không gian sang trọng
Nhà hàng Sen Tây Hồ sở hữu không gian sang trọng

Ví dụ về Alt Text cho hình ảnh giày Bitis Hunter

Alt Text chưa tốt: Alt = “Giày”. Alt Text này kém hấp dẫn vì chỉ tập trung vào từ khóa chính mà không cung cấp thêm một thông tin nào khác của bức ảnh.

Alt Text tạm ổn: Alt = “Giày Bitis Hunter”. Alt Text này tốt hơn một chút vì cung cấp tên thương hiệu và chứa từ khóa chính. Nhưng nó vẫn không mô tả vào nội dung của hình ảnh.

Alt Text tốt nhất: Alt = “Giày Bitis Hunter đang được đặt trên kệ của cửa hàng với nhiều kiểu dáng mẫu mã”. Đây có lẽ là Alt Text tốt nhất vì mô tả đúng vào trọng tâm của bức ảnh và chứa từ khóa chính, mô tả vừa đủ chi tiết thông tin bức ảnh.

Giày Biti’s Hunter được sắp xếp trên kệ
Giày Biti’s Hunter được sắp xếp trên kệ

Ví dụ về Alt Text cho hình ảnh bãi tắm

  • Alt Text chưa tốt: Alt = “”. Alt Text này trống và không cung cấp bất kỳ một thông tin nào.
  • Alt Text tạm ổn: Alt = “Bãi tắm”. Alt Text này ổn một chút vì cung cấp từ khóa chính. Tuy nhiên, nó vẫn còn rất mơ hồ.
  • Alt Text tốt nhất: Alt = “Bãi tắm biển đông người dưới thời tiết nóng bức”. Đây là Alt Text tốt nhất vì mô tả đúng vào trọng tâm của bức ảnh và chứa từ khóa chính là bãi tắm biển. Đồng thời mô tả vừa đủ chi tiết thông tin bức ảnh là đông người và dưới thời tiết nóng bức.
Bãi tắm biển đông người giữa thời tiết nóng bức
Bãi tắm biển đông người giữa thời tiết nóng bức

Lưu ý gì khi sử dụng Alt Tag?

Dưới đây là một số lưu ý khi sử dụng Alt Tag, giúp bạn tránh khỏi những sai sót không đáng có:

  • Cần chứa các từ khóa quan trọng nhưng tránh việc spam quá nhiều. Bởi Google không đánh giá cao và không thích điều này. Hơn nữa, khi làm như vậy có thể dẫn đến hiểu lầm từ phía Google, xem như bạn đang spam từ khóa.
  • Tránh viết Alt Text quá dài và giữ nó ngắn gọn, tập trung vào chủ đề chính.
  • Ưu tiên các yếu tố chính như tiêu đề và mô tả. Nếu bài viết chủ yếu là hình ảnh thì bạn có thể dùng Alt Text để chèn thêm một số từ khóa chính vào.
Alt Text nên viết ngắn gọn và tập trung đến chủ đề chính
Alt Text nên viết ngắn gọn và tập trung đến chủ đề chính

Một số câu hỏi thường gặp về Alt Text

Làm sao để kiểm tra tình trạng hình ảnh không có thuộc tính Alt?

Để kiểm tra vấn đề này, bạn nên sử dụng các công cụ kiểm tra website để đảm bảo tất cả các hình ảnh đều có thuộc tính Alt và thực hiện bổ sung các thông tin cần thiết (nếu có). Ngoài ra, bạn có thể dùng tiện ích Web Developer của Google để kiểm tra điều này. Chú ý rằng thuộc tính Alt Text trống sẽ như sau:

<img src=“magename.jpg” alt=“ “>.

Hãy thay đổi thành:

<img src=“imagename.jpg” alt=“Văn bản thay thế được viết tốt với từ khóa”>.

Thuộc tính Alt Text bị thiếu sẽ ở dạng <img src=“” alt=“ “>
Đoạn mã của hình ảnh thiếu thuộc tính Alt

Thẻ Alt có thể sử dụng trong các phần tử khác ngoài ảnh không?

Mặc dù Alt Tag thường được sử dụng với thẻ <img>, nhưng cũng có thể áp dụng cho các phần tử khác như <area> và <input>. Việc này không chỉ cung cấp thông tin mô tả cho các phần tử tương tác mà còn hỗ trợ truy cập cho người dùng khiếm khuyết về thị giác.

Cách để đọc Alt Text trên trang, trong mã HTML như thế nào?

Bạn thực hiện các bước tương tự để hiển thị mã nguồn của trang web. Nếu bạn sử dụng thẻ Alt Text để Alt HTML với nội dung như alt=”abc”, thì phần “abc” chính là mô tả Alt Text.

Thêm Alt Text vào tệp JPG bằng cách nào?

Khi đang làm việc trên Microsoft Word, bạn có thể thực hiện việc chỉnh sửa mô tả hình ảnh bằng cách nhấp chuột phải vào hình ảnh và chọn tùy chọn “Edit Alt Text”. Sau đó, nhập mô tả hình ảnh vào ô nhập liệu và kết thúc bằng việc nhấn nút “Close”.

Cách thêm Alt Text vào tệp JPG nhanh chóng và dễ dàng
Cách thêm Alt Text vào tệp JPG nhanh chóng và dễ dàng

Sử dụng dấu chấm, dấu phẩy trong Alt Text có được không?

Hãy sử dụng như bình thường, chỉ cần giữ nguyên nội dung mô tả đảm bảo hình ảnh chính xác và mang lại trải nghiệm tích cực cho người sử dụng.

Trên đây là một số thông tin mà GYB chia sẻ về Alternative Text cũng như bí quyết viết Alt Text hình ảnh hiệu quả. Hy vọng nội dung vừa đề cập đã giúp bạn hiểu rõ hơn về cách hoạt động và vai trò của việc tối ưu hóa Alt Tag trong SEO. Từ đó hỗ trợ bạn xây dựng website của mình một cách hiệu quả hơn. Đừng quên theo dõi GYB để cập nhật thêm nhiều thông tin hữu ích về các kiến thức liên quan đến SEO.

>>> Bạn có thể tìm hiểu thêm các bài viết liên quan:

Hoàng Nghĩa

Hoàng Nghĩa

Tôi là Hoàng Nghĩa, hiện là CEO/Founder của GYB AGENCY, trải qua hơn 5 năm làm việc trong lĩnh vực Digital Marketing giúp tôi hiểu rõ bản chất và khó khăn trong của ngành. Chính vì thế, tôi mong muốn chia sẻ đến bạn đọc những kiến thức và kinh nghiệm của mình, hy vọng bài viết trên mang lại nhiều thông tin hữu ích cho bạn!

Kiến thức