Thẻ Alt Text là gì? Cách viết thẻ Alt text tối ưu hiệu quả nhất cho SEO 2022

Thẻ Alt Text là gì? Cách viết thẻ Alt text tối ưu hiệu quả nhất cho SEO 2022

Bạn có biết rằng ngoài các tính năng tra cứu thông tin qua văn bản mà Google còn có thể giúp bạn dễ dàng tìm kiếm thông qua hình ảnh. Đặc biệt sự xuất hiện hình ảnh trong mỗi bài viết sẽ làm nội dung của bài viết ấy trở nên hấp dẫn, thu hút người đọc hơn rất nhiều.

Đặc biệt, hình ảnh cũng chính là một yếu tố hỗ trợ thúc đẩy website của bạn được lên top tìm kiếm trên Google. Nhưng bên cạnh đó, nếu chỉ đơn giản đăng tải hình ảnh thôi thì Google sẽ khó để hiểu mục đích sử dụng hình ảnh đó của bạn. Bởi vậy, việc mô tả hình ảnh tại HTML là hết sức cần thiết và nội dung hình ảnh mà bạn mô tả sẽ được gọi là Alt Text.

Vậy Thẻ Alt Text là gì? Cách viết thẻ Alt text tối ưu hiệu quả nhất cho SEO 2022. Bạn hãy cùng chúng tôi đi tìm hiểu qua bài viết sau đây nhé!

Thẻ Alt text là gì? Vai trò của thẻ Alt Text

Alt text còn được gọi là Alt attribute, đây là một dạng văn bản thay thế sẽ bắt đầu hiển thị trong trường hợp mà hình ảnh không hiển thị trên website. Tuy Alt Text là một phần mã thuộc HTML tuy nhiên chúng chỉ có tác dụng mô tả lại nội dung của hình ảnh thuộc Alt chứ không là toàn bộ tất cả các thuộc tính thuộc thẻ Alt.

Alt text không chỉ mô tả cho các nội dung của hình ảnh mà song song đó còn mô tả lại ngữ cảnh của chúng. Thêm Alt Text vào các hình ảnh của bạn là một trong các cách hiệu quả nhất được nhiều các SEOer áp dụng nhằm tối ưu hoá hình ảnh cho các trang Web của họ.

Thẻ Alt text là gì? Vai trò của thẻ Alt Text

Tại sao thẻ Alt Text lại quan trọng đối với SEO

Các dạng văn bản thay thế đang dần trở nên quan trọng hơn khi mà những công cụ tìm kiếm đang trở nên cải thiện hơn các tính năng đọc nội dung hình ảnh trên các trang cũng như trải nghiệm, cảm nhận của mỗi người dùng đang ngày càng phong phú hơn cùng với nội dung mang tính trực quan.

Khả năng tiếp cận

Mục tiêu chính của văn bản thay thế là việc mô tả hình ảnh mỗi khi người dùng truy cập không thể thấy hình ảnh. Có rất nhiều các lý do tác động như mạng yếu, do trình duyệt của người dùng chặn hình ảnh hay một số người khó nhận dạng được các hình ảnh trực quan.

Bên cạnh đó, các thuộc tính của Alt còn được áp dụng cho một số các tính năng nhằm giúp người mù có thể tương tác cùng máy tính thông qua việc tạo ra mô tả hình ảnh bằng âm thanh sao cho họ nghe được và hiểu được nội dung hình ảnh muốn truyền đạt.

Alt Text cho hình ảnh có tính đảm bảo hầu hết mọi người dùng không ngoại trừ những người gặp các vấn đề liên quan tới khả năng trực quan vẫn có thể dễ dàng hiểu được các nội dung của Website.

Khả năng tiếp cận

SEO hình ảnh

Ngoại trừ các chức năng nhằm giúp mang lại những hiệu quả tối ưu tới các người dùng thì Alt Text luôn là một phương pháp hữu dụng giúp mang lại nhiều lợi ích cho các quá trình SEO hình ảnh hoặc SEO website. Cùng với các tiêu chí khác nhằm tối ưu được Onpage thì Alt Text là cũng là một tiêu chí quan trọng mà các SEOer không nên bỏ qua.

Các công cụ tìm kiếm đã được cải tiến để có thể nhận dạng tốt được các hình ảnh tuy nhiên vẫn còn sự hạn chế trong quá trình thu thập các thông tin cần tìm kiếm là khả năng nhìn thấy các hình ảnh của Website chưa được tối ưu. Bởi vậy mà việc giải thích nội dung hình ảnh sẽ trở nên hữu dụng. Điều đó hỗ trợ Google có thể hiểu rõ một cách đúng đắn cũng như xếp hạng cho Website của bạn, loại trừ các nguy cơ hiểu sai khiến bỏ lỡ xếp hạng.

SEO hình ảnh

Nếu như bạn đang muốn thêm cho mình vài từ khóa mục tiêu thì văn bản thay thế sẽ là một cơ hội tốt. Từ khoá cũng là một phương pháp giúp bạn gia tăng xếp hạng của mình trên các công cụ tìm kiếm. Vậy nên, ngoài việc Alt Text mô tả được hình ảnh thì trong các mô tả đó cũng có thể thêm được từ khoá, đây sẽ là lúc bạn đặt các đặt các từ khóa mục tiêu của mình vào.

Tuy nhiên bạn cần nhớ rằng, Google không hề khuyến khích bạn dùng quá nhiều hình ảnh mà tốt nhất là hãy áp dụng các đoạn text nhằm thay thế nội dung của các hình ảnh đó.

Cấu trúc thẻ Alt Text tối ưu nhất

Cấu trúc chung của thẻ Alt là

<img src=”url” alt=”some_text”>

Hoặc bản Tiếng Việt sẽ là <img src=”link đến file ảnh” alt=”nội dung mô tả” />

Tại img src bạn hãy bổ sung thêm đường link dẫn tới file ảnh mà bạn muốn sử dụng. Tại phần Alt, bạn viết nội dung cho bức ảnh. Song song đó hãy đảm bảo sự phù hợp của các tiêu chí đã được đề cập tới khi bắt đầu dùng thẻ Alt.

Trong trường hợp nếu bạn muốn bổ sung Title image thì đây sẽ là cấu trúc dành cho bạn:
<img title=”thẻ tiêu đề của ảnh” src=”đường link của ảnh” alt=”thẻ alt của ảnh” />
Chú ý rằng, phần thẻ cho tiêu đề không bắt buộc nhưng Alt sẽ là phần mà Google khuyến khích chúng ta nên dùng.

Cấu trúc thẻ Alt Text tối ưu nhất

Cách tạo một Alt Text chuẩn, tối ưu SEO

Mô tả hình ảnh càng cụ thể càng tốt

Yếu tố đầu tiên cũng như khá quan trọng đối với Alt Text sẽ được tạo ra nhằm mục đích cung cấp cho mô tả hình ảnh mà bạn muốn trong trường hợp mà người dùng không thấy chúng hiển thị. Bởi nếu bất kỳ một hình ảnh nào không thực sự truyền tải các ý nghĩa hay giá trị của chúng, nghĩa là chúng chỉ có mục đích đối với thiết kế thì chúng sẽ phải nằm trong CSS chứ không phải là HTML.

Viết ngắn gọn, bao quát ý

Các giao diện màn hình đọc thông thường chỉ hiển thị khoảng từ 125 ký tự đổ lại. Vì thế tốt nhất bạn nên giữ cho thẻ alt trong khoảng đó để tránh trường hợp bị cắt mất đoạn.

Viết ngắn gọn, bao quát ý

Sử dụng từ khóa của bạn

Bên cạnh việc mô tả nội dung và bổ sung ngữ cảnh cho hình ảnh thì bạn cũng có thể sử dụng từ khóa chiến lược của mình vào thẻ alt. Điều này còn là một cơ hội để báo hiệu cho các công cụ tìm kiếm biết rằng bài viết của bạn có liên quan đến một truy vấn tìm kiếm cụ thể.

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

Việc bạn đang cố nhồi nhét vô số từ khoá có liên quan mà bạn nghĩ ra vào thẻ alt thì có thể dẫn đến rủi ro. Bởi Google sẽ không chấm điểm cho bạn đối với thẻ alt được viết kém và không phù hợp. Vì thế, bạn chỉ nên tập trung vào việc mô tả và cung cấp ngữ cảnh đúng với hình ảnh và nếu có thể hãy thêm và giữ nguyên từ khóa mục tiêu nhất định.

Không dùng các cụm từ “hình ảnh của”, “bức ảnh của” trong Alt Text

Bởi vì hình ảnh đã được giả định là đang tham chiếu đến một hình ảnh rồi, nên bạn không cần phải dùng những cụm từ dư thừa như “hình ảnh của”, “bức ảnh của” mà hãy tập trung vào việc mô tả cụ thể hình ảnh đó càng chi tiết càng tốt.

Dùng Alt Text cho các nút Form

Nếu bạn sử dụng hình ảnh để làm nút “gửi” của một biểu mẫu (form) trên trang của bạn thì hãy cung cấp cho nút hình ảnh này một thuộc tính alt. Vì các nút hình ảnh này phải có thẻ alt để mô tả chức năng của nút như “đăng ký”, “tìm kiếm,…

Sử dụng thẻ longdesc=

Đối với các hình ảnh phức tạp hay các bản đồ, biểu đồ cần đoạn mô tả dài và chi tiết để người đọc có thể hiểu rõ hơn. Vì vậy sử dụng thẻ longdesc= “” là cách tốt nhất để hiển thị đoạn mô tả.

Không sử dụng hình ảnh làm văn bản

Việc sử dụng hình ảnh thay cho văn bản không phải là phương pháp tốt cho thẻ alt mà lại còn không thân thiện với SEO. Bởi vì các công cụ tìm kiếm không thể nào hiểu được văn bản trong hình ảnh của bạn. Nếu bạn bắt buộc phải làm vậy thì hãy kèm theo chú thích hình ảnh trong thẻ alt của bạn.

Ví dụ về Alt text

Hãy cùng xem qua một vài ví dụ cụ thể sau đây để nắm rõ hơn về thẻ alt text nhé:

Ví dụ về Alt text

  • Thẻ alt bình thường: <img src=”banh-trung-thu.jpg” alt=”bánh trung thu”>
  • Thẻ alt tốt: <img src=”banh-trung-thu.jpg” alt=”bánh trung thu nhân thập cẩm trứng muối”>
  • Thẻ alt đánh giá cao: <img src=”banh-trung-thu.jpg” alt=”bánh trung thu nhân thập cẩm một trứng muối”>

Ví dụ về Alt text

 

  • Thẻ alt bình thường: <img src=”ban-trai-cay.jpg” alt=”người phụ nữ bán trái cây trên thuyền”>
  • Thẻ alt tốt: <img src=”ban-trai-cay.jpg” alt=”người phụ nữ đang ngồi bán trái cây trên thuyền”>
  • Thẻ alt đánh giá cao: <img src=”ban-trai-cay.jpg” alt=”người phụ nữ áo đỏ đội nón lá đang ngồi bán trái cây trên thuyền”>

Ví dụ về Alt text

  • Thẻ alt bình thường: <img src=”meo-anh-long-ngan.jpg” alt=”mèo anh lông ngắn”>
  • Thẻ alt tốt: <img src=”meo-anh-long-ngan.jpg” alt=”mèo anh lông ngắn đang nằm”>
  • Thẻ alt đánh giá cao: <img src=”meo-anh-long-ngan.jpg” alt=”mèo anh lông ngắn màu tabby đang nằm”>

>>>Xem thêm:

Trên đây là tổng hợp các thông tin cần thiết về Thẻ Alt Text là gì? Cách viết thẻ Alt text tối ưu hiệu quả nhất cho SEO 2022. Hy vọng các thông tin mà Fc Media chia sẻ sẽ hỗ trợ phần nào trong công việc của bạn. Nếu bạn còn có các thắc mắc khác về nội dung trên hãy liên hệ với Fc Media để được giải đáp nhanh chóng nhất nhé!

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

Bài viết liên quan

happy holidays

chúng tôi muốn nghe từ bạna

ĐĂNG KÍ GÓI DỊCH VỤ

Anh/Chị vui lòng điền thông tin bên dưới để đăng kí gói dịch vụ Hosting!