Alt image là gì

Một số lượng lớn các nội dụng web bao gồm các hình ảnh, tuy nhiên không nhiều chủ các trang web này tối hưu hóa các hình ảnh của họ để cải thiện tốc độ và có một thứ hạng tìm kiếm tốt hơn. Thậm chí WordPress đi cùng với lựa chọn để thêm vào alt text và image title, thường thì người dùng mới không hiểu được sự khác biệt và làm thế nào để sử dụng chúng. Trong bài viết này, chúng tôi sẽ chỉ cho bạn sự khác nhau giữa image alt text và image title trong WordPress.

Alt Text hoặc alternative text là một bổ sung được thêm vào một thẻ hình ảnh trong HTML. Đoạn văn bản này xuất hiện bên trong image container khi mà hình ảnh không thể được trình chiếu. Nó giúp các công cụ tìm kiếm hiểu được hình ảnh này là về cái gì. Alternative text cũng rất hữu ích trong trường hợp các hình ảnh trên một trang không thể được tìm thấy.

Image Title là một bổ sung khác mà có thể được thêm vào thẻ hình ảnh trong HTML. Nó được dùng để cung cấp một tiêu đề cho hình ảnh của bạn, phần văn bản bạn nhập vào bên trong thẻ tiêu đề sẽ không được hiển thị đến người dùng khi một hình ảnh không thể trình chiếu được. Thay vào đó, nó được hiển thị trong một popup khi một người dùng di chuột của họ đến hình ảnh.

Alt tag và image titles cũng được dùng để cải thiện khả năng truy cập cho trang web của bạn với những người có tầm nhìn kém hoặc có các thiết bị đọc màn hình không tốt. Một phần mềm đọc màn hình sẽ đọc toàn bộ phần văn bản và khi đó là một hình ảnh, nó sẽ hiển thị: Hình ảnh: Tiều đề XYZ. điều này cho phép người dùng biết được tại sao bạn thêm hình ảnh này tại đây thậm chí cả khi họ không thể nhìn thấy chúng.

WordPress cho phép bạn thêm Alt Text cho các hình ảnh của mình khi bạn tải chúng lên sử dụng built-in media uploader.

Bạn cũng có thể thêm alt text vào một hình ảnh bằng việc đi đến Media, chọn Library và click vào link Edit bên dưới hình ảnh.

Khi bạn tải lên một hình ảnh sử dụng built-in WordPress Media Uploader, bạn sẽ thấy một trường tiêu đề. Trường tiêu đề này được sử dụng bởi WordPress để xử lý các files media của bạn và không nên bị nhầm lẫn với các thuộc tính tiêu đề được sử dụng trong một hình ảnh.

Tiều đề mà bạn thêm vào trong khi tải lên một hình ảnh chỉ được sử dụng bởi WordPress media library để hiển thị danh sách các files media của mình.

Trong khi tiêu đề này giúp bạn định vị được media files của mình trong WordPress media library, nó không phải là thuộc tính tiêu đề mà chúng tôi đang nói đến. Đây là cách bạn sẽ thêm một thuộc tính tiêu đề đến các hình ảnh của mình trong WordPress.

Nếu bạn đang sử dụng công cụ chỉnh sửa bài đăng trực quan, thì bạn cần click vào hình ảnh và sau đó click vào Edit trên hình ảnh.

Điều này đưa ra màn hình popup chỉnh sửa hình ảnh nơi bạn cần click vào Advanced Options. Việc này sẽ làm hiển thị lựa chọn để thêm thuộc tính tiêu đề cho hình ảnh.

Cho những người dùng mà không sợ việc phải chỉnh sửa một chút HTML. đơn giản chuyển qua phần soạn thảo văn bản và thêm thuộc tính tiêu đề đến thẻ hình ảnh của bạn như dưới đây:

Cách khác, bạn có thể sử dụng một plugin gọi là Restore Image Title mà sử dụng trường tiêu đề trong uploader như là thuộc tính tiêu đề của các hình ảnh.

Chúng tôi khuyến nghị các người dùng của mình sử dụng cả hai alt text và image title với các hình ảnh của họ. Một lợi thế hiển nhiên là nó giúp các công cụ tìm kiếm tìm ra các hình ảnh của bạn và hiển thị chúng trong các kết quả tìm kiếm hình ảnh. Một lợi thế khác là những thẻ này cải thiện khả năng truy cập đến trang web của bạn và giải thích các hình ảnh cho mọi người với các nhu cầu đặc riêng biệt.

Các công cụ tìm kiếm, đặc biệt là Google khẳng định rằng họ chỉ tập trung vào alt tag như một nhân tố thứ hạng cho các hình ảnh. Tuy nhiên, điều này không có nghĩa là họ hoàn toàn bỏ qua thuộc tính tiêu đề. Thử thêm các văn bản khác nhau vào cả hai thuộc tính sử dụng các từ khóa miêu tả các hình ảnh của bạn.

Cũng phải nhớ rằng không nên để quá nhiều từ khóa vào các thẻ alt và title. Thay vào đó, viết các văn bản có tính mô tả và hữu ích mà thực sự miêu tả hình ảnh đó.

Chúng tôi hy vọng bài viết này giúp bạn hiểu được image alt text và image title trong WordPress. Bạn có thể cũng muốn tham khảo qua hướng dẫn của chúng tôi về 6 wordpress plugins nén ảnh tốt nhất hiện nay.

Alt text trong seo 2021

Alt Text là gì?

Alt Text [văn bản thay thế] còn gọi là thuộc tính alt hay trong kỹ thuật thường gọi là thẻ Alt. Chúng được dùng trong mã HTML để miêu tả cách hiển thị và chức năng của hình ảnh được sử dụng trong bài blog.

Cách dùng

1. Thêm thuộc tính Alt vào ảnh là yếu tố thu hút nhiều người dùng truy cập vào website kể cả những người dùng có khả năng trực quan còn hạn chế.

2. Văn bản thay thế sẽ được hiển thị thay cho hình ảnh, khi hình ảnh trên trang web bị lỗi hiển thị.

3. Alt text cung cấp ngữ cảnh/mô tả hình ảnh cho trình thu thập thông tin trên các công cụ tìm kiếm từ đó thúc đẩy index nhanh chóng hơn.

Đoạn alt text cho hình ảnh

Ví dụ cụ thể:

img srx="pupdanceparty.gif" alt="Puppies dancing"

Tối ưu hóa định dạng Alt Text

Định dạng chuẩn nhất cho thuộc tính alt là chứa đầy đủ mô tả về hình ảnh nhưng tuyệt đối không spam. Ví dụ: Bạn có thể hình dung được hình ảnh hiển thị trên màn hình chỉ cần nhờ ai đó đọc giúp đoạn alt text của hình ảnh khi bạn đã nhắm mắt lại. Điều này cũng đồng nghĩa với việc bạn đã có một alt text thành công.

Ví dụ cụ thể hơn:

Ví dụ về alt text cho hình ảnh bánh ngọt

Đây là ví dụ về cách sử dụng alt text cho một hình ảnh trên:

Tạm được: img srx="pancakes.png" alt="bánh xếp"

Alt này chỉ gọi là tạm được bởi vì nó không có mô tả cụ thể cho phần bánh hiển thị trên hình ảnh. Và alt text chuẩn nên được dùng đó là :

img srx="pancakes.png" alt="Một bánh xếp được phủ đường bột"

Một số cái cần tránh như:

img srx="pancakes.png" alt="" img srx="pancakes.png" alt="bánh xếp bánh xếp bánh nóng bánh nóng bữa ăn sáng hoàn hảo công thức nấu bữa ăn sáng hoàn hảo"

Cả 2 trường hợp này đều không được khuyến khích do mang tính chất spam và bỏ trống mô tả.

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

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.

Jim Halpert khi ở văn phòng

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.

Cách để tạo một Alt Text chuẩn

1. 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. Nếu một hình ảnh thực sự không truyền tải bất kỳ ý nghĩa / giá trị nào và chỉ có mục đích thiết kế, thì nó sẽ nằm trong CSS chứ không phải HTML.
2. 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]
3. 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ể. Mặc dù ưu tiên đầu của bạn phải là mô tả và cung cấp ngữ cảnh cho hình ảnh, nhưng nó sẽ tốt hơn nếu bạn có bao gồm từ khóa chiến lược của mình vào đấy.
4. 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. Do đó, hãy tập trung vào tạo Văn bản thay thế cung cấp ngữ cảnh cho hình ảnh và chỉ thêm từ khóa mục tiêu khi phù hợp.
5. 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. Bởi vì công cụ tìm kiếm không thể đọc văn bản trong hình ảnh của bạn, bạn nên tránh sử dụng hình ảnh thay Văn bản thay thế. Nếu bạn phải làm như vậy, hãy kèm theo giải thích ảnh trong alt text.
6. Tránh dùng nhiều cụm “hình ảnh của”, “bức ảnh của”,… trong alt text. Hình ảnh được sử dụng đã được giả định rằng nó đang tham chiếu đến một hình ảnh rồi, vì vậy không cần phải chỉ định nó nữa mà hãy sử dụng alt giải thích chi tiết cho hình ảnh.
7. Sử dụng thẻ longdesc=””. Việc này cực kỳ hữu ích khi bạn có các hình ảnh phức tạp và cần mô tả dài hơn.
8. Đừng quên dùng alt cho các nút Form. Nếu một biểu mẫu trên trang web của bạn sử dụng hình ảnh làm nút “gửi”, hãy cung cấp cho nó một thuộc tính alt. Các nút hình ảnh phải có thuộc tính alt mô tả chức năng của nút như, “tìm kiếm”, “đăng ký ngay”, “đăng ký”, v.v.

Một số Alt Text được đánh giá cao

Lấy hình ảnh cho ví dụ cụ thể:

Hình ảnh ví dụ cho alt text

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

Cách tạo alt text được đánh giá cao

Tạm được: img srx="escalator.jpg" alt="người đàn ông trên thang cuốn" Được: img srx="escalator.jpg" alt="người đàn ông đang đi bộ trên thang cuốn> Đánh giá cao: img srx="escalator.jpg" alt="người đàn ông mang balo đang đi bộ trên thang cuốn" Đánh giá tổng quan Website từ công cụ SEMrushTạm được: img srx="kwe.png" alt="tổng quan tên miền" Được: img srx="kwe.png" alt="đánh giá tổng quan tên miền" Đánh giá cao: img srx="kwe.png" alt="đánh giá tổng quan tên miền toponseek từ công cụ SEMrush"

Nếu bạn đang tìm kiếm một nơi cung cấp dịch vụ SEO uy tín, chuyên nghiệp, phù hợp với nhu cầu của bạn thì Top On Seek là lựa chọn tuyệt vời. Với đội ngũ chuyên gia có kiến thức chuyên sâu về SEO, chúng tôi luôn tự tin mang đến cho Website của bạn những giải pháp seo toàn diện nhất! Vui lòng liên hệ trực tiếp hoặc để lại thông tin TOS sẽ nhanh chóng gọi và tư vấn chi tiết cho bạn.

Nguồn tham khảo: moz.com