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. Hình ảnh giúp bài viết của bạn trở nên trực quan, hấp dẫn và đỡ gây nhàm chán cho người đọc. Tuy nhiên, nếu bạn chỉ đơn thuần tải hình ảnh lên thì Google khó có thể đọc được nội dung trong hình ảnh của bạn, cần phải Alt Text. Vậy Alt Text là gì? Làm thế nào để tối ưu Alt Text chuẩn SEO? Cùng Hugs Agency tìm hiểu qua bài viết sau 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.
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” alt=”alt text”>
Tại sao Alt Text lại quan trọng?
Mục đích đầu tiên của văn bản thay thế là mô tả hình ảnh cho khách hàng không truy cập, không nhìn thấy hình ảnh. Vì một số lý do như 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. 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.
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”,…
Câu hỏi thường gặp về Alt Text
1. Làm thế nào để 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. Sẽ xuất hiện bảng mã nguồn bên phải màn hình. Sau đó, chọn biểu tượng đầu tiên bên trái của bảng HTML, 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 hình ảnh.
2. 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.
3. 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.
4. 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.
5. 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.
Vậy là Hugs Agency đã cung cấp cho bạn một số kiến thức cơ bản về Alt Text. Chúc bạn sẽ thành công trong việc SEO hình ảnh Website của mình. Theo dõi Hugs Agency – Agency Marketing tại Đà Nẵng để nhận nhiều thông tin, case study về marketing thường xuyên nhé.