Thuộc tính Alt là gì? Thuật ngữ Alt text là gì?
Thuộc tính alt là gì?
Thuộc tính alt – alt attribute là một thuật ngữ trong ngôn ngữ lập trình html và xhtml. Trong đó, alt là viết tắt của Alternative có nghĩa là thay thế, có khả năng thay thế. Thuật ngữ này được sử dụng để đánh dấu và thể hiện các văn bản hoặc siêu văn bản mô tả thay thế cho một phần tử nào đó trên trang mà các con bot hoặc người dùng không thể đọc được nội dung cụ thể như các hình ảnh, các đoạn java script,…
Ngoài ra, thuộc tính alt còn được sử dụng cho các tính năng hỗ trợ người mù tương tác với máy tính bằng cách tạo các mô tả bằng âm thanh để họ có thể nghe được.
Alt Text là gì? Alt text là những văn bản được sử dụng để mô tả cho các phần tử nào đó trên trang mà người dùng không thể đọc được. Như vậy, alt text chính là phần văn bản hoặc siêu văn bản được sử dụng để mô tả và thay thế cho các phần từ trên trang mà người dùng không thể đọc được.
Các publisher hoàn toàn có thể tạo hoặc không tạo các văn bản thay thế. Tuy nhiên, việc tạo alt text sẽ đem lại rất nhiều lợi ích cho website trong SEO, nhất là những website có sử dụng quá nhiều các phần tử mà spider không thể đọc được. Google cũng khuyến khích các nhà đầu tư SEO không nên sử dụng quá nhiều hình ảnh, và nếu có thể hãy sử dụng các đoạn text để thay thế cho nội dung những hình ảnh đó.
Ví dụ về thuộc tính alt
Đoạn code ngắn sau đây sẽ giúp hiển thị một file ảnh như hình ảnh ở đầu bài:
Trong ví dụ trên, alt=”” là thuộc tính alt của file ảnh, và phần văn bản bên trong dấu “” [Ví dụ về thuộc tính att] là phần nội dung của thuộc tính alt – alt text.
Tầm quan trọng của thuộc tính alt trong SEO
Vì alt text là một văn bản được sử dụng để thay thế cho nội dung của những phần tử trên trang mà công cụ tìm kiếm không thể đọc và hiểu được nội dung, nên alt text luôn là nội dung mà công cụ tìm kiếm sử dụng đầu tiên khi crawl dữ liệu của một phần tử trên trang. Hơn nữa, vì là văn bản thay thế cho nội dung của một thành phần cấu thành nên nội dung của trang, alt text luôn được công cụ tìm kiếm coi như là một phần của nội dung trang web, góp phần vào việc bổ sung chi tiết thông tin cho nội dung trên trang đó.
Do vậy, những nội dung trong alt text sẽ có ảnh hưởng trực tiếp đến kết quả SEO trang web, và website sẽ có một thứ hạng tốt hơn khi tất cả nội dung trên trang, bao gồm cả trong các văn bản thay thế, đều tối ưu tốt cho cùng một chủ đề.
Phương pháp tối ưu alt text
Như đã nói ở trên, việc viết nội dung cho các alt text là cách tốt nhất để Google cũng như các công cụ tìm kiếm khác có thể hiểu được nội dung của các phần tử html trên trang như các hình ảnh, java script,… Tuy nhiên, các nhà đàu tư có thể không viết và để trống thẻ mô tả cho các dạng phần tử này nếu chúng thực sự không làm ảnh hưởng đến nội dung trên trang. Bởi việc không thêm thẻ alt sẽ khiến cho các con bot công cụ tìm kiếm hiểu rằng, hình ảnh này không hề có nội dung và không có ảnh hưởng gì tới nội dung trang web.
Một vấn đề quan trọng khác đó là các văn bản thay thế cũng được công cụ tìm kiếm sử dụng để tính toán mật độ từ khóa. Vì vậy, nhà đầu tư nên đặt những từ khóa chính trong alt text và tính toán đo lường bằng các công cụ kiểm tra keyword density chuyên dụng có thể kiểm tra được mật độ từ khóa trong các thẻ html trên trang một cách chính xác nhất. Đặc biệt, không nên nhồi nhét quá nhiều từ khóa vào trong alt text và hãy viết nội dung cho thuộc tính này một cách tự nhiên nhất có thể.
Tóm lại, một văn bản alt text trên trang cần có đầy đủ các yếu tố như sau:
- Nội dung phù hợp và liên quan với chủ đề của bài
- Mô tả chi tiết nội dung của phần tử
- Nên có chứa từ khóa và đảm bảo mật độ từ khóa tối ưu, không nhồi nhét từ khóa trong alt text
Bài viết “Thuộc tính Alt là gì? Thuật ngữ Alt text là gì?”
Tác giả: Tú DA– VietMoz SEO Junior
Ghi rõ nguồn www.dautuseo.com khi đăng tải lại bài viết này
Xem thêm các kiến thức SEO khác tại chuyên mục: Kiến thức SEO | Thủ thuật SEO | Thuật ngữ SEO
Danh mục bài viết có liên quan:
Sai lầm thường gặp khi sử dụng thuộc tính alt trong SEO
Đào Tú - Tú DA - SEO Wizard - admin Đầu tư SEO - dautuseo.com - Nghiên cứu viên Google Analytics - Google
Thẻ Alt là gì?
- Lê Thị Phương Lan
- 18/06/2021, 02:17 pm
- 448
Đố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à : hoặc phiên bản tiếng việt là
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:
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.
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!
+ Fanpage: //www.facebook.com/nhanhoacom
+ Chỉ đường: //g.page/nhanhoacom
+ Chương trình khuyến mãi mới nhất: //nhanhoa.com/khuyen-mai.html
————————————————————
CÔNG TY TNHH PHẦN MỀM NHÂN HÒA
//nhanhoa.com
Hotline: 1900 6680
Trụ sở chính: Tầng 4 - Tòa nhà 97-99 Láng Hạ, Đống Đa, Hà Nội
Tel: [024] 7308 6680 – Email:
Chi nhánh: 270 Cao Thắng [nối dài], Phường 12, Quận 10, Tp.HCM
Tel: [028] 7308 6680 – Email: hcm