10 Phương pháp tối ưu thẻ ATL tốt nhất mà SEOer không thể bỏ qua

Tối ưu thẻ Alt ảnh hay văn bản thay thế của hình ảnh là một yếu tố rất quan trọng trong việc tối ưu hóa công cụ tìm kiếm (SEO). Nó có tác dụng cung cấp ngữ cảnh cho các bài báo hoặc các nội dung bài viết của bạn trên trang web. Bộ máy tìm kiếm của Google sẽ hiểu hình ảnh đó mô tả điều gì? thông qua các thẻ Alt này.

Tuy nhiên, chính vì điều này mà nhiều người đã không để ý yếu tố cốt lõi của thẻ này mà chỉ coi nó là một công cụ để cải thiện SEO dẫn tới việc lạm dụng và sử dụng không đúng mục đích của alt text. Vậy làm sao có thể tối ưa thẻ văn bản thay thế của hình ảnh một cách tốt nhất. Hãy cùng webherevn tham khảo qua bài viết sau.

Văn bản thay thế là gì?

Để hiểu rõ hơn về cách sử dụng thẻ văn bản thay thế của hình ảnh, bạn cần biết mục đích thực sự của nó là gì?

Văn bản thay thế hình ảnh, còn được gọi là văn bản thay thế hoặc thẻ thay thế, thẻ alt text. Đây là một mô tả ngắn về hình ảnh hiển thị trên một trang nội dung nào đó. Khi người dùng không thể truy cập hình ảnh (Hình ảnh không thể hiển trị trên trang web)

Hình ảnh trên trang nội dung của bạn sẽ không thể hiển thị khi gặp các vấn đề như:

  • Wi-fi yếu, kết nối mạng không ổn định
  • Liên kết hình ảnh bị hỏng
  • Kích thước ảnh quá lớn
  • Tên tệp sai
  • Người dùng đang sử dụng trình đọc màn hình

Văn bản thay thế cho phép Google hiểu hơn về hình ảnh được sử dụng trong bài viết. Tuy nhiên đối với những người dùng không thể nhìn thấy các hình ảnh bạn tải lên. Nó có thể tạo ra sự khác biệt trong việc giúp họ hiểu hơn về nội dung được viết trên trang.

Cách tối ưu thẻ alt hình ảnh hiệu quả
Cách tối ưu thẻ alt hình ảnh hiệu quả

Văn bản thay thế có liên quan gì đến SEO không ?

Câu trả lời là nó ảnh hưởng rất lớn đến SEO

Trong SEO, thẻ alt hình ảnh rất được quan tâm và thường được chèn vào các hình ảnh trong trang. Với văn bản thay thế hình ảnh, các công cụ tìm kiếm có thể hiểu rõ dàng nội dung bạn muốn truyền tải khi xem xét đến xếp hạng và mức độ liên quan đến nội dung của bạn, đặc biệt là Google. Văn bản thay thế giúp Google xem xét hình ảnh của bạn có gì và nó có liên quan đến nội dung xung quanh không

Nếu hình ảnh mô tả một sản phẩm, thì bạn có thể đưa tên sản phẩm vào thẻ alt cho những người không thể nhìn thấy hình ảnh. Họ sẽ vẫn nhận được toàn bộ ngữ cảnh của trang.

Tất nhiên, nó cũng hữu ích khi bạn có thể bao gồm các từ khóa vào nó vì văn bản thay thế được Google thu thập thông tin . Nhưng điều quan trọng cần lưu ý là nhồi nhét từ khóa không phải là phương pháp hay nhất. Trên thực tế, bạn đang thực sự làm hỏng trải nghiệm người dùng nếu bạn cố gắng lạm dụng và chèn nhiều từ khóa vào trong đó.

Văn bản thay thế ảnh hưởng đến trải nghiệm người dùng như thế nào?

Đối với những người bị suy giảm thị lực và không thể xem hình ảnh. Văn bản thay thế rất quan trọng trong việc đọc hiểu nội dung. Nếu không có nó, người dùng sẽ chỉ có thể biết có một hình ảnh ở đó, nhưng sẽ không có bất kì mô tả nội dung được hiển thị, và họ vĩnh viễn không thể biết được hình ảnh này đang nói về điều gì.

Trải nghiệm người dùng rất quan trọng. Điều này quyết định xem trang web của bạn có phải là một trang hữu ích, đáng tin cậy và họ có nên mua sản phẩm hay dịch vụ của bạn hay không? Hãy tối ưu và mang đến một trải nghiệp tốt nhất đến khách hàng của bạn.

Với một vài sự cố khác nhau khiến hình ảnh của bạn không thể hiển thị. Văn bản thay thế sẽ giúp người dùng đỡ phải đau đầu khi cố gắng đoán xem trong khoảng trống trên trang có nội dung gì? Hình ảnh đó có quan trọng không hay chỉ là một bức ảnh trang trí. Họ có phải truy cập vào hình ảnh đó để có thể hiểu rõ nội dung của bài viết hay không. Hãy luôn điền chính xác thẻ alt và mang đến một nội dung hữu ích cho người dùng.

Cách viết văn bản thay thế cho hình ảnh của bạn

Khi bạn xem mã nguồn của trang, bạn có thể xác định vị trí của hình ảnh bằng cách tìm kiếm một dòng mã tương tự như sau:

Xác định vị trí hình ảnh qua mã nguồn của trang
Xác định vị trí hình ảnh qua mã nguồn của trang

Bạn có thấy nơi nó nói “alt =”Mất bao lâu để Google lập chỉ mục?”” không? Đó là nơi văn bản thay thế của bạn tồn tại. Hình ảnh thực tế trông như thế này:

Mất bao lâu để Google lập chỉ mục?
Mất bao lâu để Google lập chỉ mục?

“Mất bao lâu để Google lập chỉ mục?” là một ví dụ về văn bản thay thế được điền trong hình ảnh. Nó mô tả cho mọi người biết hình ảnh nói về nội dung gì. Khi quyết định những gì cần điền vào đó, điều quan trọng là phải xem xét những gì bạn muốn truyền đạt cho người dùng. Hãy mô tả ngắn gọn và có liên quan đến nội dung.

Vì vậy, đâu là thẻ alt hình ảnh như thế nào sẽ không phù hợp với ngữ cảnh?

Nếu bạn có thể mô tả những gì quan trọng trong hình ảnh trong một câu duy nhất, thì bạn đã làm rất tốt. Không nên mô tả quá chi tiết, nhưng cũng không nên mô tả qua loa. Hãy làm cho nó ngắn gọn và súc tích nhất có thể

Ví dụ: Sau đây là hai đoạn alt text có sự khác nhau “bánh quy” và “bánh quy sô cô la nóng chảy béo ngậy với 20 miếng bánh quy trên đĩa sứ” hãy làm nó ngắn gọn mà vẫn bao hàm đủ nội dung như “đĩa bánh quy sô cô la mới nướng”.

Đôi khi, có một số hình ảnh không thực sự phục vụ bất kỳ mục đích nào. Nó hoàn toàn là ảnh trang trí và không truyền đạt bất kỳ thông tin quan trọng nào. Và bạn có thể để trống thẻ atl, như thế này:

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

Người dùng sẽ cho rằng không có gì liên quan đến nội dung bài viết nếu nó không hiển thị.

Cách thêm văn bản thay thế vào hình ảnh

Thực sự rất dễ dàng để thêm văn bản thay thế khi bạn biết vị trí của nó trong mã HTML của bạn. Thậm chí còn dễ dàng hơn nếu bạn đang sử dụng phần mềm, như CMS của HubSpot, cho phép bạn nhấp vào hình ảnh để tối ưu hóa hình ảnh hoặc truy cập mô-đun văn bản đa dạng thức của nó.

Nếu phần mềm cung cấp menu cho nó, hãy tìm trường được chỉ định cho văn bản thay thế và nhập vào đó.

Nếu bạn để các thiết bị của riêng mình hoạt động trong HTML, thì hãy thực hiện tìm kiếm nhanh tên tệp hình ảnh của bạn. Việc cắm đoạn mã ngắn đó là tất cả những gì cần thiết để triển khai đoạn mã đó vào hình ảnh của bạn. Đây là một dòng html chung.

<img src = “image.jpg” alt = “image description”>

Cách thêm thẻ alt vào hình ảnh
Cách thêm thẻ alt vào hình ảnh

10 mẹo để tối ưu hóa thẻ văn bản thay thế của bạn

Bất cứ khi nào bạn đặt mục tiêu tối ưu hóa bất cứ điều gì, bạn nên tìm hiểu và thử nghiệm các phương pháp hay nhất. Có rất nhiều phương pháp hay trên mạng internet và chúng luôn được cập nhật liên tục.

Dưới đây là một số mẹo để có thể tối ưu hóa thẻ văn bản thay thế – alt text một cách chuẩn và tốt nhất mà bạn nên biết.

1. Giữ cho thẻ alt ngắn gọn

Thẻ văn bản thay thế cần phải đơn giản và ngắn gọn. Người dùng đang tìm kiếm một mô tả nhanh, dễ hiểu. Trình đọc màn hình trung bình bị cắt sau 125 ký tự, vì vậy hãy cố gắng duy trì điều đó.

2. Mức độ liên quan

Mặc dù bạn đang muốn giữ cho nó ngắn gọn và dễ hiểu nhất, nó vẫn cần phải phù hợp với ngữ cảnh. Đảm bảo rằng văn bản thay thế đang truyền đạt thông tin có liên quan, có giá trị cho người dùng chứ không chỉ là một thẻ không có tác dụng.

3. Lặp lại văn bản trong ảnh (khi cần thiết).

Nếu trong hình ảnh của bạn có bất kỳ loại văn bản cần thiết nào bên trong sẽ cải thiện trải nghiệm người dùng, thì hãy đưa nó vào văn bản thay thế. Điều này không phải lúc nào cũng cần thiết, vì vậy hãy chắc chắn rằng bạn dành một chút thời gian để xem xét mức độ liên quan và bối cảnh.

4. Không bao giờ nhồi nhét Từ khóa.

Nhồi nhét từ khóa không bao giờ là một phương pháp hay nhất và hiệu quả. Nó trông không hấp dẫn và hầu hết các công cụ tìm kiếm sẽ phạt bạn vì điều đó. Đừng làm điều đó.

5. Không chèn thêm bất kì thứ gì vào HTLM.

HTML thô của bạn sử dụng dấu ngoặc kép để xác định nơi văn bản thay thế của bạn bắt đầu và kết thúc. Bất kỳ dấu ngoặc kép bổ sung nào sẽ khiến HTML bị hỏng.

6. Không bao giờ sử dụng hình ảnh làm văn bản.

Khi bạn tìm hiểu cách văn bản thay thế phổ biến trên một trang web, bạn có thể có ý tưởng sử dụng nó như một sự thay thế cho văn bản trong câu. Một lần nữa, đừng làm điều đó. Sẽ hoàn toàn nực cười khi suy nghĩ bị cắt ngang bởi một hình ảnh ở giữa đoạn văn.

7. Hãy mô tả cụ thể nội dung trong hình ảnh

Bạn muốn mô tả chính xác nhất nội dung hình ảnh. Sử dụng các từ mô tả thực sự sẽ đi sâu vào vấn đề

8. Có thể sử dụng alt với các nút

Không có gì lạ khi có một hình ảnh hoạt động như một nút trên một trang. Nếu bạn có bất kỳ mục đích nào phục vụ cho mục đích này, bạn vẫn muốn đặt cho nó một thẻ alt. Chỉ cần mô tả chức năng của nút, chẳng hạn như “gửi”, “tìm kiếm”. hoặc “đăng ký ngay bây giờ.”

9. Cho biết hình ảnh trang trí.

Chúng tôi đã nói trước đó rằng bạn có thể để trống các thẻ hình ảnh dùng để trang trí. Nhưng bạn văn bản thay thế là “hình ảnh trang trí”.

10. Hãy kiểm tra lại mọi thứ

Sau khi đã điền đầy đủ văn bản thay thế của hình ảnh. Hãy kiểm tra lại một lần nữa để chắc chắn rằng, bạn đã điền đúng và đủ tất cả những ảnh mà bạn đã làm. Nhớ rằng luôn luôn kiểm tra lại để tránh những lỗi không đáng có.

3 Ví dụ về văn bản Thay thế

Sau đây là các ví dụ về thẻ alt giúp bạn có cái nhìn rõ nét hơn về các thẻ này.

Mô tả đúng về ngữ cảnh của bức ảnh

Giả sử từ khóa chúng tôi muốn xếp hạng là “Halloween”. Thuật ngữ đó có thể khá phức tạp vì nó không phải là một đối tượng hữu hình, nó chỉ là một khái niệm. Một ý tưởng.

Một xô bí ngô làm đổ kẹo halloween và đồ chơi ma quái
Một xô bí ngô làm đổ kẹo halloween và đồ chơi ma quái

Vì vậy, chúng tôi sẽ thêm nó vào thẻ alt của hình ảnh?

<img src = “fake name.jpg” alt = “halloween mùa thu mùa bí đỏ xô và kẹo”>

Đây là một thẻ alt không tốt. Chắc chắn, chúng tôi đã sử dụng các từ liên quan có liên quan đến hình ảnh, nhưng chúng tôi chưa thực sự cung cấp bất kỳ ngữ cảnh nào cho người dùng.

Một thẻ alt tốt hơn sẽ là:

<img src = “fake name.jpg” alt = “Một xô bí ngô làm đổ kẹo halloween và đồ chơi ma quái”>

Bạn đã thấy sự khác biệt giữa hai thẻ alt này chưa

Nội dung rõ dàng và mang tính cụ thể

Ví dụ về tính cụ thể và theo ngữ cảnh của văn bản thay thế

Steph Curry và D'Angelo Russell thảo luận về các lượt chơi trong trận đấu bóng rổ
Steph Curry và D’Angelo Russell thảo luận về các lượt chơi trong trận đấu bóng rổ

Vì vậy, hãy thử cái này:

<img src = “another example.jpg” alt = “hai cầu thủ bóng rổ đứng gần nhau”>

Với thẻ alt này, nội dung của bức ảnh chỉ mang tính chất chung chung và không rõ dàng.

Trong hình ảnh này, chúng ta có hai cầu thủ bóng rổ được biết đến, Steph Curry và D’Angelo Russell, cả hai đều chơi cho Golden State Warriors. Và họ dường như đang ở giữa một cuộc thi đấu và thảo luận về các chiến thuật

<img src = “another example.jpg” alt = “Steph Curry và D’Angelo Russell thảo luận về các lượt chơi trong trận đấu bóng rổ”>

Điều này cụ thể hơn rất nhiều và cho phép người dùng biết chính xác điều gì đang xảy ra, thay vì tình huống “hai người chơi” chung chung.

Xây dựng bối cảnh

Các chuyên gia tiếp thị tham dự hội thảo về các phương pháp hay nhất về viết blog
Các chuyên gia tiếp thị tham dự hội thảo về các phương pháp hay nhất về viết blog

Hình ảnh này là một ví dụ tuyệt vời về các trường hợp khi hình ảnh không có bối cảnh rõ ràng. Điều này khá phổ biến trong các hình ảnh có sẵn, nơi bạn được phép giải thích nó theo cách bạn muốn.

Chúng ta sẽ xem xét cách viết văn bản thay thế cho hai trường hợp sử dụng khác nhau.

Giả sử đầu tiên được coi là một hội thảo.

<img src = “fakeity fake.jpg” alt = “Các chuyên gia tiếp thị tham dự hội thảo về các phương pháp hay nhất về viết blog”>

Khá rõ ràng, phải không?

Bây giờ chúng ta hãy diễn giải nó như một bài thuyết trình nội bộ tại một công ty.

<img src = “fakeity fake.jpg” alt = “Một nhóm bán hàng tham dự buổi thuyết trình đánh giá quy trình sản xuất”>

Với một số hình ảnh nhất định, bạn có thể xây dựng bối cảnh của riêng mình và viết bất kỳ câu chuyện nào phù hợp với nội dung của bạn nhất.

Kết luận

Như vậy, qua bài viết sẽ đem đến cho các bạn những kiến thức mới, bổ ích, giúp bạn có thể tối ưu một cách chi tiết và hoàn hảo thẻ alt hình ảnh trên các trang nội dung của mình. Vừa giúp cải thiện hiệu quả thứ hạng của trang web của bạn trên công cụ tìm kiếm Goolge. Vừa mang đến nhiều giá trị cho người dùng.

Xem thêm:

Nguồn tham khảo: https://www.bluleadz.com

LIÊN HỆ CHÚNG TÔI


CÔNG TY CP CÔNG NGHỆ & TRUYỀN THÔNG WEBHERE VIỆT NAM

Địa chỉ: Chung cư THT New City, QL32, Kim chung, Hoài Đức, Hà Nội

Hotline: 0888 259 299

Email: webherevn@gmail.com

Một số mẫu Website HOT.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Mẫu giao diện Liên hệ Bảng giá dịch vụ
Gọi ngay
icons8-exercise-96 chat-active-icon