Thông báo

Ưu đãi

Tin tức

Kỹ thuật

Thẻ Alt là gì?

Tin tức

18/06/2021, 02:17 pm

8,889

Mục lục [Ẩn]

1. Thẻ Alt là gì?
2. Vai trò của thẻ Alt
3. Hướng dẫn tối ưu thẻ Alt trong SEO
4. Sự khác nhau giữa thẻ Alt và Title Image
5. Hướng dẫn kiểm tra xem ảnh của bạn đã có thẻ Alt hay chưa
6. Kết luận

Đố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ì?

Alt 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 đang sử dụng từ khoa. Cũng nhờ thẻ Alt mà kết quả thông tin đưa đến người dùng chính xác hơn rất nhiều.

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.

>>> 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

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 thẻ Alt 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à thẻ Alt đối với SEO mới có thể tối ưu.

Vai trò của thẻ Alt

Như đã đề cập ở phần khái niệm, ngoài chức năng chính là cung cấp thông tin cho trình tìm kiếm. Thẻ mô tả còn cung cấp thông tin cho người dùng. Ảnh có thể không được hiển thị trong bài viết khi chất lượng mạng không ổn định.

Hoặc là, người dùng xem ảnh nhưng không thể hình dung ra được nó là gì vì bức ảnh khá trừu tượng. Khi đó, thẻ alt đóng một vai trò hết sức quan trọng chính là giải thích cho người dùng hiểu về nội dung bức ảnh.

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

- Cấu trúc thẻ Alt

Thẻ Alt có cấu trúc chung là : ”some_text” hoặc phiên bản tiếng việt là

”nội

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

Hoặc nếu bạn muốn thêm cả title image cho ảnh thì có thể thực hiện với cấu trúc sau:

”thẻ

Trong đó, thẻ tiêu đề là phần không bắt buộc còn Alt là phần được Google khuyến cáo nên sử dụng. Vì từ cuối năm ngoái, Google đã công bố thuật toán đọc nội dung ảnh hướng đến 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 thẻ Alt 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ó thẻ Alt hay chưa

Có một cách để phát hiện việc ảnh của bạn đã có thẻ Alt hay chưa đó là khi bạn quên không thêm thẻ Alt cho ảnh thì khi kiểm tra các yếu tố Onpage sẽ hiện lỗi nếu thiếu thẻ Alt

Trên WordPress bạn cũng có thể dễ dàng kiểm tra lỗi này bằng cách 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 thẻ Alt

+ Điều đầu tiên chắc chắn là bạn không bao giờ được quên việc thêm thẻ Alt 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 thẻ Alt tốt, đồ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.