Image Alt Text – Văn bản thay thế hình ảnh là gì? Có vai trò gì trong SEO Onpage?

Công cụ tìm kiếm và rô bốt không thể mô tả hình ảnh, nhưng hình ảnh đóng một phần thiết yếu trong việc mô tả một trang web hoặc bài báo cụ thể. Đó là lý do tại sao thẻ văn bản alt-alt giải quyết vấn đề này bằng cách cung cấp văn bản mà công cụ tìm kiếm có thể đọc.

Vậy chính xác thì văn bản thay thế là gì? Làm thế nào để hiểu và làm thế nào để sử dụng tốt văn bản alt trong bài học? timhieumarketing.com sẽ giải đáp thắc mắc của bạn ngay trong bài viết này!

1. Văn bản thay thế là gì?

Văn bản thay thế tốt đẹp văn bản thay thế là một mô tả hình ảnh trong mã HTML của một trang web cung cấp thông tin về hình thức và chức năng của hình ảnh. Văn bản thay thế còn được gọi là “thuộc tính alt” hoặc “thẻ thay thế”.

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

Mô tả văn bản thay thế của hình ảnh

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

Văn bản thay thế có hai mục đích chính:

• Để cải thiện trải nghiệm người dùng (CX) và khả năng truy cập của trang web
• Để cải thiện thứ hạng và SEO hình ảnh của trang web

2.1 – CX và khả năng tiếp cận

Mục đích ban đầu của văn bản thay thế là để mô tả một hình ảnh cho những người khiếm thị không thể nhìn thấy những gì trên hình ảnh và do đó giúp họ dễ tiếp cận hơn.

Những khách truy cập này sử dụng trình đọc màn hình hoặc trình duyệt khác nhau để giúp họ hiểu rõ hơn về nội dung trên trang web, bao gồm cả hình ảnh.

Thay vì hiển thị hình ảnh cho người dùng, trình đọc màn hình nhìn vào văn bản thay thế của hình ảnh và đọc nội dung của nó. Nhờ đó, người dùng có thể hiểu những gì trên hình ảnh và có được trải nghiệm tổng thể tốt hơn.

2.2 – SEO hình ảnh

Văn bản thay thế không chỉ quan trọng từ góc độ UX; nó cũng có thể cải thiện tối ưu hóa trên trang và mức độ liên quan của chủ đề.

Các công cụ tìm kiếm như Google không thể thực sự “nhìn thấy” hình ảnh nên chúng có thể hiểu sai mục đích hoặc ngữ cảnh của nó trong trang web.

Do đó, họ sử dụng văn bản thay thế như một cách để hiểu rõ hơn về hình ảnh và cách nó liên quan đến nội dung xung quanh.

Như đã nêu trong Các phương pháp hay nhất về hình ảnh bởi Google :

“Google sử dụng văn bản thay thế cùng với các thuật toán thị giác máy tính và nội dung của trang để hiểu chủ đề của hình ảnh.”

Lý do quan trọng nhất để sử dụng thuộc tính alt là văn bản thay thế có thể giúp hình ảnh xuất hiện và xếp hạng trong Google Hình ảnh.

Với mô tả văn bản thay thế tốt và cách sử dụng từ khóa chính xác, hình ảnh có thể:

• Cải thiện mức độ liên quan theo chủ đề của trang
• Đóng vai trò là một tín hiệu xếp hạng tiềm năng cho Google

Lưu ý: Văn bản thay thế không cần thiết chỉ được sử dụng cho hình ảnh trên các trang web.

Bạn cũng có thể thêm văn bản thay thế vào hình ảnh trên mạng xã hội (Facebook, Twitter, hoặc thậm chí hình ảnh trong các mẫu email) và cải thiện khả năng truy cập.

Mô hình cụm từ khóa chủ đề cho trang web

3. Các phương pháp hay nhất về văn bản thay thế

Khi viết một văn bản thay thế tốt, cần phải tính đến một số yếu tố.

Nhớ lại: Mục đích của thuộc tính alt là giúp người khiếm thị hiểu được nội dung của hình ảnh cũng như giúp các công cụ tìm kiếm như Google thu thập dữ liệu và lập chỉ mục hình ảnh của bạn một cách chính xác.

Dưới đây là những thông lệ và quy tắc phổ biến sẽ giúp bạn đạt được hai mục tiêu này.

3.1 – Hãy mô tả

Văn bản thay thế phải luôn cụ thể và chính xác nhất có thể.

Bạn nên viết một mô tả rõ ràng và khách quan về hình ảnh để bất kỳ người nào (hoặc công cụ tìm kiếm) không thể nhìn thấy hình ảnh có thể có ý tưởng rõ ràng về những gì trong hình ảnh.

Nếu thấy hợp lý, hãy cố gắng thêm một cụm từ khóa thích hợp vào văn bản thay thế – nó sẽ báo hiệu cho các công cụ tìm kiếm rằng hình ảnh (hoặc trang web tổng thể) có thể đủ điều kiện cho các truy vấn. tìm kiếm nhất định.

Nếu bản thân hình ảnh có chứa văn bản quan trọng, thì nó cũng phải được phiên âm dưới dạng thuộc tính alt – trừ khi nó nằm trong văn bản xung quanh hình ảnh.

Làm SEO cho văn bản thay thế hình ảnh

3.2 – Hãy ngắn gọn

Văn bản thay thế phải ngắn gọn và súc tích – tối đa là một vài từ. Mặc dù văn bản phải càng cụ thể và mang tính mô tả càng tốt, nhưng không nên viết thành những câu dài dòng. Người dùng có thể thấy các văn bản thay thế dài gây phiền nhiễu và mệt mỏi.

Bên cạnh đó, hầu hết trình đọc màn hình hoặc trình duyệt không đọc văn bản thay thế dài hơn 125 ký tự.

Lưu ý: Nếu bạn cần sử dụng mô tả dài hơn nhiều để mô tả đầy đủ và chính xác hình ảnh (ví dụ: biểu đồ, biểu đồ hoặc hình ảnh bản đồ), bạn có thể sử dụng thuộc tính “longdesc” như một tham chiếu đến trang mô tả dài hơn.

3.3 – Tránh nhồi nhét từ khóa

Đừng nhồi nhét từ khóa vào văn bản thay thế chỉ vì lợi ích của nó. Việc điền vào văn bản thay thế với nhiều từ khóa không liên quan có thể làm giảm trải nghiệm người dùng.

Hơn nữa, việc nhồi nhét từ khóa có thể là một tín hiệu cho các công cụ tìm kiếm rằng trang web của bạn là spam và không hữu ích lắm đối với khách truy cập.

Luôn tập trung vào mô tả trung thực của hình ảnh trước và sau đó (nếu có thể) thêm một từ khóa có liên quan vào hình ảnh đó.

3.4 – Không sử dụng “hình ảnh của…”

Trình đọc màn hình và công cụ tìm kiếm giả định rằng mô tả thuộc về hình ảnh. Vì vậy, không cần thiết phải sử dụng cụm từ “hình ảnh của …” – chỉ cần bắt đầu viết mô tả thực tế của hình ảnh.

Mặt khác, bạn có thể mô tả loại hình ảnh nếu nó cần thiết (ví dụ: minh họa về…, tranh vẽ…, biểu đồ, v.v.).

4. Ví dụ về một văn bản thay thế tốt

Viết một văn bản thay thế tốt không cần phải phức tạp. Dưới đây là ba ví dụ sẽ chứng minh các loại văn bản thay thế khác nhau cho hình ảnh.

ví dụ 1

• Văn bản thay thế không hợp lệ: alt = “La Fiesta nhà hàng Mexico các bữa ăn hàng đầu Nhà hàng phục vụ bữa tối kiểu Mexico”

Ví dụ đầu tiên là một thực tế phổ biến để viết văn bản thay thế vì nó chỉ chứa đầy từ khóa mà không có bất kỳ mô tả thích hợp nào.

Luôn tránh nhồi nhét từ khóa vì nó không mang lại bất kỳ giá trị nào cho người dùng khiếm thị và chỉ làm tổn hại đến trang web của bạn từ góc độ SEO.

• Văn bản thay thế là: alt = “Nhà hàng La Fiesta”

Ví dụ này tốt hơn một chút vì nó cung cấp mô tả chung về bức tranh và không chứa các từ khóa spam.

Mặt khác, nó không phải là văn bản thay thế tốt nhất vì nó không quá cụ thể và không cung cấp mô tả chi tiết về hình ảnh.

• Văn bản thay thế tốt nhất: alt = “Dấu hiệu nhà hàng Mexico đích thực của La Fiesta”

Đây có lẽ là văn bản thay thế tốt nhất mà bạn có thể viết – nó rất mô tả, văn bản từ hình ảnh được phiên âm và nó cũng cho người dùng biết rằng đó là “dấu hiệu” của nhà hàng, không phải bản thân nhà hàng. nhà hàng.

Ví dụ số 2

• Văn bản thay thế không hợp lệ: alt = “guitar”

Mặc dù ví dụ này không nhất thiết là văn bản thay thế tồi tệ nhất mà bạn có thể viết, nhưng nó cũng không phải là một văn bản tốt.

Văn bản thay thế ngắn và cho khách truy cập biết những gì trên hình ảnh, nhưng nó không mang tính mô tả và khá mơ hồ (chúng tôi thậm chí còn không biết đó là loại guitar gì).

• Văn bản thay thế là: alt = “Cây đàn ghita Les Paul”

Ví dụ này tốt hơn một chút vì nó thông báo cho chúng ta về thương hiệu.

Mặt khác, nó vẫn chưa thật cụ thể và mang tính mô tả, đặc biệt là khi nói đến các sản phẩm như guitar.

• Văn bản thay thế hay nhất: alt = “Trà đá tiêu chuẩn Epiphone Les Paul thập niên 60”

Đây là văn bản thay thế mang tính mô tả và chính xác nhất mà bạn có thể sử dụng cho hình ảnh. Nó cho người dùng biết đó là loại đàn nào, kiểu dáng của nó, thậm chí cả màu sắc của nó.

Thông lệ tốt là bạn nên tìm hiểu thật cụ thể về hình ảnh sản phẩm, đặc biệt là đối với các trang thương mại điện tử có nhiều trang sản phẩm khác nhau.

Ví dụ: 3

• Văn bản thay thế không hợp lệ: alt = “”

Vì ví dụ này không chứa bất kỳ văn bản nào, nên khách khiếm thị hoặc công cụ tìm kiếm không thể biết hình ảnh nói về điều gì.

Với một vài trường hợp ngoại lệ (xem bên dưới), bạn phải luôn điền vào thuộc tính alt cùng với một số văn bản mô tả.

• Văn bản thay thế là: alt = “Lặn với ống thở trên biển”

Mô tả trong ví dụ này có thể được coi là tốt và tương đối chính xác. Nhưng nó vẫn còn một chút trừu tượng và mơ hồ. Bối cảnh của hình ảnh bị thiếu và khách khiếm thị có thể hình dung ra một thứ hoàn toàn khác.

• Văn bản thay thế hay nhất: alt = “Thợ lặn phát hiện ra mảnh vỡ của một chiếc máy bay”

Đây là một ví dụ văn bản thay thế tốt hơn nhiều khi so sánh với ví dụ trước. Nó cung cấp mô tả chính xác với ngữ cảnh trong tâm trí và do đó rõ ràng ngay lập tức những gì có trong hình ảnh.

5. Cách thêm văn bản thay thế trong WordPress

Thêm văn bản thay thế vào hình ảnh trong WordPress là một quá trình khá dễ dàng và đơn giản:

1. Mở một bài đăng / trang mới hoặc hiện có trong trình chỉnh sửa WordPress của bạn
2. Tải lên hình ảnh hoặc nhấp vào hình ảnh hiện có – nó sẽ mở cài đặt hình ảnh trong thanh bên
3. Nhấp vào hộp văn bản thay thế trống và thêm văn bản thay thế
4. Nhấp vào nút “Cập nhật”

Một cách khác để thêm văn bản thay thế trong WordPress là thông qua Thư viện »Phương tiện

Chỉ cần tải lên một hình ảnh mới và nhấp vào nút “Chỉnh sửa” – bạn sẽ truy cập cài đặt hình ảnh nơi bạn có thể thêm văn bản thay thế.

6. Có phải lúc nào cũng cần sử dụng văn bản thay thế không?

Thêm văn bản thay thế vào hình ảnh của bạn là một phương pháp hay trong hầu hết các trường hợp. Nhưng có một số trường hợp ngoại lệ khi nó không cần thiết hoặc thậm chí được khuyến nghị.

Hãy xem xét một vài tình huống khi bạn nên để trống thẻ alt.

6.1 – Hình minh họa không có nội dung hữu ích

Nhiều trang web sử dụng hình ảnh minh họa hoặc hình ảnh lưu trữ cho mục đích thẩm mỹ hoặc chỉ như một yếu tố hình ảnh quen thuộc với người truy cập.

Mặc dù những loại hình ảnh này có thể trông đẹp mắt và được dùng như những bức tranh trang trí truyền tải một số cảm xúc hoặc cảm giác, nhưng chúng không cung cấp bất kỳ nội dung hữu ích nào cho người truy cập.

6.2 – Hình ảnh được bao quanh bởi văn bản mô tả

Nếu phần diễn giải và mô tả chính xác về hình ảnh được trình bày trong văn bản xung quanh, thì thuộc tính alt trống (alt = “”) có lẽ là phương pháp hay nhất vì việc viết cùng một thông tin trong văn bản alt là không cần thiết.

Hãy xem ví dụ này từ hướng dẫn cho công cụ SERPWatcher của chúng tôi:

Mô tả của hình ảnh đã được cung cấp trong văn bản ngay trên hình ảnh.

Mặc dù chúng tôi có thể viết một văn bản thay thế mô tả ngắn (ví dụ: “Công cụ chuyển mạch trên máy tính để bàn / thiết bị di động trong SERPWatcher”). Nó sẽ khá vô ích đối với người dùng – thông tin từ hình ảnh sẽ được lặp lại hai lần.

6.3 – Hình ảnh trang trí

Hình ảnh trang trí, biểu tượng, không gian trực quan, v.v. phải luôn có văn bản thay thế trống (alt = “”).

Những loại hình ảnh này không mang bất kỳ thông tin quan trọng nào – mục đích duy nhất của chúng là cải thiện hình thức trực quan của trang web.

Đây là một ví dụ đơn giản về các yếu tố trang trí:

Liên kết nội bộ trong menu chính của trang web

Các biểu tượng nhỏ chỉ hoạt động như các yếu tố trực quan trong menu trên cùng.

Dưới dạng hình ảnh, chúng không truyền tải bất kỳ nội dung nào hoặc cung cấp bất kỳ thông tin nào cần được đọc cho khách truy cập thông qua văn bản thay thế.

Do đó, thuộc tính alt null (alt = “”) là phù hợp – bất kỳ mô tả nào khác sẽ khá khó hiểu, không cần thiết hoặc gây khó chịu cho người dùng.

Lưu ý: Mặc dù bạn nên để trống văn bản thay thế cho hình ảnh trang trí, nhưng tốt nhất bạn nên xóa chúng khỏi HTML của trang web hoàn toàn và sử dụng chúng làm nền thông qua CSS.

Loạt bài quan trọng:

:

Xem thêm nhiều bài viết về : Marketing Online

from timhieumarketing.com https://ift.tt/3DI2lGD
via Timhieumarketing.com