Thuộc tính ALT cho hình ảnh có quan trọng không?

Thuộc tính ALT cho hình ảnh có quan trọng không?
David Kaufmann
Hướng dẫn SEO
7 min read

Bạn đã từng nghe câu nói "một bức ảnh đáng giá ngàn lời" chưa? Vâng, điều đó đúng, nhưng... điều gì sẽ xảy ra nếu bạn không thể nhìn thấy hình ảnh? Đó chính là lý do tại sao thẻ hoặc thuộc tính ALT được tạo ra, và hôm nay chúng tôi sẽ giải thích nó là gì và cách tận dụng tối đa để tăng cường SEO của bạn.

Chuẩn bị nhé, bắt đầu thôi!

Thuộc tính ALT là gì?

Thuộc tính ALT hay văn bản thay thế là một mô tả được cung cấp cho một hình ảnh mà, trong trường hợp hình ảnh bị hỏng hoặc không thể đọc được (chẳng hạn như đối với bot hoặc người dùng khiếm thị), được cung cấp để hỗ trợ nội dung của chúng ta.

Thuộc tính ALT dùng để làm gì trong một hình ảnh?

Mục đích chính của thuộc tính ALT là tạo điều kiện thuận lợi cho khả năng truy cập web đối với những người dùng không thể nhìn thấy hình ảnh đúng cách. Một ví dụ về điều này là người dùng dựa vào trình đọc màn hình, mà như tên gọi của nó, là các chương trình phần mềm đọc to nội dung của màn hình.

Khi một trong những trình đọc này đến một hình ảnh, vì nó không thể tự mô tả hình ảnh, nó sử dụng văn bản thay thế để cung cấp cho người dùng ngữ cảnh về những gì có thể được nhìn thấy trong bức ảnh. Bằng cách này, người dùng có thể điều hướng một trang web một cách chính xác mà không phải "mất" thông tin từ các hình ảnh.

Tại sao thẻ ALT quan trọng cho SEO?

Vai trò của chúng ta với tư cách là chuyên gia tư vấn SEOcung cấp cho Google càng nhiều thông tin càng tốt để nó có thể hiểu nội dung của chúng ta và do đó, hiển thị nó cho đúng người dùng.

Mặc dù đúng là Google đã cải thiện đáng kể bộ xử lý hình ảnh của mình và chắc chắn có thể hiểu nội dung của một hình ảnh theo cách tổng quát, luôn là một ý tưởng tốt khi hình ảnh của chúng ta bao gồm thuộc tính ALT. Bằng cách này, chúng ta đảm bảo rằng Google có tất cả thông tin về bức ảnh và có thể hiểu ý nghĩa của nó trong nội dung của chúng ta.

Như đã đề cập, tốt nhất là sử dụng chúng đúng cách và không cố gắng "lừa" Google theo cách xấu. Nói cách khác, không có ý nghĩa khi đặt một bức ảnh xe hơi trong nội dung của bạn và sau đó viết "giày thể thao giá rẻ" làm văn bản thay thế. Chúng không liên quan và có thể gây ra cảnh báo (đặc biệt nếu văn bản thay thế được sử dụng để nhồi nhét từ khóa).

Sử dụng ảnh và văn bản thay thế liên quan đến nội dung của bạn. Tốt nhất là luôn tuân theo quy tắc này và bao gồm từ khóa chính của bạn, một từ khóa phụ, một số thuật ngữ ngữ nghĩa, v.v. trong văn bản thay thế. Thông thường, bạn sẽ không gặp khó khăn khi làm điều này vì bạn sẽ có thể đưa nó vào một cách tự nhiên.

Cách thêm thẻ ALT vào hình ảnh

Đến lúc này có lẽ bạn đang tự hỏi: Làm thế nào tôi có thể thêm văn bản thay thế này vào trang web của mình?

Đừng lo lắng, bởi vì chúng tôi ở đây để giúp đỡ. Hãy chú ý khi chúng ta xem qua cách thực hiện trên hai CMS phổ biến nhất:

Cách thêm thuộc tính ALT vào hình ảnh trong WordPress

Trong trường hợp này khá đơn giản. Tất cả những gì chúng ta phải làm là vào thư viện phương tiện của mình, chọn ảnh, và điền vào trường được cung cấp cho văn bản thay thế:

Cách thêm thuộc tính ALT trong WordPress
Cách thêm thuộc tính ALT trong WordPress

Để cung cấp thêm một chút ngữ cảnh, chúng ta thậm chí có thể điền vào chú thích và mô tả như được hiển thị trong hình ảnh. Ngoài ra, chúng ta có thể làm điều này trực tiếp trong trình chỉnh sửa bài viết tại thời điểm thêm hình ảnh.

Cách thêm thuộc tính ALT vào hình ảnh trong PrestaShop

Trong PrestaShop chúng ta không có thư viện phương tiện hoặc trường chuyên dụng cho việc này.

Vậy làm thế nào để thêm nó?!

Đừng lo lắng, chúng tôi sẽ giải thích mẹo. Những gì bạn phải làm là điền vào trường chú thích trong các hình ảnh sản phẩm:

cách thêm thuộc tính ALT trong prestashop
cách thêm thuộc tính ALT trong prestashop

Trong hầu hết các theme, bất cứ điều gì bạn đặt trong trường Chú thích sẽ được đặt làm thuộc tính ALT của hình ảnh bạn đang chỉnh sửa.

Vấn đề là trong CMS này, việc thêm thuộc tính ALT có thể rất tẻ nhạt vì bạn phải thực hiện từng cái một. Vì lý do này, trong hướng dẫn của chúng tôi về SEO trong PrestaShop, chúng tôi đã đề cập đến một mô-đun cho phép bạn nhanh chóng thêm ALT vào tất cả hình ảnh.

Cách xem thuộc tính ALT của hình ảnh

Bây giờ chúng tôi sẽ giải thích cách bạn có thể kiểm tra xem một trang web có thuộc tính ALT trên hình ảnh hay không. Có hai tùy chọn:

Thông qua công cụ kiểm tra

Nếu bạn sử dụng Chrome, bằng cách nhấp chuột phải trong bất kỳ trang web nào, bạn có thể truy cập công cụ kiểm tra. Khi đã vào đó, bạn chỉ cần chọn hình ảnh và xem ALT:

hướng dẫn xem thuộc tính ALT bằng công cụ kiểm tra Chrome
hướng dẫn xem thuộc tính ALT bằng công cụ kiểm tra Chrome

Hơi khó hiểu? Có thể, nhưng đừng lo, chúng tôi đã mang đến cho bạn một tùy chọn dễ dàng hơn:

Thông qua tiện ích mở rộng Chrome

Trong trường hợp này, chúng tôi khuyên bạn nên cài đặt tiện ích mở rộng SEO cho Chrome có tên là Web Developer. Khi bạn đã có nó, bạn chỉ cần đi đến biểu tượng bánh răng và chọn images > Display Alt Attributes:

Cài đặt để xem thuộc tính ALT trong tiện ích mở rộng Web Developer
Cài đặt để xem thuộc tính ALT trong tiện ích mở rộng Web Developer

Khi bạn đã kích hoạt tùy chọn này, bạn sẽ thấy rằng bên cạnh mỗi hình ảnh có một tooltip nhỏ với thuộc tính ALT của mỗi hình ảnh:

Tooltip từ tiện ích mở rộng Web Developer hiển thị các thuộc tính ALT
Tooltip từ tiện ích mở rộng Web Developer hiển thị các thuộc tính ALT

Kết luận

Như chúng ta đã thấy, thuộc tính ALT là một yếu tố SEO thường bị bỏ qua nhưng có thể mang lại cho bạn một sự thúc đẩy nhỏ trong chiến lược SEO của bạn.

Hãy nhớ luôn chọn một bức ảnh phù hợp với văn bản để người dùng không bị nhầm lẫn khi nhìn thấy nó, và viết văn bản thay thế mang tính mô tả và phù hợp cả với người dùng và với người bạn thân yêu của chúng ta là Google.

Như mọi khi, chúng tôi sẽ chờ đợi trong phần bình luận cho bất kỳ câu hỏi nào bạn có thể có :)

Tác giả: David Kaufmann

David Kaufmann

Tôi đã dành hơn 10 năm qua hoàn toàn đắm chìm trong SEO — và thành thật mà nói, tôi không muốn điều gì khác thay thế.

Sự nghiệp của tôi bước sang một tầm cao mới khi tôi làm việc với vai trò chuyên gia SEO cấp cao tại Chess.com — một trong 100 website được truy cập nhiều nhất trên toàn bộ internet. Vận hành ở quy mô đó, trên hàng triệu trang, hàng chục ngôn ngữ và trong một trong những SERPs cạnh tranh khốc liệt nhất, đã dạy tôi những điều mà không khóa học hay chứng chỉ nào có thể mang lại. Trải nghiệm đó đã thay đổi cách tôi nhìn nhận về SEO thực sự xuất sắc — và trở thành nền tảng cho mọi thứ tôi xây dựng từ đó đến nay.

Từ kinh nghiệm ấy, tôi đã sáng lập SEO Alive — một agency dành cho những thương hiệu thực sự nghiêm túc với tăng trưởng organic. Chúng tôi không ở đây để bán dashboards và báo cáo hàng tháng. Chúng tôi ở đây để xây dựng những chiến lược thực sự tạo ra chuyển biến, kết hợp tinh hoa của SEO truyền thống với thế giới mới đầy thú vị của Generative Engine Optimization (GEO) — đảm bảo thương hiệu của bạn không chỉ xuất hiện trong các liên kết xanh của Google, mà còn hiện diện ngay trong những câu trả lời do AI tạo ra mà ChatGPT, Perplexity và Google AI Overviews đang cung cấp cho hàng triệu người mỗi ngày.

Và bởi vì tôi không thể tìm được một công cụ xử lý tốt cả hai thế giới đó, tôi đã tự xây dựng một công cụ — SEOcrawl, một nền tảng SEO intelligence cấp doanh nghiệp tích hợp rankings, kiểm tra kỹ thuật, giám sát backlinks, tình trạng crawl và theo dõi hiển thị thương hiệu trên AI, tất cả trong một nơi. Đó chính là nền tảng mà tôi luôn ước có.

→ Đọc tất cả bài viết của David
Thêm bài viết của David Kaufmann

Khám phá thêm nội dung của tác giả này