Alt text (Alternative text) mô tả một hình ảnh trên website. Nó nằm trong mã HTML và thường không hiển thị trên trang chính. Vậy Alt text có điểm gì quan trọng? Làm thế nào để ứng dụng nó để cải thiện trải nghiệm SEO và người dùng. Trong bài viết dưới đây, Quyết sẽ hướng dẫn bạn:
- Alt Text là gì?
- Tại sao alt text lại quan trọng trong SEO?
- Cách thêm alt text vào hình ảnh
- Bạn có nên thêm alt text vào tất cả các hình ảnh?
- Cách viết alt text tốt
- Ví dụ alt text tốt và xấu
- Alt text ảnh hưởng đến SEO như thế nào?
- Cách tìm và khắc phục sự cố với các thuộc tính Alt
- Câu hỏi thường gặp về Alt Text
Hãy cùng tìm hiểu toàn bộ kiến thức về Alt text được Quyết ứng dụng vào các dự án và thành công nhé anh em.
I. Alt Text là gì?
Hiện nay, gần 38% kết quả trên trang SERP của Google hiển thị hình ảnh và con số này có khả năng tăng lên. Điều này nghĩa là bạn cố gắng làm SEO tốt nhất nhưng vẫn có thể bỏ lỡ một nguồn lưu lượng truy cập không phải trả tiền khác là hình ảnh website của bạn. Vậy làm thế nào để bạn có được lượng truy cập này? Hãy sử dụng Alt text.
Vậy Alt text là gì? Alt text còn được gọi là alt tag và alt descriptions là bản sao bằng văn bản xuất hiện theo cho hình ảnh trên website nếu hình ảnh không tải được trên màn hình của người dùng. Văn bản này giúp công cụ tìm kiếm thu thập dữ liệu và xếp hạng website của bạn tốt hơn.
Dù bạn có thực hiện SEO cho doanh nghiệp hay không thì việc tối ưu Alt text cho hình ảnh là điều cần thiết. Việc này giúp bạn tạo trải nghiệm tốt hơn cho người dùng bất kể họ truy cập lần thứ bao nhiêu.
Ví dụ về Alt text
II. Tại sao alt text lại quan trọng trong SEO?
1. Khả năng tiếp cận
Hàng triệu người hiện nay bị khiếm thị và nhiều người sử dụng máy đọc màn hình để tìm hiểu các nội dung trực tuyến. Chúng hoạt động bằng cách chuyển nội dung trên màn hình bao gồm cả hình ảnh sang âm thanh.
Hình ảnh không có Alt text sẽ gây vấn đề cho máy đọc màn hình bởi không có cách nào truyền đạt được nội dung của hình ảnh cho người dùng. Thông thường, máy này bỏ qua những hình ảnh đó hoặc có thể đọc tên tệp hình ảnh dài mà không đem lại giá trị cho người dùng.
Google cũng đã nói về tầm quan trọng của Alt text đối với người dùng sử dụng máy đọc màn hình trong hướng dẫn làm SEO cho người mới bắt đầu.
2. Alt text giúp tạo chủ đề liên quan
Google sẽ nhìn vào nội dung trên website để hiểu trang có chủ đề là gì.
Ví dụ: Trang đề cập đến xe Audi, xe Toyota, xe Huyndai… thì Google sẽ biết đó là về các loại xe hơi.
Điều này liên quan gì đến các hình ảnh? Bởi vì Google không thể hiểu được thỉnh thoảng bối cảnh trong hình ảnh. Vậy nên chủ đề trang sẽ giúp Google hiểu được phần nào hình ảnh có trong bài viết nếu không có alt text.
3. Alt text có thể giúp bạn xếp hạng trong Google Images
Google Images là công cụ tìm kiếm lớn thứ hai thế giới và chịu trách nhiệm khoảng 20,45% tìm kiếm trực tuyến để đưa kết quả lên YouTube, Bing và các công cụ tìm kiếm khác. Điều này nghĩa là bạn có thể lấy lượng truy cập tự nhiên từ Google Images mà không cần tốn phí.
4. Alt text đóng vai trò là anchor text cho các liên kết hình ảnh
Anchor text đề cập đến các từ khi nhấp vào sẽ chuyển từ website này đến website khác hoặc từ bài viết này sang bài viết khác. Google sử dụng anchor text để tìm hiểu thêm về nội dung website chứa nó.
Tuy nhiên không phải tất cả các liên kết đều ở dạng văn bản, bạn có thể sử dụng hình ảnh để thay thế. Google cho rằng “Nếu bạn quyết định sử dụng hình ảnh như một liên kết thì bạn hãy điền alt text để giúp Google hiểu thêm về trang bạn liên kết đến.”
III. Cách thêm alt text vào hình ảnh
Bạn chỉ cần thêm thuộc tính alt vào thẻ <img> trong mã HTML.
Hình ảnh có thẻ alt sẽ hiển thị như sau: <img src=“pie.jpg” alt=“steak and ale pie”>
Nếu bạn đang sử dụng CMS phiên bản mới thì bạn có thể thêm alt text mà không phải truy cập vào mã HTML.
Ví dụ: Trong WordPress, có một trường cho alt text khi thêm hình ảnh vào một trang hoặc bài đăng:
Các CMS khác cũng thực hiện tương tự.
IV. Bạn có nên thêm alt text vào tất cả các hình ảnh?
Câu trả lời là không nha anh em. Quan điểm thêm alt text cho tất cả hình ảnh không thật sự đem lại hiệu quả cao. Nếu hình ảnh chèn vào bài chỉ để làm cho bài viết thêm sinh động và không mang thông tin quan trọng thì không cần phải thêm alt text. Điều này không chỉ phiền đến người dùng sử dụng máy đọc màn hình mà còn không đem lại bất kỳ “giá trị SEO” nào cho trang.
Nếu hình ảnh không yêu cầu alt text thì bạn nên thêm thuộc thuộc tính alt trống. Bởi vì máy đọc màn hình sẽ đọc các tên tệp trong trường hợp hình ảnh không có thuộc tính alt trong khi hầu hết người đọc đều bỏ qua những ô trống đó.
Bạn có thể tham khảo đoạn mã chứa thuộc tính alt trống:
<img src=”spacer.gif” alt=””>
V. Cách viết alt text tốt cho SEO
- Ngắn gọn: Alt text dài sẽ gây khó chịu cho người sử dụng máy đọc màn hình. Bạn nên sử dụng càng ít từ càng tốt khoảng dưới 125 ký tự. (Sử dụng longdesc attribute nếu cần sử dụng mô tả dài).
- Hãy chính xác: Tập trung vào việc mô tả hình ảnh, tránh lan man dài dòng.
- Tránh đề cập đó là hình ảnh: Bạn không nên viết mô tả bao gồm các từ như “Hình ảnh về… “ hay “Hình ảnh của…” bởi vì cả Google và máy đọc màn hình đều có thể tự hiểu được điều này.
- Tránh nhồi nhét từ khóa: Bạn không chèn quá nhiều từ khóa vào alt text bởi Google sẽ đánh giá bạn đang spam từ khóa.
- Tránh sự rườm rà: Bạn không nên lặp lại các thông tin đã có trong bối cảnh của hình ảnh vào alt text.
Bạn cũng nên thêm alt text cho các nút liên hệ. Nếu không, đầu đọc màn hình có thể lướt qua các nút này và người dùng sẽ không thể tương tác với website của bạn.
Ví dụ:
VI. Ví dụ alt text tốt và không tốt
Định dạng tốt nhất cho Alt text là mô tả đầy đủ cho hình ảnh nhưng không bị spam từ khóa. Nếu bạn nhắm mắt và ai đó đọc Alt text cho bạn mà bạn có thể tưởng tượng chính xác nội dung của hình ảnh thì bạn đang tối ưu alt text rất tốt.
Ví dụ về định dạng Alt text
- OK
- Tốt
- Không nên
VII. Alt text ảnh hưởng đến SEO như thế nào?
Theo Google, alt text được sử dụng cùng với các thuật toán và nội dung trang để thông báo cho công cụ tìm kiếm chủ đề của hình ảnh.
Do đó, alt text giúp Google hiểu rõ hơn không chỉ nội dung hình ảnh mà toàn bộ website. Điều này có thể giúp hình ảnh của bạn có nhiều cơ hội xuất hiện trong kết quả tìm kiếm ở mục hình ảnh hơn.
Khi tạo nội dung cho một chủ đề, bạn nên xem xét đối tượng của mình thích cách trả lời cho câu hỏi của họ như thế nào. Trong nhiều trường hợp, người dùng không muốn câu trả lời trong liên kết truyền thống, họ muốn tìm câu trả lời nhanh trong hình ảnh.
Ví dụ, một khách hàng truy cập tìm kiếm cách loại bỏ bản sao trong Excel sẽ thích xem kết quả hình ảnh hơn để họ có thể hoàn thành công việc trong nháy mắt.
Chèn ảnh ví dụ
VIII. Cách tìm và khắc phục sự cố với các thuộc tính Alt
Hiện nay rất nhiều công cụ có khả năng thu thập thông tin về website của bạn và tìm các thuộc tính alt bị thiếu, bao gồm Ahrefs’ Site Audit.
Tuy nhiên hình ảnh thiếu alt text không phải lúc nào cũng là vấn đề vì không phải tất cả hình ảnh đều cần có alt text. Một số hình ảnh chỉ dùng để tô điểm cho bài viết thêm sinh động hơn nên không cần phải thêm alt text.
Vì vậy, thay vì bạn crawl toàn bộ dữ liệu website và ám ảnh về việc thiếu thuộc tính alt thì bạn nên thực hiện audit và cải thiện alt tag cho các trang đã nhận được lượt truy cập.
Có 2 lý do cho điều này đó là:
- Bạn có những độc giả khiếm thị. Khoảng 1.2% công dân Việt Nam bị khiếm thị (theo nghiên cứu của Thư viện Quốc gia Việt Nam). Điều này nghĩa là nếu bạn nhận được 10.000 khách truy cập mỗi tháng thì khoảng 120 người không thể đọc trực tiếp nội dung bài viết của bạn.
- Bạn có thể có được lưu lượng truy cập nhiều hơn. Alt text có thể giúp hình ảnh xếp hạng tốt hơn trong mục hình ảnh của Google và điều đó dẫn đến việc nhiều người truy cập hơn. Thậm chí nếu bạn chỉ chỉ tăng 1% lượt truy cập cho một trang thì với 10.000 lượt truy cập hàng tháng bạn sẽ có thêm 100 khách truy cập.
Vậy quy trình thực hiện như thế nào? Quyết sẽ hướng dẫn chi tiết sau đây:
Bước 1: Tìm các trang được truy cập nhiều nhất của bạn từ tìm kiếm tự nhiên
Kiểm tra Google Analytics, Google Search Console, hoặc báo cáo “Top pages” trong Ahrefs’ Site Explorer.
Bước 2: Audit các thuộc tính alt của bạn
- Cài đặt tiện ích mở rộng Alt Text Tester Chrome miễn phí, tải lên trang với nhiều lưu lượng nhất, sau đó kích hoạt tiện ích mở rộng.
- Bạn sẽ thấy alt text được hiển thị bất cứ khi nào bạn cuộn qua một hình ảnh.
- Nếu thuộc tính alt bị thiếu, bạn sẽ thấy cảnh báo xuất hiện.
- Kiểm tra alt text cho một vài hình ảnh trên trang. Bạn sẽ sớm cảm nhận được liệu chúng có được tối ưu hóa tốt hay không. Ví dụ, chỉ mất vài giây để cuộn bài đăng này để thấy rằng tất cả các hình ảnh đều được tối ưu hóa tốt
Bước 3: Lặp lại cho các trang khác
Lặp lại quá trình này cho các trang được truy cập nhiều nhất trên website của bạn. Điều này sẽ cho bạn cảm giác về việc tối ưu hóa alt text đang hoạt động hiệu quả. Bởi vì hầu hết các trang web đều nhận được phần lớn lưu lượng truy cập của họ chỉ từ một số trang.
IX. Câu hỏi thường gặp về Alt Text
Dưới đây là một vài câu hỏi Quyết thường xuyên nhận được từ các anh em về alt text. Phần này sẽ giải đáp những thắc mắc này một cách chi tiết nhất.
1. Làm cách nào để tìm alt tag trên một trang?
Bạn nhấp chuột phải và chọn “Inspect” từ menu. Mã nguồn của trang sẽ xuất hiện bên phải màn hình. Bạn nhấp vào biểu tượng đầu tiên bên trái của bảng mã HTML sau đó tìm hình ảnh trên trang có thẻ alt bạn muốn xem và bấm chọn. Mã HTML cho phần tử đó sẽ được highlight cùng tất cả thuộc tính của hình ảnh.
2. Làm cách nào để đọc alt text trong mã HTML?
Khi bạn đã nhấp vào “Inspect”, bạn cần tìm thẻ HTML có liên quan trong bảng hiển thị mã nguồn của trang. Alt text hiện lên bởi thẻ có ghi “alt =” và nội dung tiếp theo là mô tả alt text.
3. Làm thế nào để tôi biết nếu một hình ảnh có alt text?
Khi kiểm tra hình ảnh trong mã nguồn của trang, nếu thẻ alt sau “alt =” chỉ hiển thị hai dấu ngoặc kép mà không có nội dung ở giữa thì thuộc tính alt trống và hình ảnh không có alt text.
4. Làm cách nào để thêm alt text vào tệp JPG?
Trong Microsoft Word, bạn có thể nhấp chuột phải vào hình ảnh và chọn “Edit alt text” từ menu. Điền vào mô tả của hình ảnh trong hộp đầu vào và nhấp vào “OK.” Hãy nhớ kiểm tra lại văn bản của bạn xem đúng chính tả và ngữ pháp chưa bởi vì các hộp đầu vào không được kiểm tra chính tả.
5. Bạn có thể sử dụng dấu phẩy và dấu chấm trong alt text không?
Câu trả lời là bạn nên sử dụng. Dấu chấm câu thích hợp trong alt text cho phép máy đọc màn hình mang lại trải nghiệm tốt hơn cho người dùng.
6. Alt tag nên dài bao nhiêu?
Độ dài alt text tối đa được đề xuất để phù hợp với hầu hết máy đọc màn hình là 125 ký tự.
Tối ưu hóa Alt text khá quan trọng nhưng nó không phải là tất cả của việc SEO hình ảnh. Bạn cũng nên tối ưu hóa tên tệp, thời gian tải ảnh, kích thước ảnh và nhiều công việc khác nữa. Bạn có thể liên hệ với Quyết hoặc truy cập vào website Seosona để tìm hiểu thêm về công việc này.
https://ahrefs.com/blog/alt-text/
https://moz.com/learn/seo/alt-text
Hotline: 028.8880.0899
Messenger
Chat Zalo
Báo Giá