Hình ảnh cũng được coi là một yếu tố quan trọng trong việc đưa trang web của bạn lên thứ hạng cao trong kết quả tìm kiếm của Google. Tuy nhiên, nếu bạn chỉ tải lên hình ảnh, Google sẽ rất khó hiểu được nội dung hình ảnh của bạn. Do đó, bạn cần mô tả hình ảnh của mình bằng HTML và mô tả được gọi là Alt Text. Vậy hãy cùng đi tìm hiểu Alt Text là gì trong bài viết này!
Alt Text là gì?
Văn bản thay thế (thuộc tính Alt Text) là văn bản thay thế được hiển thị khi một hình ảnh không thể xuất hiện trên trang web. Mặc dù Văn bản thay thế có thể là một thành phần trong mã HTML nhưng nó chỉ được sử dụng để mô tả nội dung của hình ảnh được chứa trong thuộc tính Alt alt chứ không phải toàn bộ thuộc tính thẻ Alt.
Văn bản thay thế rất quan trọng vì nó hỗ trợ các công cụ tìm kiếm xác định nội dung mô tả của hình ảnh. Hình ảnh được gắn thẻ thay thế có thể ảnh hưởng tích cực đến vị trí hình ảnh của bạn trên Google.
Thẻ Alt là gì?
Đó là thẻ Alt hay còn được gọi là “Thuộc tính Alt” hay “Mô tả Alt” có thể được mô tả như một thuộc tính HTML được áp dụng trên thẻ của hình ảnh nhằm mô tả ngắn gọn nội dung của hình ảnh. Thẻ alt giúp Google hiểu hình ảnh này nói về cái gì và do đó cung cấp kết quả chính xác nhất cho người dùng.
Ngoài ra, có thể xảy ra trường hợp khi hình ảnh không được hiển thị, nhưng người xem vẫn có thể hiểu nội dung mô tả của hình ảnh bằng cách đọc Văn bản thay thế được bao gồm trong thẻ Alt.
Sự sắp xếp cơ bản của thẻ Alt là <img src=”url” alt=”alt text”>.
Lý do nào làm cho Alt Text quan trọng đến vậy?
Khả năng tiếp cận với nhiều khách hàng mục tiêu
Chức năng chính của văn bản thay thế vẫn là để mô tả hình ảnh cho những người không thể nhìn thấy hình ảnh. Có thể là do mạng yếu hoặc trình duyệt chặn hình ảnh hoặc người dùng không thể nhận dạng hình ảnh một cách trực quan.
Ngoài ra, thuộc tính alt cũng có thể được sử dụng cho các tính năng hỗ trợ người khiếm thị tương tác với máy tính thông qua việc tạo các mô tả bằng âm thanh mà họ có thể nghe được. Văn bản thay thế hình ảnh đảm bảo tất cả người dùng, kể cả người dùng khiếm thị đều có thể tiếp nhận thông tin trên trang web.
SEO hình ảnh
Bên cạnh việc cung cấp trải nghiệm tuyệt vời cho khách hàng, Văn bản thay thế cũng mang lại nhiều lợi thế cho SEO hình ảnh nói riêng và SEO cho các trang web nói chung. Đây là một trong những yêu cầu tối ưu Onpage quan trọng nhất mà SEOer không nên bỏ qua.
Các công cụ tìm kiếm đã nâng cấp khả năng nhận dạng hình ảnh, tuy nhiên, chúng vẫn hạn chế khả năng nhận dạng hình ảnh của các trang web và vì vậy việc hiểu hình ảnh sẽ hợp lý hơn. Điều này có thể giúp Google biết đúng phương pháp xếp hạng trang web của bạn thay vì hiểu sai thông tin và bỏ lỡ cơ hội được xếp hạng.
Văn bản thay thế cũng cung cấp cơ hội để kết hợp từ khóa được nhắm mục tiêu của bạn. Việc sử dụng các từ khóa chính là một phương pháp hiệu quả để cải thiện yếu tố xếp hạng của các công cụ tìm kiếm. Tạo mô tả hình ảnh thay thế Văn bản cũng mang tính mô tả và có thể bao gồm các từ khóa bạn chọn và các cụm từ khóa.
Google không khuyên người làm SEO sử dụng quá nhiều hình ảnh mà nên tận dụng văn bản để thay thế nội dung của hình ảnh.
Làm thế nào để bạn Alt Text hoạt động
Như tôi đã nêu ở trên cũng như phần mô tả của hình ảnh, Văn bản thay thế cũng là một khả năng kết hợp các từ khóa quan trọng và có liên quan để nâng cao văn bản, mang lại cho người dùng trải nghiệm tích cực.
Khi bạn viết Văn bản thay thế cho hình ảnh, bạn phải ghi nhớ những mẹo sau:
- Hình ảnh phải được mô tả một cách khách quan: Văn bản thay thế sẽ được hiển thị trong trường hợp hình ảnh không thể tải lên hoặc tải lên không thành công. Do đó, hãy cho người dùng biết ý nghĩa của hình ảnh ngay cả khi hình ảnh không hiển thị.
- Bao gồm ngữ cảnh cho hình ảnh: Dữ liệu sẽ được thu thập để đảm bảo lập chỉ mục chính xác.
- Alt Text phải ngắn gọn và súc tích. Tránh các cụm từ dài và hình ảnh mô tả dựa trên hình ảnh không hiệu quả.
- Tránh nhồi nhét từ khóa: Quá trình tạo Alt Text là cách để tạo ra một bài viết xuất sắc nhất. Nhồi nhét từ khóa không phải là một ý tưởng hay trong cả nội dung cũng như trong Văn bản thay thế.
Cách tạo Alt Text là chuẩn SEO
Xác định hình ảnh cụ thể: Nếu hình ảnh không được hiển thị, mô tả của hình ảnh sẽ giúp người dùng hiểu ý nghĩa và giá trị. Đây là những gì ý định thiết kế đề cập đến.
- Tóm tắt: Đảm bảo văn bản dài dưới 125 ký tự, vì phần lớn màn hình có kích thước này.
- Từ khóa: Tầm quan trọng của Từ khóa trong Văn bản thay thế là gì? Đây là một cơ hội tuyệt vời để thêm các từ khóa được nhắm mục tiêu vào trang web của bạn, điều này giúp các công cụ tìm kiếm nhận ra truy vấn cụ thể nào có thể liên quan đến nội dung. Ưu tiên hàng đầu vẫn là tính mô tả, nó có thể đưa ra lời giải thích cho hình ảnh.
- Tránh việc nhồi nhét từ khóa. Google có thể phạt nếu mắc lỗi điền từ khóa không đưa ra bất kỳ ngữ cảnh nào cho hình ảnh. Văn bản thay thế chỉ nên bao gồm các từ khóa có liên quan cho từ khóa mục tiêu trong các tình huống hợp lý.
- Cẩn thận với việc sử dụng hình ảnh với văn bản. Công cụ không thể đọc văn bản từ hình ảnh. Vì vậy, không sử dụng văn bản trong hình ảnh mà hãy đưa hình ảnh kèm theo phần giải thích về hình ảnh vào Văn bản thay thế.
- Sử dụng Văn bản thay thế để tạo Nút biểu mẫu Nếu bạn đang sử dụng hình ảnh cho nút “gửi” hoặc nút lệnh, hãy thêm thuộc tính Alt mô tả mục đích của nút, chẳng hạn như “đăng ký ngay bây giờ”, “tìm kiếm”, “Mua ngay”,…
Một số vấn đề phổ biến gặp phải với Alt Text
Dưới đây là một số vấn đề có thể khiến văn bản thay thế hoạt động kém:
Hình ảnh bị hỏng
Hình ảnh bị hỏng tạo ra trải nghiệm người dùng kém vì chúng không thể được hiển thị chính xác và tạo ấn tượng rằng trang web của bạn không có chất lượng cao nhất. Khi các công cụ tìm kiếm nhận thức được điều đó, hình ảnh bị hỏng có thể ảnh hưởng đến thứ hạng trang web của bạn.
Một số nguyên nhân có thể xảy ra với Alt Text và cách khắc phục
- URL không chính xác hoặc đường dẫn sai chính tả: sửa lỗi trong URL Nếu tệp hình ảnh được di chuyển, hãy chỉnh sửa URL để trỏ đến vị trí mới.
- Hình ảnh không còn nữa Trong trường hợp tệp hình ảnh đã bị hỏng hoặc bị xóa, hãy thay đổi hình ảnh thành phiên bản mới Nếu tệp hình ảnh không còn cần thiết, hãy loại bỏ nó khỏi mã HTML của trang.
- Hình ảnh không có Alt Text.
- Việc không có thuộc tính alt này, hình ảnh không thể mang lại cho hình ảnh cơ hội nổi bật hơn trong kết quả tìm kiếm hình ảnh. Hơn nữa, nó sẽ không mang lại trải nghiệm người dùng tuyệt vời cho những người khiếm thị.
- Để định vị Thẻ thay thế của bạn trên trang web, hãy nhấp chuột phải vào khoảng trắng trong trang và chọn “kiểm tra” hoặc các phím Ctrl + Shift + I. Thẻ này sẽ hiển thị ở cạnh bên phải màn hình của bạn.
- Sau đó, bạn bấm vào biểu tượng đầu tiên bên phải trang mã HTML. Sau đó, bạn tìm kiếm những hình ảnh bạn muốn xem và nhấp vào chúng. Mã HTML cho phần tử đó sẽ được đánh dấu và bao gồm thuộc tính hình ảnh.
Lời kết
Bài viết trên đây đã cung cấp đến bạn các thông tin về Alt Text là gì và những chú ý khi sử dụng. Đừng quên theo dõi trang của chúng tôi để cập nhật thường xuyên những tin tức mới nóng hổi!
