Alt Text la gi

Alt Text là gì? Tầm quan trọng và cách viết Alt Text hiệu quả

Mục lục

Alt Text là gì? Cách viết Alt Text khi SEO hình ảnh như thế nào là hiệu quả? Là câu hỏi chung của nhiều bạn mới trong ngành SEO. Bởi khi hình ảnh của bạn trực quan, hấp dẫn sẽ nâng cao chất lượng bài viết cũng như đỡ gây nhàm chán cho người đọc. Ngoài ra hình ảnh còn là yếu tố quan trọng để giúp đưa website của mình lên top tìm kiếm của Google, việc đưa hình ảnh lên thôi là vẫn chưa đủ mà bạn cần phải biết cách mô tả hình ảnh của mình trong HTML.

Vì vậy, bài viết dưới đây EnMedia sẽ giải đáp cho các bạn về Alt Text là gì? có tầm quan trọng như thế nào? Cách viết Alt Text khi SEO hiệu quả? Và chi tiết các thông tin quan trọng khác liên quan đến Alt Text, cùng theo dõi nhé!

Alt Text là gì?

Alt Text (văn bản thay thế), được hiển thị khi hình ảnh không không thể hiển thị tại website. Alt Text cũng là một phần của HTML, tuy nhiên nó chỉ mô tả nội dung của hình ảnh có trong Alt chứ không phải toàn bộ các thuộc tính trên thẻ Alt.

Alt Text la gi
Alt Text được gọi là văn bản thay thế.

Thẻ Alt là gì?

Thẻ Alt hay còn được gọi là “mô tả Alt” hoặc “thuộc tính Alt” và là thuộc tính HTML dùng để mô tả ngắn gọn nội dung hình ảnh trên thẻ hình ảnh. Với thẻ Alt sẽ giúp cho Google hiểu hơn vấn đề hình ảnh này đang đề cập, từ đó sẽ trả lại kết quả cho người dùng một cách chính xác.

Alt Text là gì
Thẻ Alt được gọi là “mô tả Alt” hoặc “thuộc tính Alt”.

Ngoài ra, còn có một số trường hợp hình ảnh không thể hiển thị được, thì người dùng vẫn có thể hiểu được nội dung hình ảnh được mô tả qua Alt Text được gắn bên trong thẻ Alt. Với thẻ Alt sẽ có cấu trúc chung đó là: <img src=”url”= text’>

SERP Analysis là gì? Hướng dẫn các bước phân tích SERP hiệu quả nhất 2022, chi tiết https://enmedia.vn/serp-analysis/

Tầm quan trọng của Alt text

Về khả năng tiếp cận

Thuộc tính Alt chính là một nguyên lý khi thiết kế website để người dùng có thể dễ dàng tiếp cận. Alt text có mục đích đầu tiên là mô tả cho người dùng truy cập khi không thể nhìn thấy hình ảnh, sẽ bao gồm trình đọc văn bản và các trình duyệt ngăn chặn hình ảnh và ứng dụng cho người dùng bị khiếm thị hay không thể nhận dạng trực quan về hình ảnh.

Việc tạo ra Alt cho hình ảnh sẽ đảm bảo toàn bộ người dùng kể cả khả năng thị giác, đều có thể hình dung được rõ ràng về hình ảnh bạn đang sử dụng, nên nó được đánh giá cao về nội dung trên website của bạn.

Về vấn đề SEO

Việc sử dụng Alt Text trên hình ảnh không những giúp cho trải nghiệm của người dùng được tốt hơn mà còn có thể giúp cho bạn nhận được lợi ích từ SEO một cách rõ ràng và tiềm ẩn.

Alt Text la gi
Alt Text giúp SEO một cách rõ ràng.

Với việc đặt tên tiêu đề của hình ảnh và tập tin cùng với mục tiêu tối ưu hóa từ khóa một cách tốt nhất, gồm cả Alt text còn giúp cho việc SEO Image tốt hơn.

Tạo Google công nghệ nhận diện hình ảnh đã được cải tiến lên nhiều, tuy nhiên các trình thu thập thông tin tìm kiếm vẫn không thể hình dung đúng hình ảnh tại một website như người đọc. Vì vậy, cách duy nhất giúp cho các bot có thể thu thập thông tin chỉ có thể qua thẻ Alt này.

Đây là vấn đề vô cùng quan trọng, nếu như bạn bỏ qua, thì thức hạng của các từ khóa trong SEO Image chắc chắn sẽ không được cải thiện.

Theo đó, Thẻ Alt sẽ cung cấp cho bạn thêm cơ hội khác, gồm cả từ khóa mục tiêu của bạn. Việc sử dụng từ khóa tại hình ảnh là yếu tố xếp hạng của công cụ tìm kiếm, nên bạn hãy tạo thẻ Alt mô tả hình ảnh có chứa từ khóa hoặc cụm từ khóa bạn đang nhắm mục tiêu.

Cách tối ưu định dạng Alt Text

Để định dạng chuẩn nhất cho thuộc tính Alt thì phải đảm bảo chứa đầy đủ thông tin mô tả của hình ảnh, nhưng tuyệt đối không được spam. Ví dụ như: Khi trên hình ảnh được hiển thị có chứa đoạn Alt Text của hình ảnh, bạn cũng có thể hình dung được ngay cả khi nhắm mắt lại, bằng cách nhờ ai đó đọc Alt Text giúp.

Ví dụ cụ thể về cách sử dụng Alt Text cho một hình ảnh cho bạn dễ hiểu:

AltText la gi
Ví dụ về cách sử dụng Alt Text cho một hình ảnh.

Tạm được: img src=”pancakes.png” alt=”mèo con”

Với Alt này chỉ xem là tạm được bởi vì nó không được mô tả cụ thể, để cho Alt Text được chuẩn cần phải mô tả cụ thể như sau:

img src=”pancakes.png” att=”mèo con dễ thương có lông màu xám”

Cần tránh một số Alt Text không phù hợp như:

img src=”pancakes.png” alt= “” (Bỏ trống từ khóa)

img src=”pancakes.png” alt= “mèo con mèo con, lông mào xám xám mèo dễ thương màu xám” (nội dung mang tính chất Spam).

Xem thêm Meta Tile là gì? 9 Tiêu chí cần lưu ý để tối ưu Tile SEO hiệu quả, TẠi ĐÂY

Cách tạo Alt Text chuẩn

Mô tả chi tiết hình ảnh: Đối với hình ảnh không được hiển thị, việc mô tả chi tiết giúp cho người dùng dễ hiểu được ý nghĩa cũng như giá trị của hình ảnh. Đây cũng là ý nghĩa của mục đích thiết kế.

  • Alt Text la gi
    Cần phải mô tả chi tiết hình ảnh.

Alt Text ngắn gọn dễ hiểu: Với màn hình phổ biến chỉ có thể chứa khoảng 125 ký tự, nên bạn cần phải đảm bảo nội dung mô tả phải ngắn dưới khoảng ký tự đó.

Dùng từ khóa: Việc sử dụng keyword trong Alt Text chính là cơ hội có thể thêm từ khóa mục tiêu vào trang của bạn, từ đó giúp công cụ tìm kiếm có thể hiểu hơn truy vấn cụ thể nào phì hợp với nội dung này. Mặc dù việc ưu tiên đầu tiên vẫn là mô tả và cung cấp ngữ ảnh cho hình ảnh.

Không được nhồi nhét từ khóa: Việc bạn cố gắng nhồi nhét từ khóa mà không cung cấp bất cứ ngữ cảnh nào cho hình ảnh của mình sẽ bị Google phạt. Đối với văn bản thay thế bạn chỉ cần thêm từ khóa mục tiêu phù hợp nếu thấy hợp lý.

Tránh dùng cụm từ như “bức ảnh của” hay “hình ảnh của” trên Alt Text: Hình ảnh khi được sử dụng đã tham nó chính là một hình ảnh rồi, nên bạn tránh sử dụng các từ ngữ dư thừa khiến cho Alt Text bị dư thừa và dài dòng.

Dùng thẻ longdesc=””: Khi bạn có những bức ảnh phức tạp hay cần mô tả hình ảnh dài thì việc sử dụng thẻ này vô cùng hữu ích.

Sử dụng Alt Text cho các nút Form: Để sử dụng hình ảnh làm nút “gửi” hoặc nút lệnh nào đó, bạn hãy cung cấp thuộc tính Alt để mô tả chức năng của nút đó như: mua ngay, tìm kiếm, đăng ký ngay, ưu đãi,…

Làm cách nào để viết Alt Text tốt?

Với Alt Text ngoài chức năng mô tả hình ảnh nó còn là cơ hội để tích hợp được từ khóa trọng tâm có liên quan, có ý nghĩa giúp cho nội dung phong phú, mang đến trải nghiệm tốt cho người dùng. Do đó khi viết Alt Text cho hình ảnh bạn cần lưu ý những điểm sau:

Mô tả khách quan hình ảnh: Với Alt Text sẽ hiển thị khi hình ảnh không được tải lên hoặc khi tải lên không thành công, vì vậy hãy cho người dùng có thể hiểu được nội dung hình ảnh ngay cả khi không thấy.

Cung cấp ngữ ảnh đến hình ảnh: Mọi thông tin sẽ được thu thập để chỉ ra mục đích chính xác.

Dùng Alt Text ngắn gọn và súc tích

Không nhồi nhét từ khóa: Để chất lượng viết được hiệu quả thì bạn nên tránh nhồi nhét từ khóa trên Alt Text và cả trên nội dung.

Alt Text la gi
Không nhồi nhét từ khóa trên Alt Text lẫn nội dung.

Cách thêm Alt Tags trên các nền tảng website phổ biến

Đối với một số nền tảng website đã được thiết lập các tùy chọn văn bản thay thế thì bạn chỉ cần truy cập vào.

Alt Text la gi
Cách thêm Alt Tags trên các nền tảng website phổ biến.

Thêm Alt Text vào hình ảnh trên website WordPress

Việc sử dụng WordPress thì bạn sẽ dễ dàng trong việc thêm văn bản thay thế vào hình ảnh. Bạn chỉ cần nhấp vào hình ảnh tại cửa sổ trình chỉnh sửa, một trường sẽ xuất hiện tại tad để bạn có thể thiết lập hình ảnh. Hoặc bạn có thể click vào hình ảnh tại thư viện phương tiện, các tùy chọn cũng sẽ được xuất hiện.

Thêm Alt Text vào hình ảnh trên website Shopify

Nếu như bạn đang sử dụng nền tảng website Shopify thì bạn có thể thêm hình ảnh vào cả văn bản thay thế lẫn hình ảnh chủ đề và hình ảnh về sản phẩm.

Để có thể tối ưu Alt tags tại hình ảnh của sản phẩm, bạn chuyển đến mục Sản phẩm chọn Tất cả sản phẩm và click vào danh sách sản phẩm mà bạn muốn chỉnh sửa. Tại trang chi trang chi tiết sản phẩm, bạn chọn mục phương tiện xem trước, lúc này bạn có thể thêm vào văn bản thay thế.

Để thêm văn bản thay thế vào bên trong chủ đề, bạn truy cập đến Chủ đề cửa hàng trực tuyến và chọn để có thể tùy chỉnh chủ đề cửa hàng của bạn.

Bạn sẽ thấy mục menu phần dưới phía bên trái của trang, lúc này bạn có thể nhấp vào các khối hình ảnh, sẽ hiện một hộp văn bản, lúc này bạn có thể thêm văn bản thay thế của mình vào.

Thêm Alt Text vào hình ảnh trên cửa hàng Magento

Với Magento cách thêm hình ảnh cũng khá là đơn giản. Bạn click vào Danh mục chọn Sản phẩm, để chọn sản phẩm mà bạn muốn thêm văn bản thay thế vào rồi cuộn đến phần Hình ảnh và Video. Sau đó bạn có thể click vào hình ảnh để chỉnh sửa văn bản thay thế.

Thêm Alt Text vào hình ảnh trên Wix

Trước đây cửa hàng Wix không cho phép thêm Alt Text. Tuy nhiên nền tảng này đã được đầu tư tài nguyên vào việc khắc phục sự thất vọng của SEO phổ biến và có thể chỉnh sửa được văn bản thay thế.

Bạn có thể thêm Alt Text vào hình ảnh bằng cách vào hình ảnh tại cửa sổ chỉnh sửa bằng cách click vào văn bản mà bạn đang muốn thêm văn bản thay thế và mở các tùy chọn cài đặt. Lúc đó sẽ xuất hiện Có gì trong hình ảnh? và bạn có thể bắt đầu thêm văn bản thay thế vào.

Đừng bỏ lỡ: Domain Authority là gì? 9 Bước giúp tăng điểm DA cho Website mới nhất 2022

Một số vấn đề thường gặp trong Alt hình ảnh

Trong khi mô tả Alt Text tối ưu SEO hình ảnh sẽ không thể tránh khỏi hoàn toàn khả năng gặp một số vấn đề. Vì vậy khi audit website bạn cần phải kiểm tra thật kỹ xem hình ảnh của mình có gặp lỗi gì không.

Alt Text la gi
Khi audit website cần phải kiểm tra xem website có bị lỗi hay không.

Trường hợp ảnh bị hỏng

Nếu hình ảnh bị hỏng, kém chất lượng sẽ mang lại trải nghiệm xấu cho khách hàng, từ đó bạn bạn sẽ bị đánh giá thấp dù cho nội dung hay sản phẩm của bạn có tốt đến đâu đi chăng nữa. Ngoài ra chất lượng ảnh còn làm giảm khả năng tìm kiếm, làm cho website bạn bị xếp hạng thấp.

Để có thể phát hiện ra nguyên nhân khiến hình ảnh trên website bị hỏng bạn sử dụng công cụ audit website, từ đó bạn hãy dựa vào những lỗi đó để kịp thời sửa chữa:

  • Nếu URL sai hoặc không hợp lệ: bạn tiến hành sửa lỗi chính tả bên trong URL, nếu như tệp hình ảnh di chuyển không khớp thì bạn sửa URL để trỏ vào được đúng vị trí.
  • Khi hình ảnh không tồn tại: trường hợp tệp ảnh của bạn bị xóa, hay bị hỏng và có sự thay đổi về vị trí, nếu thật sự không cần thiết bạn hãy xóa nó ra khỏi HTML của trang.

Tóm lại, để cải thiện hình ảnh một cách tốt nhất, bạn cần phải nhận thức rõ giữa hình ảnh bị hỏng ở bên trong hay là ngoài. Nếu như phát hiện hình ảnh không được tiếp cận tốt thì bạn nên thay thế chúng.

Khi hình ảnh không có thuộc tính Alt

Việc để hình ảnh trống thuộc tính Alt text sẽ giống với việc bỏ lỡ cơ hội xếp hạng hình ảnh tốt hơn. Từ đó nó sẽ không đem lại trải nghiệm tốt đến người dùng và những người khiếm thị. Bạn cũng có thể sử dụng công cụ audit website trong việc kiểm tra hình ảnh không có thuộc tính Alt Text để khắc phục.

Ví dụ: Đối với thuộc tính trống như <img src=’magename.png” alt=” “> bạn phải thay đổi thành <img src=’magename.png” alt= “văn bản thay thế đã có từ khóa tối ưu”>

Các câu hỏi về Alt Text thường gặp phải

Dưới đây là tập hợp những câu hỏi thường gặp về Alt Text:

Alt Text la gi
Các câu hỏi thường gặp về Alt Text.

Làm thế nào để tìm Alt tag trên trang?

Bạn có thể thực hiện bằng cách nhấp chuột phải trên khoảng trắng trong trang, rồi chọn kiểm tra hoặc dùng phím tắt Ctrl + Shift + I. Lúc đó mã nguồn sẽ xuất hiện ở bên phải màn hình của bạn. Sau đó, bạn chọn biểu tượng đầu tiên bên trái của bảng mã HTML, rồi tìm hình ảnh mà bạn muốn xem và click vào nó. Lúc đó, mã HTML tại phần tử đó sẽ được đánh dấu, có cả thuộc tính của hình ảnh.

Làm cách nào để đọc Alt Text trong mã HTML?

Để đọc Alt Text trong mã HTML bạn chỉ cần thực hiện các thao tác như trên là sẽ hiển thị bảng mã nguồn của trang. Ví dụ về nội dung thẻ Alt Text như sau: Alt=”SEO là gì?” khi đó phần SEO là gì? chính là mô tả Alt Text của bạn.

Làm cách nào để thêm Alt Text vào tệp JPG?

Nếu bạn đang làm việc trên Microsoft Word, thì hãy nhấp chuột phải lên hình ảnh, lúc đó sẽ hiện lên nút lệnh Edit Alt Text. Bạn tiến hành điền mô tả hình ảnh vào hộp nhập dữ liệu rồi chọn Close để hoàn thành.

Làm cách nào để biết được một hình ảnh có Alt Text hay không

Nếu bạn kiểm tra mã nguồn thấy sau Alt chỉ hiển thị hai dấu ngoặc kép (Alt=” “) có nghĩa là Alt bị trống.

Độ dài tối đã của Alt Text là bao nhiêu?

Bạn có thể sử dụng Alt Text dài tối đa là 125 ký tự.

Sử dụng dấu phẩy, dấu chấm trong Alt Text được không?

Bạn hoàn toàn có thể sử dụng bình thường, miễn sao nội dung của bạn có thể mô tả chính xác hình ảnh và mang lại trải nghiệm tốt cho người dùng là được.

Lời kết

Bài viết trên chúng tôi đã trình bày khá chi tiết về khái niệm Alt Text là gì? Cách viết Alt Text hiệu quả, và các thông tin cần thiết khác liên quan đến Alt Text. Qua đó bạn có thể thấy Alt Text là một yếu tố vô cùng quan trọng trong SEO, giúp tiếp cận người dùng một cách hiệu quả. Hy vọng qua bài viết bạn có thể áp dụng thành công để giúp trang web của mình có được thứ hạng cao trên mục tìm kiếm.

Nếu còn gì thắc mắc trong quá trình thực hiện, hay bạn đang muốn tìm kiếm đơn vị uy tín về đào tạo SEO Đà Nẵng. EnMedia sẽ là lựa chọn tốt nhất cho bạn, với kinh nghiệm chuyên sâu nhiều năm về ngành SEO, chúng tôi tự tin sẽ mang đến cho các bạn giải pháp SEO toàn diện nhất!

Bài viết liên quan

CEO Bùi Trường Giang
CEO Bùi Trường Giang

Hãy làm cho khách hàng từ không thích đến thích và hãy cho họ cảm giác không cần thành cần sản phẩm hay dịch vụ của bạn thông qua Marketing.

Danh mục
Bài viết mới nhất