Thuộc tính Alt là gì? Tại sao thuộc tính Alt hình ảnh quan trọng?

admin July 24, 2019 0 Comments

Hình ảnh là trong yếu tố quan trọng cho tất cả các trang web và seo Website. Một website có nhiều ảnh, sẽ làm cho website dễ đọc hơn, hấp dẫn trực quan hơn và họ giúp trình bày một chủ đề tốt hơn. 

Một trong những yếu tố quan trọng ảnh hưởng đến seo website đó là thuộc tính alt. Vậy thuộc tính alt là gì? Và có tác dụng gì trong Seo? Để hiểu thêm mời các bạn đọc bài viết này nhé.

I.Thuộc tính alt là gì? Tại sao thuộc tính alt hình ảnh quan trọng?

1.Thuộc tính alt là gì?

Văn bản thay thế (còn được gọi là văn bản thay thế hoặc thuộc tính alt) là văn bản mô tả chính xác một hình ảnh. Nó được thêm vào thẻ <img> trong HTML của một trang.

Dưới đây là một ví dụ về văn bản thay thế hình ảnh:

<img src=”/images/some-image.png” alt=”this is the alt text”>

Khi những con Bot google này đọc qua đọc qua giá trị văn bản thay thế thì sẽ hiểu được hình ảnh đó đang đề cập đến vấn đề gì.

2.Tại sao thuộc tính alt hình ảnh quan trọng?

Giá trị văn bản thay thế được hiển thị ở vị trí của hình ảnh khi hình ảnh không thể được tải (trong trường hợp người dùng có kết nối băng thông thấp)

Văn bản thay thế cải thiện khả năng truy cập của một trang. Người dùng bị khiếm thị và sử dụng trình đọc màn hình có thể nghe mô tả hình ảnh. Đây cũng là một trong những nguyên tắc cốt lõi của thiết kế web thân thiện với SEO.

Các công cụ tìm kiếm sử dụng văn bản thay thế để hiểu hình ảnh đang nói về vấn đề gì và bài viết đang nói đến nội dung gì?

Trong trường hợp hình ảnh được sử dụng làm liên kết thì văn bản thay thế được sử dụng làm một backlink.

II. Tác dụng của thuộc tính Alt trong SEO

Thuộc tính alt là yếu tố quan trọng nhất để định cấu hình khi thực hiện SEO cho hình ảnh vì nó giúp trình thu thập công cụ tìm kiếm hiểu được chủ đề của hình ảnh.

Một bài viết hoặc một lading page muốn Seo lên top Google, thì ngoài việc nội hay và chất lượng ra, thì chúng ta cũng cần tối ưu hình ảnh, và thêm hình ảnh vào bài viết đó thật hợp lý nữa.

1.Thuộc tính Alt giúp xếp hạng trang web trong Kết quả tìm kiếm trên web

Trên thực tế, Google có thể xếp hạng một trang web trong Kết quả tìm kiếm dựa trên giá trị của ALT TEXT.

Tức là sao, tức là Google xếp hạng trang Web dựa trên nhiều yếu tố khác nhau. Nếu như 2 Website cùng nói về 1 dịch vụ, các chỉ số đều bằng nhau, thì Google sẽ căn cứ vào Website nào tối ưu ảnh ALT tôt hơn để đưa lên top google.

Trong một tweet gần đây, John Muller của Google đã nói rằng nhiều trang có thể xếp hạng trong tìm kiếm web cho nội dung được tìm thấy trong các thuộc tính hình ảnh alt.

Thuộc tính Alt giúp xếp hạng trang web trong Kết quả tìm kiếm trên web

Tức là sao? Tức là những bài viết có có nội dung chưa thể lên top được. Nhưng những hình ảnh bên trong đó tốt, thì việc tìm hình ảnh về nội dung của bài viết đó sẽ dễ dàng hơn.

Tuy nhiên Để tận dụng điều này cho mục đích SEO, hãy đảm bảo rằng văn bản ALT của bạn bao gồm các từ khóa SEO (hoặc các từ khóa liên quan chặt chẽ), lưu ý là không nhồi nhét từ khóa nhé.

2.Văn bản thay thế có thể giúp hình ảnh xếp hạng cao trong Tìm kiếm hình ảnh của Google

Tức là như thế này, trong mục tìm kiếm hình ảnh của Google, nếu như bạn muốn có hình ảnh của minh được nằm trong top đầu tiên thì cũng phải biết seo hình ảnh nữa.

Vì  Có hàng triệu người đang tìm kiếm hình ảnh trên Google và nếu bạn muốn hình ảnh của mình được xếp hạng cao, bạn cần phải:

Cung cấp cho một văn bản thay thế có ý nghĩa

Các hình ảnh nên được bao gồm trong các trang với văn bản có liên quan

Sử dụng hình ảnh chất lượng cao

Sử dụng tên tập tin hình ảnh có ý nghĩa và nội dung rõ ràng

III.Làm thế nào để bạn viết thuộc tính Alt tốt?

Để có thuộc tính Alt tốt bạn nên tham khảo một số cách dưới đây.

1.Thuộc tính Alt cần mô tả chính xác hình ảnh

Tức là khi một hình ảnh đang nói về dịch vụ seo, thì thuộc tính ảnh bạn cần nói về nội dung là dịch vụ seo. Chứ không phải là để nội dung khác.

Một mô tả chính xác là một mô tả giúp người dùng và các công cụ tìm kiếm hiểu được hình ảnh nói về cái gì, mà không cần nhìn vào hình ảnh.

2.Thuộc tính Alt cần ngắn gọn và dễ hiểu

Giữ độ dài của văn bản thay thế trong khoảng 125 ký tự nhưng tránh sử dụng một từ duy nhất.

Đặc biệt trong trường hợp hình ảnh phổ biến, văn bản thay thế có thể tăng cơ hội xếp hạng cao cho các từ khóa đuôi dài trong tìm kiếm hình ảnh của Google

Văn bản Alt không tốt lắm:

<img src=”brownies.jpg” alt=”brownies”/>

Văn bản thay thế tốt:

<img src=”brownies.jpg” alt=”Chocolate Brownies with Strawberries on Top”/>

Chocolate Brownies with Strawberries on Top

Chocolate Brownies with Strawberries on Top

3.Sử dụng từ khóa chính hoặc từ khóa LSI của bạn

Sử dụng hình ảnh có liên quan đến nội dung của bạn – nếu bạn thêm hình ảnh không liên quan đến phần còn lại của nội dung, thì nội dung của bạn sẽ trở nên kém chất lượng. Khi đó ảnh hưởng đến Seo hình của bạn rất nhiều.

Không nên sử dụng các từ khóa chính, mà nên sử dụng các từ khóa liên quan đến ngữ nghĩa –

Nhiều khi rất khó để có từ khóa chính trong văn bản thay thế, một cách thay thế tốt là sử dụng các từ khóa liên quan.

Ví dụ.

Giả sử bạn đang viết một bài viết về ‘ cách huấn luyện chú chó beagle của bạn để tìm nạp và bạn muốn viết một văn bản thay thế tối ưu hóa SEO cho hình ảnh này:

Ví dụ xấu (không cung cấp cho văn bản thay thế):

<img src=”beagle-dog.jpg”/>

Ví dụ về nhồi từ khóa:

<img src=”beagle-dog.jpg” alt=”beagle dog dog fetch dog food puppy”/>

Một phiên bản tốt hơn:

<img src=”beagle-dog.jpg” alt=”beagle dog”/>

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

<img src=”beagle-dog.jpg” alt=”beagle dog playing fetch”/>

4.Không cần bao gồm các từ ‘hình ảnh’ hoặc ‘hình ảnh’

Trình thu thập công cụ tìm kiếm biết rằng đây là hình ảnh nên không cần thêm từ “HÌNH ẢNH” lặp lại trong văn bản thay thế. 

IV.Làm cách nào để đặt văn bản ALT của hình ảnh?

Có hai cách để làm điều này: thủ công bằng cách chỉnh sửa mã HTML hoặc thông qua CMS của bạn.

1.Thêm văn bản thay thế bằng cách chỉnh sửa Mã HTML

Khi bạn thêm một yếu tố hình ảnh vào html của mình, bạn có thể chỉ định giá trị văn bản thay thế bằng cách thêm [ALT = giá trị ở đây vào]] trong thẻ <img> .

Ví dụ:

Thêm văn bản thay thế vào hình ảnh bằng cách chỉnh sửa Mã HTML

Thêm văn bản thay thế bằng cách chỉnh sửa Mã HTML

Thêm văn bản thay thế bằng cách chỉnh sửa Mã HTML

2.Thêm văn bản thay thế trong WordPress và CMS khác

Hầu hết các CMS hiện đại cho phép bạn xác định ALT TEXT bằng các công cụ trực quan của họ và không cần phải chỉnh sửa HTML theo cách thủ công nào

Nếu bạn đang ở trên WordPress, bạn có thể chỉ định văn bản ALT bằng cách chỉnh sửa hình ảnh từ THƯ VIỆN MEDIA hoặc khi thêm hình ảnh vào bài đăng.

Thêm văn bản thay thế trong WordPress và CMS khác

Thêm văn bản thay thế trong WordPress và CMS khác

V. Tổng kết

Vừa rồi chúng tôi đã giải thích cho các bạn biết được “thuộc tính Alt” là gì và những tác dụng của nó trong một bài viết. Đồng thời hướng dẫn luôn cho các bạn biết cách thêm thuộc tính Alt luôn.

Mong rằng các bạn có thể làm được nhé, cảm ơn và hẹn gặp lại trong bài viết tiếp theo

Bài viết dịch từ https://www.reliablesoft.net/alt-text/

0/5 (0 Reviews)
AboutNguyễn Van Phap

Leave a Reply

Your email address will not be published. Required fields are marked *