Alt Text là một phần quan trọng trong việc thực hiện SEO cho hình ảnh trên website của bạn. Tuy nhiên, không phải ai cũng hiểu rõ về Alt Text và biết cách viết Alt Text tối ưu nhất. Do đó, trong bài viết Alt Text là gì này, công ty SEO Ngọc Thắng sẽ giúp bạn có cái nhìn tổng quan về Alt Text là gì cũng như hướng dẫn viết Alt Text hiệu quả để tăng lượt truy cập và thứ hạng cho website của bạn. Cùng xem ngay nhé!

Alt Text (Alt attribute)

Alt Text là gì?

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

Alt Text quan trọng vì nó giúp trình công cụ tìm kiếm xác định được nội dung mô tả của hình ảnh là gì. Hình ảnh được gắn thẻ Alt sẽ tác động tích cực đến vị trí xếp hạng của bạn trên Google.

Thẻ Alt là gì?

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

Bên cạnh đó, sẽ có một số trường hợp hình ảnh không hiển thị được thì người dùng vẫn hiểu được nội dung hình ảnh mô tả thông qua Alt Text được gắn trong thẻ Alt.

Cấu trúc chung của thẻ Alt là: <img src=”url” alt=”alt text”>

Tại sao Alt Text lại quan trọng?

Không phải ngẫu nhiên mà chúng lại được quan tâm và chú trọng đến vậy, lợi ích của chúng mang lại cho website của bạn đó là:

1. Khả năng tiếp cận

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

Tạo alt cho hình ảnh đảm bảo tất cả người dùng (bất kể khả năng thị giác) đều có thể hình dung rõ hình ảnh được bạn sử dụng và điều này cũng được đánh giá cao nội dung trên trang web của bạn.

2. SEO cho hình ảnh

Sử dụng alt trên hình ảnh có thể mang lại trải nghiệm người dùng tốt hơn, tạo nhiều lợi thế trong SEO. Cùng với việc triển khai các phương pháp hay nhất về tiêu đề hình ảnh và đặt tên tệp, việc cho thêm alt cho hình ảnh cũng có thể góp phần SEO cho hình ảnh.

Mặc dù công nghệ nhận dạng hình ảnh của công cụ tìm kiếm đã được cải thiện rất nhiều trong những năm qua, nhưng các trình thu thập thông tin tìm kiếm vẫn không thể “nhìn thấy” hình ảnh trên một trang web như người chúng ta, vì vậy nếu để nó tự thu thập thông tin theo cách chỉ mình nó hiểu có thể sẽ xảy ra nhiều sai sót ảnh hưởng tới ranking của bạn.

Ví dụ: Google có thể nhìn thấy hình ảnh này và nó chỉ có thể giải mã ra đây một người đàn ông đeo cà vạt và đeo kính, đang ngồi ở bàn làm việc.

Tuy nhiên, nếu bạn đang cố gắng xếp hạng cho “Jim Halpert thay vì Dwight Schrute”, bạn sẽ cần giúp đỡ công cụ tìm kiếm.

Theo cách này, alt text cung cấp cho bạn một cơ hội khác để tạo dựng từ khóa mục tiêu của bạn. Với việc sử dụng từ khóa trên trang vẫn giữ vai trò quan trọng như một yếu tố xếp hạng của công cụ tìm kiếm, bạn nên tạo alt text vừa mô tả hình ảnh, vừa bao gồm từ khóa hoặc cụm từ khóa mà bạn đang nhắm mục tiêu.

Hướng dẫn cách tối ưu thẻ Alt Text chuẩn SEO chi tiết

Thẻ Alt cũng cần tối ưu, đặt biệt là phải biết tối ưu một cách tự nhiên nhất sẽ mang lại cho bạn kết quả tuyệt vời cho bạn. Cùng tìm hiểu cách để tối ưu Alt chuẩn SEO dưới đây:

Hướng dẫn cách tối ưu thẻ Alt Text chuẩn SEO chi tiết

1. Cấu trúc thẻ mô tả Alt

Cấu trúc chung của Alt Tag là: <img src=”url” alt=”some_text”>

hoặc có bản tiếng việt như sau: <img src=”link đến file ảnh” alt=”nội dung mô tả” />

Ở phần img src, bạn hãy thêm đường link dẫn đến file ảnh mà bạn muốn hiển thị. Phần thuộc tính Alt, bạn có thể viết tuỳ ý nội dung cho ảnh. Tuy nhiên vẫn phải đảm bảo các tiêu chí đã đề cập ở trên khi dùng Alt Text.

Hoặc khi bạn muốn thêm Title Image cho ảnh thì có thể làm theo cấu trúc sau:

<img title=”thẻ tiêu đề của ảnh” src=”đường link của ảnh” alt=”thẻ alt của ảnh” />

Thẻ tiêu đề là phần không bắt buộc, nhưng còn Alt là phần mà Google khuyến cáo ta nên sử dụng.

2. Cách viết Alt Text cho ảnh

  • Mô tả hình ảnh càng cụ thể càng tốt: Điều đầu tiên và cũng quan trọng nhất của alt text được tạo để cung cấp mô tả về hình ảnh nào đó khi người dùng không nhìn thấy chúng.
  • Ngắn gọn: Các trình đọc màn hình phổ biến thường chứa khoảng 125 ký tự, vì vậy bạn nên đảm bảo về số lượng ký tự (có thể bằng hoặc nhỏ hơn).
  • Sử dụng từ khóa: Văn bản thay thế cũng tạo cơ hội để bao gồm các từ khóa mục tiêu trên một trang của bạn và do đó, cũng giúp các công cụ tìm kiếm hiểu được bạn đang muốn truy vấn một cho một tìm kiếm cụ thể.
  • Tránh nhồi từ khóa: Google sẽ không đánh giá cao cho một văn bản thay thế kém, điều này có nghĩa là các alt của bạn bị nhồi nhét quá nhiều từ khóa và không cung cấp bất kỳ ngữ cảnh nào cho hình ảnh.
  • Tránh dùng văn bản trong hình ảnh: Đây không phải là phương pháp hay nhất cho alt text mà còn là nguyên lý phát triển web thân thiện với SEO chung.
  • Tránh dùng nhiều cụm “hình ảnh của”, “bức ảnh của”,… trong alt text.
  • Sử dụng thẻ longdesc=””.
  • Đừng quên dùng alt cho các nút Form.

3. Cách kiểm tra ảnh đã có thuộc tính Alt hay chưa

Có nhiều cách để chúng ta kiểm tra ảnh trên website đã có thẻ Alt chưa. Hãy sử dụng công cụ check website hoặc có thể cài đặt phần mềm chuyên biệt để kiểm tra.

Chúng tôi sẽ gợi ý đến bạn công cụ SEOptimer. Đây là công cụ rất dễ dùng. Bạn chỉ cần điền URL website của bạn muốn kiểm tra và chọn check. Image Alt Tag Checker sẽ cho bạn kết quả trong vài giây bao gồm: số lượng ảnh website, số lượng ảnh thiếu Alt, tên những ảnh thiếu Alt.

4. Yêu cầu chuẩn SEO thẻ Alt

  • Nội dung của Alt Text được cho phép nằm trong khoảng 225 ký tự. Không được quá ngắn hoặc quá dài nhưng vẫn tóm tắt được đầy đủ nội dung cần thiết.
  • Bạn có thể viết tuỳ thích nhưng lời khuyên cho bạn là nên viết tiếng Việt có dấu và có thể có chứa khoảng trắng (Ví dụ ban muốn viết là: Cây xanh đổ ngổn ngang trên quốc lộ 1A, không nên đặt: Cay-xanh-do-ngon-ngang-tren-quoc-lo-1a).
  • Từ khoá chính nên được chèn vào những ký tự đầu tiên của thẻ.
  • Không nhồi nhét từ khoá vào Alt Text vì Google sẽ mặc định là bạn đang spam và đánh bài viết của bạn ra khỏi top kết quả tìm kiếm.
  • Hình ảnh của thẻ phải có chất lượng cao, không mờ nhoè và không chọn hình ảnh có bản quyền của đơn vị khác.

Đó là những tiêu chí đơn giản nhưng sẽ giúp bài viết của bạn dễ đọc hơn với công cụ tìm kiếm dò quét (crawl). Ngoài thẻ Alt cần phải tối ưu thì chúng ta vẫn còn một thứ để tối ưu nữa, đó là tên hình ảnh.

5. Cách đặt tên ảnh

Tên ảnh bạn có thể đặt như thế nào cũng được nhưng nếu bạn muốn tối ưu hoá ảnh thì nên chú ý những điều dưới đây:

  • Tên ảnh viết liền không dấu và mỗi từ có dấu gạch ngang cách ra.
  • Độ dài dưới 125 ký tự.
  • Chứa từ khoá chính.
  • Tránh những cái tên chung chung như: Hinh-1.jpg, anh.png, 1.jpg…

Lý do vì sao bạn phải đặt tên ảnh viết liền không dấu là vì trên máy chủ thường dùng bộ mã UTF-8. Có thể là ban đầu các bạn upload lên sẽ không có vấn đề nào xảy ra, nhưng khi bạn backup (sao lưu) để đưa sang máy chủ khác thì tên hình ảnh sẽ được mã hoá ký tự lại.

Từ khoá có dấu và khoảng trắng thì sẽ tự động chuyển đổi sang ký tự đại diện bên UTF-8, tất nhiên các bạn có thể sửa lại nhưng khi quá nhiều ảnh thì tốn nhiều thời gian đổi lại tên ảnh.

Ví dụ một số Alt Text được đánh giá cao

hình ảnh cho ví dụ cụ thể

Ví dụ đối với hình ảnh trên:

Tạm được: img src=”bird.png” alt=”Gà trống”
Được: img src=”bird.png” alt=”Già trống gáy”
Đánh giá cao: img src=”bird.png” alt=”Gà trống màu đỏ đang gáy”

hình ảnh cho ví dụ cụ thể

Ví dụ đối với hình ảnh trên:

Tạm được: img src=”escalator.jpg” alt=”người đàn ông trên thang cuốn”
Được: img src=”escalator.jpg” alt=”người đàn ông đang đi bộ trên thang cuốn>
Đánh giá cao: img src=”escalator.jpg” alt=”người đàn ông mang balo đang đi bộ trên thang cuốn”

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

Việc mô tả Alt Text khi tối ưu SEO hình ảnh đôi khi sẽ gặp một số vấn đề mà bạn cần nắm rõ. Khi audit website, bạn cần check và kiểm tra xem hình ảnh đang gặp lỗi gì.

1. Hình ảnh bị hỏng

Hình ảnh hỏng, bị bể, kém chất lượng mang lại ấn tượng xấu cho website, ngay lập tức bạn bị đánh giá thấp dù sản phẩm hay nội dung của bạn có chất lượng đến đâu. Điều này còn bị công cụ tìm kiếm nhận diện và xếp hạng thấp website.

Công cụ audit website sẽ làm nổi bật các nguyên nhân kiến hình ảnh web bị hỏng, bạn dựa vào đó và sửa chữa:

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

Cần nhận thức rõ giữa hình ảnh bị hỏng bên trong hay bên ngoài. Nếu hình ảnh không được tiếp cận tốt nhất hãy thay thế chúng.

2. Hình ảnh không có thuộc tính Alt

Hình ảnh trống thuộc tính Alt Text giống như bỏ lỡ một cơ hội xếp hạng hình ảnh tốt hơn. Ngoài ra nó còn không mang lại trải nghiệm tốt cho người dùng, những người khiếm thị.

Sử dụng công cụ audit website để kiểm tra tất cả các hình ảnh không có thuộc tính alt và khắc phục.

Lưu ý thuộc tính alt Text trống ở đây:

<img src=”magename.png” alt=” “>

Thay đổi điều này thành:

<img src=”imagename.png” alt=”văn bản thay thế được viết tốt với từ khóa”>

https://ngocthang.net/alt-text/#Phat_hien_su_co_voi_Alt_Text_hinh_anh

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

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

Để tìm được Alt tag trên trang bạn nhấp chuột phải vào khoảng trắng trong trang và chọn “kiểm tra” hoặc sử dụng phím tắt Ctrl+Shift+I. Mã nguồn sẽ xuất hiện bên phải màn hình.

Tiếp theo, bạn chọn biểu tượng đầu tiên bên trái của bảng mã HTML, sau đó tìm hình ảnh bạn muốn xem và nhấp vào chúng. Mã HTML của phần tử đó sẽ được đánh dấu, trong đó có thuộc tính của hình ảnh.

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

Bạn thực hiện các thao tác như trên để hiển thị bảng mã nguồn của trang. Thẻ Alt Text có nội dung ví dụ như alt=”abc” thì phần abc chính là mô tả Alt Text.

Làm cách nào để biết một hình ảnh có Alt Text?

Khi bạn kiểm tra mã nguồn, nếu sau alt=” ” có hiển thị 2 dấu ngoặc kép không có nội dung thì thuộc tính alt trống.

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

Khi bạn làm việc trong Microsoft Word, bạn nhấp chuột phải vào hình ảnh sẽ có lệnh “Edit Alt Text”. Hãy điền mô tả hình ảnh vào hộp nhập liệu đó và chọn Close.

Có thể sử dụng dấu phẩy, dấu chấm trong Alt Text không?

Có, sử dụng bình thường, miễn nội dung mô tả đúng hình ảnh, mang lại trải nghiệm tốt cho người dùng.

Alt Text nên dài bao nhiêu?

Tối đa 125 ký tự.

Lời kết

Alt Text là một phần quan trọng của SEO hình ảnh, giúp tăng khả năng tiếp cận người dùng. Việc tối ưu Alt Text tưởng chừng như là một vấn đề nhỏ nhưng bạn tuyệt đối không được xem nhẹ việc này nếu bạn muốn trang web của mình được xếp hạng cao trên các công cụ tìm kiếm. Hy vọng với những chia sẻ trên đây của Ngọc Thắng sẽ là thông tin hữu ích dành cho bạn đọc.

Nếu như bạn còn đang gặp khó khăn gì với website của mình hoặc SEO mãi website không lên top thì đừng ngần ngại hãy liên hệ ngay với chúng tôi để được hỗ trợ và giải đáp những thắc mắc.

Hiện nay Ngọc Thắng đang cung cấp dịch vụ về website từ xây dựng, thiết kế web đến các dịch vụ SEO tổng thể và SEO từ khóa chuyên nghiệp và hiệu quả đã được rất nhiều khách hàng sử dụng. Nếu còn bất kỳ thắc mắc gì về các thông tin mà chúng tôi chia sẻ bên trên hay bạn đang tìm kiếm một dịch vụ webiste uy tín thì đừng ngần ngại hãy liên hệ ngay với chúng tôi để được tư vấn thêm nhé!

Với nhiều năm kinh nghiệm cũng như được khách hàng đánh giá cao, Ngọc Thắng tự tin là đơn vị cung cấp các dịch vụ website hàng đầu hiện nay.

Đại chỉ: Số 07 Ngách 2, Ngõ 121 Trần Phú, P. Văn Quán, Hà Đông, Hà Nội, Việt Nam

Tổng đài: 1900 89 21

Hotline: 098 148 1368

MST: 0107994795

Email: lienhe@ngocthang.vn

Website: https://ngocthang.net/

5/5 - (1 bình chọn)