Alt Text là gì?
Alt text, hay văn bản thay thế, là văn bản mô tả một hình ảnh và xuất hiện thay thế cho hình ảnh nếu hình ảnh không thể tải.
Nó cũng phục vụ như một mô tả cho các phần mềm đọc màn hình.
Lấy ví dụ từ bài viết blog này:
Và bài đăng trên mạng xã hội này của Matt Ramsey Tại sao Alt Text lại quan trọng:
Alt text quan trọng vì nó:
Giúp hình ảnh của bạn dễ tiếp cận hơn
- : Nó giúp người dùng không thể nhìn thấy hình ảnh hiểu nội dung của chúng, bằng cách đọc văn bản hoặc nghe qua phần mềm đọc màn hìnhGiúp hình ảnh của bạn xuất hiện trong các kết quả tìm kiếm liên quan
- : Các công cụ tìm kiếm sử dụng alt text một phần để hiểu hình ảnh và xếp hạng chúng trong các truy vấn tìm kiếm liên quan, điều này là mục tiêu củaSEO hình ảnh Cách thêm Alt Text
Dưới đây là cách thêm alt text vào một hình ảnh được tải lên hệ thống quản lý nội dung (CMS) của trang web hoặc nền tảng mạng xã hội.
Trong CMS của bạn, mở trang có hình ảnh trong trình chỉnh sửa trang. Chuyển sang trình chỉnh sửa mã, sau đó thêm thuộc tính alt vào thẻ HTML của hình ảnh.
Như thế này:
<img src=“image.jpg”
alt=“Văn bản thay thế ở đây” Hoặc, nhấp vào hình ảnh để mở cài đặt của nó. Thêm văn bản thay thế của bạn vào cài đặt văn bản thay thế.>
Trong WordPress, cài đặt văn bản thay thế trông như thế này:
Khi đăng một hình ảnh trên nền tảng mạng xã hội, hãy tìm cài đặt văn bản thay thế của nền tảng đó. Chọn nó, nhập văn bản thay thế của bạn và tiếp tục quá trình tải hình ảnh lên.
Đây là cách cài đặt văn bản thay thế trông như thế nào cho một bài đăng trên LinkedIn:
6 Thực hành tốt nhất cho Alt Text
Hãy làm theo sáu thực hành tốt nhất này để cải thiện hiệu quả của văn bản thay thế của bạn:
1. Mô tả rõ ràng
Alt text nên mô tả rõ ràng hình ảnh, cung cấp đủ chi tiết để người dùng hiểu nội dung của nó.
Ví dụ, trang sản phẩm của Lush về bom tắm sử dụng tên sản phẩm làm văn bản thay thế cho hình ảnh:
Văn bản thay thế không mô tả chi tiết về các bom tắm vì người dùng đang duyệt tất cả các bom tắm có sẵn ở giai đoạn này.
Nhưng nếu người dùng bày tỏ sự quan tâm đến một bom tắm cụ thể bằng cách truy cập trang sản phẩm của nó thì sao?
Trong trường hợp này, trang sản phẩm sử dụng văn bản thay thế dài hơn để chia sẻ thông tin chi tiết về hình dáng của bom tắm:
Do đó, giúp khách hàng tiềm năng có cái nhìn đầy đủ hơn về sản phẩm. Và giúp họ đưa ra quyết định mua hàng thông minh hơn.
Tránh bao gồm những điều sau trong văn bản thay thế:
Các cụm từ như “Hình ảnh của” hoặc “ảnh của,”
- thường là thừa thãi. Một ngoại lệ là nếu hình ảnh mô tả một bức ảnh vật lý (ví dụ: “Cô gái trẻ cầm một bức ảnh của một bông hoa”). Thông tin bản quyền hình ảnh
- , vì chúng nên xuất hiện trong chú thích hình ảnh hoặc văn bản chínhThông tin đã có trong chú thích hình ảnh hoặc văn bản chính
- , để tránh cung cấp thông tin trùng lặpThông tin mà tất cả người dùng cần biết
- , như hướng dẫn công thức đi kèm với hình ảnh của món ăn đã hoàn thành2. Giữ cho ngắn gọn
Văn bản thay thế nên ngắn gọn—tốt nhất là dưới 125 ký tự—để người dùng và phần mềm đọc màn hình có thể nhanh chóng đọc nó. Điều này đặc biệt đúng vì người dùng phần mềm đọc màn hình không thể tạm dừng văn bản thay thế để chuyển sang nội dung khác.
Ví dụ, văn bản thay thế của BBC Good Food cho hình ảnh khoai tây chiên asparagus với baconnaise dài 47 ký tự.
3. Bao gồm từ khóa liên quan
Bao gồm từ khóa liên quan trong văn bản thay thế của bạn để giúp các công cụ tìm kiếm xếp hạng hình ảnh của bạn.
Ví dụ, văn bản thay thế cho sơ đồ thanh quản của Cleveland Clinic bao gồm các từ khóa “thanh quản” và thuật ngữ không chính thức của nó, “hộp thoại”:
Do đó giúp sơ đồ xếp hạng trong các tìm kiếm hình ảnh chứa bất kỳ từ khóa nào.
Nhưng tránh nhồi nhét từ khóa, có nghĩa là ép các từ khóa vào văn bản thay thế cho đến khi nó trở nên không tự nhiên và khó đọc.
Một văn bản thay thế nhồi nhét từ khóa có thể trông như thế này:
“Cấu trúc của
thanh quản bao gồm epiglottis trongthanh quản của bạn và dây thanh âm bên trong thanh quản , vàthanh quản của bạn được chia thành ba phần.” 4. Không sử dụng văn bản thay thế cho hình ảnh trang trí
Không sử dụng văn bản thay thế cho hình ảnh trang trí, chỉ thêm sự thú vị về mặt hình ảnh và cung cấp ít thông tin hoặc chức năng—nó gây nhầm lẫn cho người dùng.
Dưới đây là ví dụ về hình ảnh trang trí:
Những hình ảnh giống như bánh răng này thêm sự thú vị cho trang nhưng không phục vụ mục đích nào khác.
Sử dụng thuộc tính alt null để cho phần mềm đọc màn hình biết bỏ qua hình ảnh trang trí. Như thế này:
<img alt="" src="decorative-image.jpg">
Việc không bao gồm thuộc tính alt có thể khiến phần mềm đọc màn hình đọc tên tệp hình ảnh thay vì. Điều này không lý tưởng.
5. Địa phương hóa văn bản thay thế
Địa phương hóa văn bản thay thế của bạn để phù hợp với bối cảnh văn hóa và ngôn ngữ
của khán giả của bạn . Điều này đặc biệt quan trọng đối với các trang web phục vụ nhiều khán giả địa lý khác nhau.Ví dụ, British Airways sử dụng văn bản thay thế hình ảnh bằng tiếng Anh cho trang web tiếng Anh của mình:
Và sử dụng văn bản thay thế hình ảnh bằng tiếng Pháp trên trang web tiếng Pháp của mình cho người dùng từ Pháp.
Ngoài ra, hãy tính đến sự khác biệt về thuật ngữ trong cùng một ngôn ngữ khi địa phương hóa văn bản thay thế.
Ví dụ, môn thể thao mà hai đội 11 người đá một quả bóng trắng và đen vào lưới để ghi bàn được gọi là “soccer” trong tiếng Anh Mỹ. Và “football” trong tiếng Anh Anh.
Để phục vụ cả hai thị trường, Nike đã sử dụng các thuật ngữ phù hợp trong văn bản thay thế cho áo đấu sân nhà Brazil 2024:
6. Thường xuyên kiểm tra văn bản thay thế
6. Thường xuyên kiểm tra Alt Text
Thường xuyên kiểm tra văn bản thay thế (alt text) của bạn để xác định và hành động theo các cơ hội cải thiện, và cuối cùng giúp hình ảnh của bạn xếp hạng tốt hơn trong kết quả tìm kiếm.
Để xem lại văn bản thay thế của bạn, hãy vào thư viện phương tiện của CMS để xem tất cả hình ảnh bạn đã tải lên trang web của mình.
Nhấp vào một hình ảnh để xem và chỉnh sửa văn bản thay thế của nó.
Dưới đây là cách điều này hiển thị trong WordPress, chẳng hạn:
Lặp lại quy trình này cho tất cả hình ảnh.
Sử dụng AI để Tăng Tốc Quá Trình Tạo Văn Bản Thay Thế
AI có thể tăng tốc đáng kể quá trình tạo văn bản thay thế, đặc biệt khi bạn cần viết văn bản thay thế cho nhiều hình ảnh.
Dưới đây là cách viết văn bản thay thế bằng AI:
Tải hình ảnh của bạn lên một công cụ viết AI như ChatGPT hoặc Claude. Tiếp theo, hướng dẫn công cụ đề xuất nhiều tùy chọn văn bản thay thế mô tả chính xác hình ảnh và chứa các từ khóa mục tiêu của bạn, đồng thời giữ trong giới hạn ký tự mà bạn mong muốn.
Như câu lệnh này:
“Viết nhiều tùy chọn văn bản thay thế cho hình ảnh này. Văn bản thay thế nên mô tả các yếu tố chính của hình ảnh, khoảng 125 ký tự, và bao gồm các từ khóa này trong văn bản thay thế: [chèn từ khóa ở đây].”
Xem xét các tùy chọn văn bản thay thế được công cụ đề xuất về độ chính xác, tính liên quan và độ dài. Sau đó, chọn tùy chọn yêu thích của bạn để tinh chỉnh và sử dụng.
Dưới đây là kết quả của tôi khi tôi yêu cầu ChatGPT viết văn bản thay thế cho một hình ảnh của cầu vồng đôi trong một cánh đồng:
- “Một cầu vồng đôi rực rỡ vắt ngang bầu trời xanh có mây trên một cánh đồng xanh tươi, với cỏ dại ở phía trước.”
- “Cầu vồng đôi trải dài trên bầu trời trên một cánh đồng rộng lớn, đầy nắng với cây trồng xanh và cỏ cao dưới bầu trời có mây một phần.”
- “Một cầu vồng đôi sáng rực kéo dài trên một cánh đồng xanh rộng lớn, với những đám mây lưa thưa và ánh sáng mặt trời nhẹ nhàng xuyên qua.”
- “Cầu vồng đôi hình thành trên một cánh đồng xanh ngập nắng, được bao quanh bởi cỏ dại và cây cối dưới một bầu trời có mây đầy kịch tính.”
- “Cánh đồng xanh ngập ánh sáng mặt trời với một cầu vồng đôi vắt ngang bầu trời có mây một phần sau một cơn mưa.”
Tôi thích tùy chọn thứ hai nhất vì tính khách quan và không có ngôn ngữ kịch tính. Nhưng tôi nghĩ rằng việc mô tả cánh đồng là rộng lớn và đầy nắng là không cần thiết. Và việc mô tả cây trồng là xanh là thừa.
Vì vậy, tôi đã chỉnh sửa văn bản thay thế thành:
“Cầu vồng đôi trải dài trên bầu trời trên một cánh đồng cây trồng và cỏ cao dưới một bầu trời có mây một phần.”
Kiểm Tra Trang Web Của Bạn Để Tìm Văn Bản Thay Thế Thiếu Và Các Vấn Đề SEO Khác
Sử dụng Công cụ Kiểm Tra SEO miễn phí để phát hiện văn bản thay thế thiếu trên trang chủ của bạn.
Để có cái nhìn sâu hơn trên toàn bộ trang web của bạn, hãy sử dụng Semrush Site Audit để quét tất cả các trang của bạn cùng một lúc.
Thiết lập trang web của bạn như một dự án trong công cụ, cấu hình kiểm tra, và sau đó chạy nó. Khi việc kiểm tra hoàn tất, hãy nhấp vào tab “Vấn đề” .
Nhập “thuộc tính alt” vào thanh tìm kiếm để lọc cho cảnh báo “# hình ảnh không có thuộc tính alt” .
Nếu bạn không thấy cảnh báo, hình ảnh của bạn đã có văn bản thay thế.
Nếu cảnh báo có mặt, hãy nhấp vào liên kết “# hình ảnh” để xem danh sách các hình ảnh không có văn bản thay thế. Và các trang mà chúng đang ở trên đó.
Chuyển sang CMS của bạn và thêm văn bản thay thế cho các hình ảnh không trang trí.
Ngoài việc phát hiện văn bản thay thế thiếu, Site Audit cũng kiểm tra hơn 140 vấn đề SEO khác. Thiết lập nó để tự động kiểm tra trang web của bạn theo tần suất bạn mong muốn và gửi email cho bạn những phát hiện của nó. Để bạn có thể theo dõi sức khỏe kỹ thuật của trang web.
Hãy thử Site Audit miễn phí trong bảy ngày.
Đưa góc nhìn thành kế hoạch.
Chia sẻ website và mục tiêu để LionTech tư vấn giải pháp phù hợp.
Đăng ký tư vấn ↗