Văn bản thay thế cho SEO: Cách tối ưu hóa hình ảnh của bạn

Văn bản thay thế (văn bản thay thế) mô tả một hình ảnh trên trang web. Nó sống trong HTML Mã và thường không hiển thị trên chính trang đó.

Nhưng điều gì là rất quan trọng về văn bản thay thế? Và làm thế nào bạn có thể sử dụng nó để cải thiện bản thân? SEO và trải nghiệm người dùng?

Trong hướng dẫn này, bạn sẽ học:

Tại sao văn bản thay thế lại quan trọng?

Văn bản thay thế quan trọng vì bốn lý do chính.

  1. Cải thiện khả năng tiếp cận
  2. Có thể cải thiện “mức độ liên quan của chủ đề”
  3. Có thể giúp bạn xếp hạng trong google hình ảnh
  4. Đóng vai trò là văn bản liên kết cho các liên kết hình ảnh

1. Văn bản thay thế cải thiện khả năng tiếp cận

Hàng triệu người khiếm thị và nhiều người sử dụng trình đọc màn hình để xem nội dung trực tuyến. Chúng hoạt động bằng cách chuyển đổi nội dung màn hình, bao gồm cả hình ảnh, thành âm thanh.

Hình ảnh không có văn bản thay thế gây ra vấn đề cho trình đọc màn hình vì không có cách nào để cho người dùng biết hình ảnh đó là gì. Thông thường họ bỏ qua những hình ảnh này hoặc đọc ra những tên tệp hình ảnh dài và không hữu ích.

Google nói về tầm quan trọng của văn bản thay thế đối với người dùng với trình đọc màn hình trong SEO Hướng dẫn bắt đầu.

2. Văn bản thay thế có thể cải thiện “mức độ liên quan của chủ đề”

Google xem xét các từ trên một trang để hiểu nội dung của nó.

Ví dụ: nếu trang đề cập đến chó xù, phòng thí nghiệm và chó tha mồi, thì Google sẽ biết họ đang nói về các giống chó.

Điều này có liên quan gì đến hình ảnh?

Bởi vì đôi khi ngữ cảnh bị “khóa” trong hình ảnh mà Google không thể đọc được.

Mặc dù Google gần như chắc chắn có thể nói rằng đây là những hình ảnh của những chú chó không có văn bản thay thế, nhưng giống chó cụ thể có thể ít rõ ràng hơn – và đây là lúc văn bản thay thế xuất hiện.

3. Văn bản thay thế có thể giúp bạn xếp hạng trong Google Hình ảnh

Google Hình ảnh là công cụ tìm kiếm lớn thứ hai trên thế giới. Nó chịu trách nhiệm cho 20,45% của tất cả các tìm kiếm trực tuyến, vượt qua cả YouTube, Bing và các công cụ tìm kiếm khác cộng lại.

Điều này có nghĩa là có cơ hội để tăng lưu lượng truy cập từ Google Hình ảnh.

Chỉ cần nhìn vào số lượng nhấp chuột chúng tôi đã có trên blog Ahrefs của Google Hình ảnh trong ba tháng qua:

6.400 nhấp chuột từ Google Hình ảnh trong 3 tháng qua

Ghi chú bên lề.

Đây chỉ là một tỷ lệ phần trăm nhỏ trong lưu lượng truy cập của chúng tôi bởi vì chúng tôi là một SEO blog. Mọi người thường không tìm kiếm thông tin chúng tôi đăng bằng tìm kiếm hình ảnh. Nó trông rất khác trong các ngách trực quan như thời trang hoặc thực phẩm, nơi mọi người thường tìm thấy nội dung bằng cách sử dụng tìm kiếm hình ảnh.

John Mueller của Google cho biết văn bản thay thế là một phần quan trọng của việc tối ưu hóa cho Google Hình ảnh:

4. Văn bản thay thế đóng vai trò là văn bản liên kết cho các liên kết hình ảnh

Anchor text đề cập đến các từ có thể nhấp được liên kết một trang web với một trang web khác. Google sử dụng nó để tìm hiểu thêm về trang web và nội dung của nó.

Nhưng không phải tất cả các liên kết đều là văn bản; một số là hình ảnh.

Google nói:

Nếu bạn quyết định sử dụng hình ảnh làm liên kết, hãy điền vào Văn bản thay thế giúp Google hiểu thêm về trang bạn đang liên kết đến. Hãy tưởng tượng bạn đang viết anchor text cho một liên kết văn bản.

Cách thêm văn bản thay thế vào hình ảnh

Chỉ cần thêm một thuộc tính alt vào. thêm <img> ngày trong HTML Mã.

Hình ảnh có thẻ thay thế:

<img src=“pie.jpg” alt=“steak and ale pie”>

Nếu bạn là một người hiện đại CMS, có thể thêm văn bản thay thế mà không cần đi vào HTML Mã.

Ví dụ: trong WordPress có một trường cho văn bản thay thế khi thêm hình ảnh vào trang hoặc bài đăng:

Nó cũng tương tự ở những người khác CMS‘.

Dưới đây là hướng dẫn cho một số phổ biến nhất:

Bạn có nên thêm văn bản thay thế vào tất cả các hình ảnh không?

Không, đây là một quan niệm sai lầm phổ biến.

Nếu hình ảnh được sử dụng để trang trí và không chứa bất kỳ thông tin quan trọng nào, thì không cần thêm văn bản thay thế.

Ví dụ: một số trang web có các biểu tượng để phân tách nội dung:

Chúng chỉ ở đó để trông đẹp mắt, vì vậy đừng thêm bất kỳ văn bản thay thế nào. Điều này chỉ làm phiền khách truy cập với trình đọc màn hình và không “SEO Giá trị ”trên trang.

Điều tương tự cũng xảy ra đối với các hình ảnh chung chung hoặc lưu trữ như sau:

Kho ảnh về bồn tắm và nến trên một trang web thợ sửa ống nước?

Một văn bản thay thế có nội dung “Bad und Kerze” không hữu ích cho người đọc khiếm thị, vì đó là thông tin mà họ không cần biết. Sẽ tốt hơn nếu trình đọc màn hình bỏ qua điều này hoàn toàn.

Nhưng đây là một điểm quan trọng …

Nếu hình ảnh không yêu cầu văn bản thay thế, bạn nên thêm thuộc tính alt trống. Điều này là do một số trình đọc màn hình đọc tên tệp mà không có thuộc tính Alt, trong khi hầu hết bỏ qua những tên có thuộc tính trống.

Đây là những gì nó trông giống như:

<img src="https://ahrefs.com/blog/alt-text/spacer.gif" alt="">

Tìm hiểu thêm trong hướng dẫn này từ WebAIM.

Làm cách nào để viết văn bản thay thế tốt?

Văn bản thay thế không phải là khoa học tên lửa.

Hãy làm theo năm phương pháp hay nhất này và bạn sẽ trở nên tốt.

  • Chính xác. Văn bản thay thế dài gây khó chịu cho người dùng trình đọc màn hình. Sử dụng càng ít từ càng tốt. (Sử dụng thuộc tính longdesc khi cần mô tả dài.)
  • Để được chính xác. Tập trung vào mô tả của bức tranh.
  • Tránh nhồi nhét từ khóa. Đây không phải là nơi cho các từ khóa đánh giày.
  • Tránh nói rằng đó là một hình ảnh. Không nhất thiết phải bao gồm “Hình ảnh của …” hoặc “Hình ảnh của …” trong mô tả. Cả Google và trình đọc màn hình đều có thể tự tìm hiểu.
  • Tránh dư thừa. Không lặp lại thông tin đã tồn tại trong ngữ cảnh của hình ảnh. Ví dụ: nếu bạn có ảnh của Steve Jobs và dòng chữ là “Steve Jobs” ngay bên dưới ảnh, bạn không cần thêm mô tả đó vào thẻ alt. Google nên hiểu rằng chú thích thực sự là văn bản thay thế.

Bạn cũng nên nhớ thêm văn bản thay thế vào các nút biểu mẫu. Nếu không, trình đọc màn hình có thể bỏ lỡ chúng và ngăn một số khách truy cập tương tác với trang web của bạn.

Ví dụ về văn bản thay thế tốt và xấu

Hãy sử dụng một vài ví dụ để đảm bảo rằng chúng ta hiểu điều gì hiệu quả và điều gì không.

Bánh phô mai dâu tây kem tươi

Xấu: <img src=“cheesecake.png” alt=“picture of cheesecake”>
đồng ý: <img src=“cheesecake.png” alt=“cheesecake”>
Tốt: <img src=“cheesecake.png” alt=“strawberry cheesecake”>
tốt: <img src=“cheesecake.png” alt=“strawberry cheesecake with cream”>

Người sáng lập Apple, Steve Jobs, nắm giữ iPhone 4

Xấu: <img src=“steve-jobs.png” alt=“steve jobs apple iphone ipad mac”>
đồng ý: <img src=“steve-jobs.png” alt=“steve jobs”>
Tốt: <img src=“steve-jobs.png” alt=“apple founder, steve jobs”>
tốt: <img src=“steve-jobs.png” alt=“apple founder, steve jobs, holding the iphone 4”>

AD30HTC màu cam - bộ khuếch đại 30 watt

Xấu: <img src=“amp.png” alt=“image4">
đồng ý: <img src=“amp.png” alt=“orange amplifier”>
Tốt: <img src=“amp.png” alt=“orange amplifier - 30 watts”>
tốt: <img src=“amp.png” alt=“orange AD30HTC - 30 watt amplifier”>

Lưu ý số mô hình được đưa ra trong ví dụ cuối cùng này. Đây là cách tốt nhất, đặc biệt là đối với hình ảnh trên các trang sản phẩm thương mại điện tử.

Cách tìm và khắc phục sự cố với thuộc tính Alt

Nhiều công cụ có khả năng thu thập dữ liệu trang web của bạn và tìm các thuộc tính alt bị thiếu, bao gồm Kiểm tra trang web của Ahrefs.

Nhưng việc thiếu văn bản thay thế không phải lúc nào cũng là một vấn đề, vì không phải tất cả các hình ảnh đều yêu cầu văn bản thay thế.

Ví dụ: hãy xem các thuộc tính alt bị thiếu này:

Thiếu văn bản thay thế cho các tệp có tên Biểu tượng 1 và Biểu tượng 2

Rõ ràng là từ các tên tệp rằng chúng không yêu cầu bất kỳ văn bản thay thế nào. Chúng mang tính trang trí, có nghĩa là chúng tôi muốn trình đọc màn hình bỏ qua chúng ngay lập tức.

Thay vì thu thập dữ liệu trang web của bạn và tìm kiếm mọi thuộc tính alt bị thiếu (hầu hết các trang web có khá nhiều thuộc tính bị thiếu), bạn nên kiểm tra và cải thiện thẻ alt cho các trang đang nhận được lưu lượng truy cập.

Có hai lý do:

  1. Bạn có độc giả khiếm thị. 2,4% trong tổng số CHÚNG TA Công dân bị khiếm thị. Đó là một trong khoảng 42 người, có nghĩa là 240 người trong số họ sẽ không thể tiêu thụ nội dung của bạn một cách hợp lý nếu trang web của bạn có 10.000 khách truy cập hàng tháng.
  2. Bạn có thể nhận được nhiều lưu lượng truy cập hơn. Văn bản thay thế có thể giúp hình ảnh xếp hạng tốt hơn trong Google Hình ảnh, dẫn đến nhiều lưu lượng truy cập hơn. Việc tăng 1% đối với một trang có 10.000 lượt truy cập hàng tháng có nghĩa là có thêm 100 khách truy cập.

Đây là quá trình:

Bước 1. Tìm các trang được truy cập nhiều nhất của bạn bằng cách sử dụng tìm kiếm không phải trả tiền

Kiểm tra Google Analytics, Google Search Console hoặc báo cáo Các trang hàng đầu trong Trình khám phá trang web của Ahrefs.

Các trang hàng đầu theo lưu lượng truy cập không phải trả tiền trong Trình khám phá trang web của Ahrefs

Bước 2. Kiểm tra các thuộc tính alt của bạn

Cài đặt tiện ích mở rộng Trình kiểm tra văn bản thay thế miễn phí của Chrome, tải trang có nhiều lưu lượng truy cập nhất và bật tiện ích này.

Văn bản thay thế sẽ xuất hiện khi bạn di chuột qua hình ảnh.

Nếu thuộc tính alt bị thiếu, một cảnh báo sẽ được hiển thị.

Kiểm tra văn bản thay thế cho một số hình ảnh trên trang. Bạn sẽ nhanh chóng cảm nhận được liệu chúng tốt, xấu hay không được tối ưu hóa chút nào.

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 …

Ví dụ về văn bản thay thế được tối ưu hóa tốt

… trong khi điều này không áp dụng cho trang này trên The Mirror:

Ví dụ về hình ảnh có văn bản thay thế được tối ưu hóa kém

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 trang web của bạn. Điều này sẽ cho bạn biết liệu tối ưu hóa văn bản thay thế của bạn có vững chắc hay cần làm việc.

Vì hầu hết các trang web hướng phần lớn lưu lượng truy cập của họ đến chỉ một số trang, điều này sẽ không mất quá nhiều thời gian.

Ví dụ: chỉ 10 bài đăng trên blog Ahrefs đã chiếm 51% lưu lượng truy cập không phải trả tiền hàng tháng …

10 trang hàng đầu theo lưu lượng truy cập không phải trả tiền trong Trình khám phá trang web của Ahrefs

… để chúng tôi có thể kiểm tra và tối ưu hóa văn bản thay thế cho hầu hết các trang có lưu lượng truy cập cao trong vài phút.

Suy nghĩ cuối cùng

Tối ưu hóa văn bản thay thế là quan trọng, nhưng nó không phải là tất cả và cuối cùng của bức tranh SEO. Bạn cũng nên chỉnh sửa tên tệp, cung cấp hình ảnh đáp ứng, cân nhắc tải chậm và hơn thế nữa.

Tìm hiểu thêm trong danh sách 12 hình ảnh có thể hành động của chúng tôi SEO Lời khuyên.


Nguồn: Ahrefs

Trả lời

Chat Zalo