Văn bản thay thế hình ảnh so với Tiêu đề hình ảnh trong WordPress – Sự khác biệt là gì?

Nội dung bài viết

Rất nhiều nội dung trên web bao gồm hình ảnh. Tuy nhiên, không có nhiều chủ sở hữu trang web tối ưu hóa hình ảnh của họ để tăng tốc độ hoặc xếp hạng tìm kiếm tốt hơn.

Mặc dù WordPress đi kèm với tùy chọn thêm văn bản thay thế và tiêu đề hình ảnh, nhưng người mới bắt đầu thường không hiểu sự khác biệt và cách sử dụng chúng.

Trong bài viết này, chúng tôi sẽ chia sẻ sự khác biệt giữa văn bản thay thế hình ảnh và tiêu đề hình ảnh trong WordPress, để bạn có thể cải thiện SEO hình ảnh của mình.

Using image alt text and title in WordPress

Văn bản Thay thế và Tiêu đề Hình ảnh là gì?

Văn bản thay thế là viết tắt của văn bản thay thế. Đó là một thuộc tính được thêm vào thẻ hình ảnh trong HTML. Điều này giúp khách truy cập không thể nhìn thấy hình ảnh và các bot của công cụ tìm kiếm có thể hiểu hình ảnh nói về điều gì.

Văn bản thay thế cũng được hiển thị nếu không thể tìm thấy hình ảnh trên trang của bạn hoặc không thể hiển thị vì bất kỳ lý do gì.

The alt text "Bunch of flowers" displays next to a broken image icon

Văn bản thay thế khác với tiêu đề của hình ảnh. Tiêu đề là văn bản được hiển thị trong một hộp bật lên nhỏ khi bạn đưa con trỏ chuột qua hình ảnh.

An image with the title text "Flowers from my garden"

Thẻ thay thế và tiêu đề hình ảnh cũng được sử dụng để cải thiện khả năng truy cập trang web của bạn cho những người có thị lực kém hoặc thiết bị đọc màn hình.

Trình đọc màn hình sẽ đọc văn bản của bài viết của bạn và khi có hình ảnh, nó sẽ đọc văn bản thay thế. Tùy thuộc vào cài đặt của người dùng, nó cũng có thể đọc văn bản tiêu đề.

Đối với cả khả năng truy cập và tối ưu hóa công cụ tìm kiếm (SEO), văn bản thay thế quan trọng hơn văn bản tiêu đề. Đây là lý do tại sao chúng tôi đặc biệt khuyên bạn nên bao gồm văn bản thay thế cho tất cả các hình ảnh của bạn.

Mẹo chuyên nghiệp: Chúng tôi khuyên bạn nên sử dụng plugin Tất cả trong một SEO cho WordPress để thêm sơ đồ trang web hình ảnh thích hợp và các tính năng SEO khác để cải thiện xếp hạng SEO của bạn.

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

WordPress cho phép bạn dễ dàng thêm văn bản thay thế cho hình ảnh của mình. Đơn giản chỉ cần tạo một bài đăng hoặc trang mới hoặc chỉnh sửa một bài viết hoặc một trang hiện có và thêm một khối Hình ảnh.

Nếu bạn không chắc chắn về cách thêm khối hoặc bạn cần thêm trợ giúp với trình chỉnh sửa khối, chỉ cần xemhướng dẫn của chúng tôi về cách sử dụng trình chỉnh sửa khối WordPress .

Đầu tiên, tải hình ảnh của bạn lên hoặc kéo và thả vào khối Hình ảnh. Sau đó, bạn có thể đặt văn bản thay thế ở phía bên phải của trang.

Adding alt text to an image in the WordPress block editor

Bạn cũng có thể thêm văn bản thay thế vào hình ảnh bằng cách vào Media »Library và nhấp vào hình ảnh để chỉnh sửa.

Hãy nhớ rằng, điều này sẽ không thay đổi văn bản thay thế cho bất kỳ trường hợp nào của hình ảnh đó mà bạn đã chèn vào các bài đăng hoặc trang. Tuy nhiên, nếu bạn thêm hình ảnh vào một bài đăng hoặc trang sau khi thêm văn bản thay thế vào đây, thì văn bản thay thế sẽ được bao gồm với nó.

Viewing or editing the alt text for your image in the WordPress media library

Nếu bạn vẫn đang sử dụng trình chỉnh sửa WordPress cổ điển , thì bạn có thể thêm văn bản thay thế hình ảnh khi thêm hình ảnh.

Đầu tiên, nhấp vào ‘Thêm phương tiện’ phía trên hộp đăng.

Click 'Add Media' in the classic editor to add an image to your post

Tải lên hình ảnh từ máy tính của bạn hoặc nhấp vào tab ‘Thư viện phương tiện’ để xem hình ảnh bạn đã tải lên.

Tiếp theo, nhấp vào hình ảnh bạn muốn để chọn nó, sau đó nhập văn bản thay thế bạn muốn vào ‘Chi tiết tệp đính kèm’ của hình ảnh của bạn:

Adding alt text to an image in the classic editor

Cách thêm tiêu đề hình ảnh trong WordPress

Có hai loại thuộc tính tiêu đề mà bạn có thể thêm vào hình ảnh của mình.

Thuộc tính tiêu đề WordPress mặc định không được thêm vào mã HTML cho hình ảnh. Nó được WordPress sử dụng nội bộ để xác định các tệp phương tiện.

Nếu bạn muốn thêm tiêu đề vào hình ảnh của mình, thì bạn cần thực hiện việc này bằng cách sử dụng Thư viện phương tiện. Bạn hiện không thể thêm tiêu đề vào hình ảnh khi chỉnh sửa nó trong trình chỉnh sửa trực quan.

Tiêu đề không cần thiết cho SEO hình ảnh hoặc cho người dùng có trình đọc màn hình. Tuy nhiên, nó có thể hữu ích trong một số trường hợp, vì nó cho phép bạn cung cấp thông tin khi người dùng đưa chuột qua hình ảnh.

Một điều thường gây nhầm lẫn cho người dùng WordPress, kể cả một số người dùng có kinh nghiệm, đó là WordPress cho phép bạn đặt tiêu đề cho hình ảnh. Điều này hoàn toàn tách biệt với thuộc tính tiêu đề hình ảnh.

Ví dụ: bạn sẽ thấy trường ‘Tiêu đề’ khi bạn chỉnh sửa hình ảnh trong thư viện phương tiện :

Viewing or editing the image's Title in the media library

‘Tiêu đề’ ở đây được WordPress sử dụng để xác định hình ảnh. Khi bạn nhấp vào liên kết ‘Xem trang tệp đính kèm’ ở cuối màn hình, bạn sẽ thấy tiêu đề được sử dụng làm tiêu đề trên trang đó:

Viewing the image's attachment page, with the image title shown

Mặc dù điều này có thể hữu ích trong một số trường hợp, nhưng nó không giống với thuộc tính tiêu đề của hình ảnh. Vì vậy, làm thế nào để bạn tạo ra điều đó?

Trong trình chỉnh sửa cổ điển cũ, bạn có thể thêm thuộc tính tiêu đề bằng cách nhấp vào hình ảnh, sau đó nhấp vào biểu tượng bút chì:

Editing an image in the WordPress classic editor

Sau đó, bạn sẽ thấy màn hình ‘Chi tiết hình ảnh’. Để đặt thuộc tính tiêu đề hình ảnh, hãy nhấp vào mũi tên nhỏ xuống bên cạnh ‘Tùy chọn nâng cao’ ở dưới cùng:

Click the downward arrow to view the Advanced details for your image

Sau đó, bạn có thể đặt thuộc tính tiêu đề của hình ảnh.

Setting the image title attribute in the classic editor

Thật không may, trong trình chỉnh sửa khối, việc chỉnh sửa thuộc tính tiêu đề của hình ảnh không dễ dàng như vậy. Nó vẫn có thể, mặc dù. Bạn có thể thêm hình ảnh của mình như bình thường, sau đó chỉnh sửa khối dưới dạng mã HTML.

Để chuyển sang chế độ xem HTML của khối, hãy nhấp vào ‘Tùy chọn khác’ (3 dấu chấm dọc) sau đó nhấp vào ‘Chỉnh sửa dưới dạng HTML’.

Editing your image as HTML

Nó có thể trông hơi khó hiểu, nhưng tất cả những gì bạn cần biết là thẻ <img> là thứ tạo ra hình ảnh của bạn. Bạn sẽ thấy tên tệp hình ảnh của mình ở đó.

The HTML code for the image

Để thêm thuộc tính tiêu đề vào hình ảnh của bạn, bạn chỉ cần thêm title="Your image title here" vào thẻ hình ảnh như sau:

<img src="http://www.yourwebsitename.com/wp-content/uploads/2020/03/daffodils-bunch-vase.jpg" title="Bunch of daffodils" alt="A lovely bunch of daffodils" class="wp-image-257"/>

Bạn đặt thuộc tính tiêu đề ở đâu trong thẻ hình ảnh không quan trọng.

Sau khi nhập tiêu đề, bạn sẽ thấy thông báo cảnh báo rằng “Khối này chứa nội dung không mong muốn hoặc không hợp lệ.”

Warning message saying that the block contains unexpected content

Chỉ cần nhấp vào nút ‘Chuyển đổi sang HTML’ và khối hình ảnh của bạn sẽ được chuyển đổi thành mã HTML. Nó sẽ vẫn hiển thị trên trang web của bạn chính xác như trước đây, nhưng bạn sẽ không thể chỉnh sửa hình ảnh bằng trình chỉnh sửa khối.

Tại sao và làm thế nào bạn nên sử dụng văn bản thay thế và tiêu đề hình ảnh

Chúng tôi thực sự khuyên bạn nên sử dụng văn bản thay thế cho tất cả các hình ảnh. Ở đây trên Thuthuatwordpress.net, chúng tôi cũng thêm tiêu đề cho tất cả các hình ảnh. Tuy nhiên, điều này ít quan trọng hơn văn bản thay thế.

Văn bản thay thế rất quan trọng vì Google tập trung vào nó như một yếu tố xếp hạng cho hình ảnh. Nó cũng được sử dụng bởi trình đọc màn hình để giúp khách truy cập bị suy giảm thị lực có thể hoàn toàn tương tác với nội dung của bạn.

Điều quan trọng là không nhồi nhét từ khóa vào thẻ alt và thẻ tiêu đề. Làm cho chúng mang tính mô tả và hữu ích để chúng hữu ích cho những khách truy cập cần chúng. Bạn có thể sử dụng các từ khóa của mình nếu có liên quan, nhưng đừng lạm dụng nó.

Ví dụ: nếu bạn đang viết một bài báo về dịch vụ lưu trữ WordPress tốt nhất , thì từ khóa mục tiêu của bạn có thể là “dịch vụ lưu trữ WordPress tốt nhất”.

Bạn có thể có ảnh chụp màn hình trong bài viết của mình hướng dẫn người dùng cách thiết lập tài khoản với máy chủ lưu trữ web phổ biến như Bluehost .

Dưới đây là một số tùy chọn có thể có cho văn bản thay thế của bạn cho hình ảnh đó:

  • “Thiết lập tài khoản” – điều này không mang tính mô tả và cũng không bao gồm bất kỳ điều gì liên quan đến từ khóa của bạn
  • “Lưu trữ WordPress tốt nhất, lưu trữ WordPress, lưu trữ web tốt nhất cho WordPress” – điều này không mô tả hình ảnh và chứa đầy các từ khóa
  • “Thiết lập tài khoản lưu trữ WordPress” – điều này tốt hơn nhiều vì nó mang tính mô tả và sử dụng một phần của từ khóa theo cách tự nhiên và phù hợp

Chúng tôi hy vọng bài viết này đã giúp bạn hiểu sự khác biệt giữa văn bản thay thế hình ảnh và tiêu đề hình ảnh trong WordPress. Bạn cũng có thể muốn xem hướng dẫn thân thiện với người mới bắt đầu của chúng tôi về cách tối ưu hóa hình ảnh cho web để tăng tốc trang web của bạn và so sánh của chúng tôi về các plugin & công cụ SEO WordPress tốt nhất để cải thiện thứ hạng của bạn.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!