Google không chỉ cung cấp tính năng tìm kiếm bằng văn bản mà bạn còn có thể tìm kiếm bằng hình ảnh. Nhờ có hình ảnh mà bài viết của bạn trở nên trực quan, hấp dẫn hơn và đỡ gây nhàm chán cho người đọc.
Hình ảnh còn được xem là yếu tố quan trọng để đưa website bạn lên top kết quả tìm kiếm của Google. Tuy nhiên, nếu bạn chỉ đơn thuần up hình ảnh lên thôi thì Google sẽ rất khó có thể đọc được nội dung trong hình ảnh của bạn, vậy nên bạn phải mô tả hình ảnh của mình trong HTML và đoạn mô tả đó được gọi là Alt Text.
Vậy Alt Text là gì? Và làm thế nào để tối ưu Alt text chuẩn SEO? Cùng tôi tìm hiểu ngay trong bài viết này nhé!
Alt Text là gì?
Alt Text (Alt attribute) là văn bản thay thế sẽ được hiển thị khi hình ảnh không thể hiển thị trên website. Mặc dù Alt Text cũng là phần mã của HTML nhưng nó chỉ mô tả nội dung hình ảnh có trong Alt chứ không phải toàn bộ thuộc tính của thẻ Alt.
Alt Text quan trọng vì nó giúp trình công cụ tìm kiếm xác định được nội dung mô tả của hình ảnh là gì. Hình ảnh được gắn thẻ Alt sẽ tác động tích cực đến vị trí xếp hạng của bạn trên Google.
Thẻ Alt là gì?
Thẻ Alt còn được gọi là “thuộc tính Alt” hay “mô tả Alt”, là một thuộc tính HTML được áp dụng cho thẻ hình ảnh để mô tả ngắn gọn nội dung của hình ảnh đó. Thẻ Alt giúp Google hiểu hơn hình ảnh này đang đề cập tới vấn đề gì và từ đó trả lại kết quả cho người dùng chính xác nhất.
Bên cạnh đó, sẽ có một số trường hợp hình ảnh không hiển thị được thì người dùng vẫn hiểu được nội dung hình ảnh mô tả thông qua Alt Text được gắn trong thẻ Alt.
Cấu trúc chung của thẻ Alt là: <img src=”URL của ảnh” alt=”Văn bản thay thế”>
Tại sao Alt Text lại quan trọng?
Tăng khả năng tiếp cận
Mục đích đầu tiên của văn bản thay thế vẫn là mô tả hình ảnh cho khách hàng truy cập không nhìn thấy hình ảnh. Lý do có thể do mạng yếu, trình duyệt chặn hình ảnh hoặc những người không thể nhận dạng trực quan hình ảnh.
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 hình ảnh đảm bảo tất cả người dùng kể cả những người có vấn đề về khả năng trực quan đều có thể tiếp thu nội dung trên website.
SEO hình ảnh
Ngoài việc mang đến trải nghiệm tốt cho người dùng thì Alt Text còn mang đến rất nhiều lợi ích cho việc SEO hình ảnh nói riêng và SEO nói chung. Đây là một trong những tiêu chí tối ưu Onpage quan trọng mà SEOer không thể bỏ qua.
Công cụ tìm kiếm đã nâng cấp khả năng nhận dạng hình ảnh nhưng trình thu thập thông tin tìm kiếm vẫn hạn chế khả năng nhìn thấy hình ảnh của website, vì thế việc giải thích hình ảnh sẽ hợp lý hơn. Việc đó giúp Google hiểu một cách chính xác để xếp hạng website bạn thay vì hiểu sai và bỏ lỡ việc xếp hạng.
Văn bản thay thế còn là cơ hội để bạn thêm từ khóa mục tiêu của bạn. Sử dụng từ khóa chính là một cách tăng yếu tố xếp hạng trên công cụ tìm kiếm. Việc tạo Alt Text mô tả hình ảnh vừa có thể mô tả vừa có thể gồm các từ khóa, cụm từ khóa mục tiêu bạn nhắm vào.
Google không khuyến khích các SEOer sử dụng quá nhiều hình ảnh mà nên sử dụng các đoạn text để thay thế cho nội dung của những hình ảnh đó.
Cách viết Alt Text hoạt động hiệu quả
Như tôi đã nói ở trên, ngoài mô tả hình ảnh Alt Text còn là cơ hội để tích hợp từ khóa trọng tâm có liên quan và có ý nghĩa để làm nội dung phong phú, mang lại trải nghiệm tốt cho người dùng.
Khi viết Alt Text cho hình ảnh bạn cần ghi nhớ những điểm sau:
- Mô tả hình ảnh một cách khách quan: Alt Text sẽ hiển thị khi hình ảnh không tải lên hoặc tải lên không thành công. Nên hãy cho người dùng hiểu nội dung ảnh khi không thấy ảnh.
- Cung cấp ngữ cảnh cho hình ảnh: Thông tin sẽ được thu thập để lập chỉ mục chính xác.
- Alt Text cần ngắn gọn, súc tích: Tránh các cụm từ hình ảnh, bức hình mô tả dài mà không hiệu quả.
- Tránh nhồi nhét từ khóa: Tạo Alt Text mục đích là làm tốt nhất chất lượng bài viết. Việc nhồi nhét từ khóa sẽ không đem lại hiệu quả cho cả nội dung và Alt Text.
Cách tạo một Alt Text chuẩn
Mô tả hình ảnh cụ thể: Khi hình ảnh không thể hiển thị, mô tả về hình ảnh giúp người dùng hiểu được ý nghĩa và giá trị. Đó chính là ý nghĩa của mục đích thiết kế.
Ngắn gọn: Đảm bảo dưới 125 ký tự, vì màn hình phổ biến chỉ chứa khoảng đó ký tự.
Sử dụng từ khóa: Sử dụng keyword trong Alt Text là gì? Nó chính là cơ hội thêm từ khóa mục tiêu vào trang của bạn, giúp công cụ tìm kiếm hiểu hơn truy vấn cụ thể nào sẽ phù hợp với nội dung này. Mặc dù ưu tiên đầu vẫn là mô tả, cung cấp ngữ cảnh cho hình ảnh.
Tránh nhồi nhét từ khóa: Google sẽ phạt nếu bạn mắc lỗi nhồi nhét từ khóa mà không cung cấp bất kì ngữ cảnh nào cho hình ảnh. Văn bản thay thế chỉ thêm từ khóa mục tiêu phù hợp khi thấy hợp lý.
Tránh dùng văn bản trong hình ảnh: Công cụ không thể đọc văn bản trong hình ảnh, nên tránh sử dụng text trong hình ảnh mà hãy thêm giải thích hình ảnh trong Alt Text.
Không dùng các cụm từ “hình ảnh của”, “bức ảnh của” trong Alt Text: Hình ảnh được sử dụng đã tham chiếu nó là một hình ảnh rồi, không cần sử dụng các từ ngữ thừa làm dài dòng.
Sử dụng thẻ longdesc=””: Việc này hữu ích khi bạn có các bức hình phức tạp, cần mô tả dài.
Dùng Alt Text cho các nút Form: Nếu bạn dùng hình ảnh làm nút “gửi” hay một nút lệnh nào đó, hãy cung cấp thuộc tính Alt mô tả chức năng của nút đó như “đăng ký ngay”, “tìm kiếm”, “mua ngay”,…
Một số vấn đề thường gặp với Alt Text hình ảnh
Việc mô tả Alt Text khi tối ưu SEO hình ảnh đôi khi sẽ gặp một số vấn đề mà bạn cần nắm rõ. Khi audit website, bạn cần check và kiểm tra xem hình ảnh đang gặp lỗi gì.
Hình ảnh bị hỏng
Hình ảnh hỏng, bị bể, kém chất lượng mang lại ấn tượng xấu cho website, ngay lập tức bạn bị đánh giá thấp dù sản phẩm hay nội dung của bạn có chất lượng đến đâu. Điều này còn bị công cụ tìm kiếm nhận diện và xếp hạng thấp website.
Công cụ audit website sẽ làm nổi bật các nguyên nhân kiến hình ảnh web bị hỏng, bạn dựa vào đó và sửa chữa:
- URL sai hoặc đường dẫn không hợp lệ: Sửa lỗi chính tả trong URL, nếu tệp hình ảnh đã di chuyển không còn khớp thì sửa URL để trỏ vào đúng vị trí.
- Hình ảnh không tồn tại: Nếu tệp ảnh bị xóa, hỏng hay có thay đổi sang vị trí khác, nếu không cần thiết hãy xóa nó khỏi HTML của trang.
Cần nhận thức rõ giữa hình ảnh bị hỏng bên trong hay bên ngoài. Nếu hình ảnh không được tiếp cận tốt nhất hãy thay thế chúng.
Hình ảnh không có thuộc tính Alt
Hình ảnh trống thuộc tính Alt Text giống như bỏ lỡ một cơ hội xếp hạng hình ảnh tốt hơn. Ngoài ra nó còn không mang lại trải nghiệm tốt cho người dùng, những người khiếm thị.
Sử dụng công cụ audit website để kiểm tra tất cả các hình ảnh không có thuộc tính alt và khắc phục.
Lưu ý thuộc tính alt Text trống ở đây:
Thay đổi điều này thành:
alt text
Câu hỏi thường gặp về Alt Text
Làm thế nào để tìm Alt tag trên trang?
Để tìm được Alt tag trên trang bạn nhấp chuột phải vào khoảng trắng trong trang và chọn “kiểm tra” hoặc sử dụng phím tắt Ctrl+Shift+I. Mã nguồn sẽ xuất hiện bên phải màn hình.
Tiếp theo, bạn chọn biểu tượng đầu tiên bên trái của bảng mã HTML, sau đó tìm hình ảnh bạn muốn xem và nhấp vào chúng. Mã HTML của phần tử đó sẽ được đánh dấu, trong đó có thuộc tính của hình ảnh.
Làm cách nào để đọc Alt Text trong mã HTML?
Bạn thực hiện các thao tác như trên để hiển thị bảng mã nguồn của trang. Thẻ Alt Text có nội dung ví dụ như alt=”abc” thì phần abc chính là mô tả Alt Text.
Làm cách nào để biết một hình ảnh có Alt Text?
Khi bạn kiểm tra mã nguồn, nếu sau alt=” ” có hiển thị 2 dấu ngoặc kép không có nội dung thì thuộc tính alt trống.
Làm cách nào để thêm Alt Text vào tệp JPG?
Khi bạn làm việc trong Microsoft Word, bạn nhấp chuột phải vào hình ảnh sẽ có lệnh “Edit Alt Text”. Hãy điền mô tả hình ảnh vào hộp nhập liệu đó và chọn Close.
Có thể sử dụng dấu phẩy, dấu chấm trong Alt Text không?
Có, sử dụng bình thường, miễn nội dung mô tả đúng hình ảnh, mang lại trải nghiệm tốt cho người dùng.
Alt Text nên dài bao nhiêu?
Tối đa 125 ký tự.
Alt Text là một phần quan trọng của SEO hình ảnh, giúp tăng khả năng tiếp cận người dùng. Việc tối ưu Alt Text tưởng chừng như là một vấn đề nhỏ nhưng bạn tuyệt đối không được xem nhẹ việc này nếu bạn muốn trang web của mình được xếp hạng cao trên các công cụ tìm kiếm.
Nếu bạn đang sử dụng nền tảng WordPress thì công việc này sẽ dễ dàng hơn rất nhiều. Hy vọng rằng, với những kiến thức mà tôi vừa chia sẻ sẽ giúp bạn hiểu được Alt Text là gì, tầm quan trọng của Alt và thiết lập được những trang thân thiện với người dùng.