Alt Text Là Gì? Hướng Dẫn Tối Ưu Thẻ Alt Hình Ảnh Chuẩn SEO

Đối với những người làm SEO thì việc phải tối ưu thẻ Alt là điều không thể nào tránh khỏi. Hiểu rõ khái niệm thẻ Alt là gì cũng như vai trò của nó sẽ giúp các SEOer thuận tiện hơn trong hoạt động tối ưu hình ảnh, nâng cao chất lượng bài viết cũng như Website lên một thứ hạng cao hơn trên công cụ tìm kiếm.

1. Thẻ Alt là gì?

Thẻ Alt (Alt text) được viết tắt từ cụm từ Alternative Information hay văn bản thay thế là một thuộc tính được thêm vào thẻ hình ảnh trong HTML. Thẻ Alt được hiển thị sau khi đăng khi hình ảnh của bạn bị lỗi, không thể hiển thị trên trang Web. Nó giúp các công cụ tìm kiếm hiểu được hình ảnh nói về cái gì. Văn bản thay thế cũng rất hữu ích trong trường hợp không thể tìm thấy hình ảnh trên một trang.

Thẻ Alt hỗ trợ Google nhận biết được hình ảnh người dùng đang sử dụng nói đến đề tài gì. Thông qua đó, trả lại kết quả tìm kiếm cho người dùng một cách chính xác nhất.

Thẻ Alt là gì?

Trong một số trường hợp cụ thể, hình ảnh không thể hiển thị nhưng thông qua đó, người dùng vẫn biết bức ảnh đang muốn diễn đạt điều gì. Dù thẻ Alt không được coi trọng như từ khóa nhưng nó lại vô cùng quan trọng đối với hoạt động SEO Onpage.

Ví dụ cụ thể:

Giả sử bạn có một hình ảnh chụp máy chủ (server) trong bài viết về hosting.

Nếu bạn đặt thẻ Alt như sau: 

< imgsrc =”hosting-la-gi.jpg" alt="Hosting là gì? Giải thích đơn giản cho người mới">

Google sẽ hiểu rằng hình ảnh này liên quan đến: Máy chủ / Server, Hosting Linux SSD, Nhà cung cấp Nhân Hòa

Nhờ đó, Google có thể: 

• Hiển thị hình ảnh này khi người dùng tìm kiếm “máy chủ hosting”, “server lưu trữ web”, “Hosting Linux SSD”…
• Xác định nội dung bài viết chính xác hơn → hỗ trợ SEO tổng thể.

Nếu không có thẻ Alt thì sao? Google chỉ thấy một file “server.jpg” và không biết hình ảnh nói về điều gì. → Khả năng xuất hiện trên Google Image giảm → mất cơ hội traffic.

>>> Xem thêm: HTML là gì? Tại sao phải hiểu rõ vai trò quan trọng của HTML?

2. Vai trò của thẻ Alt text

Alt text (văn bản thay thế) của hình ảnh đóng vai trò quan trọng ở ba khía cạnh: tăng khả năng truy cập, cải thiện trải nghiệm người dùng và tối ưu lưu lượng truy cập từ tìm kiếm hình ảnh. Nắm rõ những yếu tố này sẽ giúp bạn viết được alt text hiệu quả cho mọi hình ảnh trên website. Hãy cùng khám phá chi tiết hơn.

Giúp tăng traffic cho hình ảnh

Hình ảnh trong bài viết là thứ mà công cụ tìm kiếm hoặc robot không thể nào hiểu và tìm được. Vì vậy, người ta chọn giải pháp thay thể là dùng thẻ Alt. Tạo ra một đoạn nội dung văn bản mô tả mà trình tìm kiếm có thể lý giải được. Từ đó, chúng ta có thể thấy vai trò chính của Alt Text là gì.

Tuy Google không thể hiểu được nội dung của hình ảnh nhưng nó có thể nhận biết hình ảnh màu gì, bố cục ra sao, chất lượng ảnh như thế nào. Nội dung được thay thế bởi thẻ Alt chứa từ khóa. Ảnh thì cần chọn những tấm ảnh đẹp và chất lượng cao. Như vậy, hiệu quả của ảnh và Alt Text đối với SEO mới có thể tối ưu.

Đội ngũ Nhân Hòa đã áp dụng một hướng SEO mới cho website Nhân Hòa, trong đó tập trung mạnh vào việc tối ưu alt text cho toàn bộ hình ảnh. Việc cải thiện văn bản thay thế này đã tạo ra kết quả đột phá: lượng truy cập từ tìm kiếm hình ảnh tăng tới 50% chỉ trong chưa đầy một năm, đồng thời mang lại thêm hơn 60.000 lượt xem tự nhiên. Đây là minh chứng rõ ràng rằng tối ưu alt text là một yếu tố quan trọng, giúp web Nhân Hòa tăng trưởng bền vững về SEO và mở rộng khả năng tiếp cận người dùng. file “server.jpg” và không biết hình ảnh nói về điều gì. → Khả năng xuất hiện trên Google Image giảm → mất cơ hội traffic.

Vai trò của thẻ Alt

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

Văn bản thay thế (alt text) giúp cải thiện khả năng truy cập và nâng cao trải nghiệm cho mọi người dùng. Chẳng hạn, khi người truy cập có đường truyền kém khiến hình ảnh không thể tải, alt text sẽ hiển thị thay cho biểu tượng lỗi, giúp họ vẫn hiểu được nội dung mà hình ảnh muốn truyền đạt.

3. Hướng dẫn tối ưu thẻ Alt text trong SEO

Cấu trúc Alt Text

Thẻ Alt có cấu trúc: <imgsrc=”url_hinh_anh” alt=”Mô tả hình ảnh”>

Với phần img src, bạn thêm đường link dẫn đến file ảnh mà bạn cần hiển thị. Phần Alt, bạn có thể tùy ý ghi mô tả nội dung cho ảnh. Nhưng phải đảm bảo các tiêu chí đã nêu ở phần lưu ý khi dùng thẻ Alt

Cách viết thẻ Alt cho ảnh

Viết thẻ mô tả cho ảnh là công việc không quá khó khăn, đa số mọi người đều có thể làm được khi tự tìm hiểu hay được chỉ qua một lần. Hiện nay, phần lớn Website đều có sẵn mục để add Alt cho ảnh

Các bạn có thể vào kho ảnh trên Website của mình và click chọn ảnh. Trong mỗi ảnh đều có mục thẻ tiêu đề, thẻ Alt và thẻ mô tả để bạn điền vào. Công việc của bạn chỉ đơn giản là điền sao cho hợp lệ và làm theo các bước web yêu cầu. Như vậy là bạn đã hoàn thành việc thêm thẻ cho ảnh một cách dễ dàng

Còn nếu như Website chưa có mục chức năng này thì đây là công việc của chuyên viên lập trình Website. Họ sẽ can thiệp vào mã code của web bằng những cấu trúc như đã đề cập ở trên. Sau khi họ chỉnh sửa và update hệ thống, mục thêm thẻ sẽ được hiển thị và bạn có thể sử dụng

Hướng dẫn tối ưu thẻ Alt trong SEO

Yêu cầu chuẩn SEO thẻ Alt

+ Nội dung thẻ nằm trong khoảng 225 ký tự. Không được quá dài hoặc quá ngắn nhưng vẫn tóm gọn đầy đủ nội dung cần thiết

+ Các bạn có thể viết tùy ý thích nhưng mình khuyên nên Tiếng Việt có dấu và có thể chứa khoảng trắng (Ví dụ: Cây xanh đổ ngổn ngang trên quốc lộ 1A, không nên đặt: Cay-xanh-do-ngon-ngan-tren-quoc-lo-1a)

+ Từ khóa chính nên được chèn vào những ký tự đầu tiên của thẻ

+ Không được nhồi nhét từ khóa. Google sẽ mặc định bạn spam và đánh bài viết của bạn ra khỏi top kết quả tìm kiếm

+ Hình ảnh của thẻ phải có chất lượng cao, không bị mờ nhòe và không được chọn những hình ảnh có bản quyền của đơn vị khác

Các tiêu chí vô cùng đơn giản, không quá phức tạp nhưng nó sẽ giúp cho bài viết của bạn dễ đọc hơn khi công cụ tìm kiếm dò quét (crawl)

Cách đặt tên ảnh

Tên ảnh các bạn đặt như thế nào cũng được, nhưng nếu muốn tối ưu hóa thì bạn nên chú ý những điều này:

+ Tên ảnh viết liền không dấu

+ Độ dài dưới 125 ký tự

+ Chứa từ khóa chính

+ Tránh đặt tên chung chung như: Hinh-1.jpg, anh.png, 1.jpg…

Chắc các bạn đang thắc mắc là tại sao phải đặt tên là viết liền không dấu rồi đúng không, vì trên máy chủ thường sử dụng bộ mã UTF-8, có thể ban đầu khác các bạn upload lên sẽ không có lỗi gì xảy ra, nhưng khi các bạn backup (Sao lưu) để đưa qua một máy chủ khác thì tên của hình ảnh sẽ được mã hóa ký tự lại, từ khóa có dấu và có khoảng trắng sẽ phải tự động chuyển đổi sang ký tự đại diện bên UTF-8, các bạn vẫn có thể sửa lại nhưng quá nhiều ảnh thì không thể sửa được

>>> Xem thêm: EWWW Image Optimizer (Plugin tối ưu hóa hình ảnh) 

4. Sự khác nhau giữa thẻ Alt và Title Image

Rất nhiều người nhầm lẫn hoặc xem Alt Text và Title Image là một. Trên thực tế, chúng là hai phần hoàn toàn khác nhau. Title Image là một phần bổ sung khác được thêm vào hình ảnh.

Tuy nhiên, nội dung của Title Image không được hiển thị nếu hình ảnh không thể trình chiếu được. Ngược lại, người dùng có thể nhìn thấy chúng khi di chuột lên hình ảnh đó.

Sự khác nhau giữa thẻ Alt và Title Image

Thẻ Alt và Title Image được thêm vào nội dung bài với hai cách khác nhau. Nhưng chúng đều là những phần bổ sung quan trọng để tối ưu hóa hình ảnh trong bài viết

5. Hướng dẫn kiểm tra xem ảnh của bạn đã có Alt Text hay chưa

Có rất nhiều cách để phát hiện việc ảnh của bạn đã có Alt Text hay chưa đó là khi bạn quên không thêm thẻ Alt. Dưới dây là 2 cách đơn giản nhất để kiểm tra thẻ Alt trên website của bạn.

Sử dụng công cụ Seoquake

Bạn có thể sử dụng công cụ Seoquake để kiểm tra xem có bao nhiêu hình ảnh trên bài viết chưa có Alt. Tuy nhiên khi sử dụng công cụ này sẽ không thể biết chính xác ảnh nào bị thiếu Alt Text và chi tiết nội dung của Alt ảnh.

Sử dụng công cụ Web Developer

Sau khi bạn cài đặt công cụ Web Developer cho máy tính của mình, bạn mở trang web mà bạn muốn kiểm tra xem các hình ảnh trong bài viết đã được thêm thẻ Alt chưa, bạn cần làm theo 3 bước sau:

• Bước 1: Bật trang Web có bài viết mà bạn muốn kiểm tra
• Bước 2: Bật công cụ Web Developer
• Bước 3: Tại mục Images chọn Display Alt Attributes

Với công cụ Web Developer bạn chỉ cần vài click chuột là đã có thể kiểm tra các thẻ Alt trong bài viết hay trang Web của mình

Lưu ý: Có một vài điều mà bạn cần chú ý đối với Alt Text 

+ Điều đầu tiên chắc chắn là bạn không bao giờ được quên việc thêm Alt Text cho ảnh

+ Thường thì đoạn Alt text bạn sẽ viết nội dung của bức ảnh đó, tuy nhiên để hiểu quả hơn bạn nên viết đoạn text đó có chứa từ khóa cần SEO

+ Không nên viết thẻ một cách vô nghĩa ví dụ như một dãy số hay dãy kí tự không có nội dung, nếu làm như vậy ảnh của bạn sẽ khó có thể lên TOP

+ Bạn không nên nhầm lẫn giữa thẻ alt, thẻ title. Cả hai thẻ đầu quan trọng và bạn đều không nên quên thêm vào nếu muốn tối ưu ảnh tốt

+ Bạn chỉ có thể check thẻ này khi dùng công cụ

+ Thẻ title là dòng chữ mờ hiện lên khi bạn di chuột vào ảnh

>>> Xem thêm: Cách sử dụng SEOquake chi tiết nhất cho newbie 

6. Kết luận

Trên đây, nội dung bài viết Nhân Hòa đã giúp người đọc hiểu rõ thẻ Alt là gì, vai trò cũng như cách tối ưu hình ảnh sao cho chất lượng nhất. Với người làm SEO, mặc dù thẻ Alt không phải là yếu tố mang tính chất quyết định đến hiệu quả nhưng cũng ảnh hưởng không nhỏ. Làm Alt Text, đồng nghĩa với chất lượng Website cao, dễ dàng đẩy thứ hạng trên công cụ tìm kiếm hơn.

Quý khách hàng có nhu cầu đăng ký tên miền, đăng ký email doanh nghiệp, hosting wordpress giá rẻ, vps giá rẻ, ssl... xin vui lòng đăng ký tại Nhân Hòa để được hưởng ưu đãi giá rẻ nhất. Trân trọng!