Việc thêm tiêu đề cho hình ảnh trong WordPress liệu có thực sự quan trọng và cần thiết? Câu trả lời đương nhiên là có rồi, tiêu đề cho phép bạn cung cấp thông tin bổ sung về mỗi hình ảnh. Điều này giúp độc giả và cả các công cụ tìm kiếm hiểu rõ hơn về nội dung của hình ảnh, điều này rất tốt cho khả năng tiếp cận và tối ưu hóa SEO. Trong bài viết này, Vietnix sẽ hướng dẫn bạn cách dễ dàng thêm thuộc tính tiêu đề cho các hình ảnh trong WordPress.
Thuộc tính tiêu đề trong hình ảnh là gì?
Các trình duyệt web, bot và thiết bị đọc văn bản thực tế không thể nhìn thấy hình ảnh của bạn. Thay vào đó, họ thấy code HTML như:
<img src="/duong/dan/anh/hoaqua.jpg" width="100" height="100" />
Hầu hết thời gian, code này không giúp các công cụ hỗ trợ khả năng tiếp cận và các công cụ tìm kiếm hiểu rõ hình ảnh đang nói về gì.
Đó là lý do tại sao Vietnix khuyến nghị bạn nên thêm thẻ tiêu đề cho hình ảnh của bạn. Ví dụ:
<img src="/duong/dan/anh/hoaqua.jpg" width="100" height="100" alt="Một rổ hoa quả" title="Rổ Hoa Quả" />
Một thẻ tiêu đề sẽ khá hữu ích và liên quan sẽ giúp các công cụ tìm kiếm như Google khi lập chỉ mục hình ảnh của bạn và sau đó hiển thị chúng cho những người đang tìm kiếm nội dung tương tự. Điều này có thể cải thiện tối ưu hình ảnh và tăng lưu lượng truy cập cho blog của bạn.
Các công cụ khả năng tiếp cận như trình đọc màn hình cũng sẽ đọc tiêu đề thành tiếng, điều này hữu ích đối với những người truy cập gặp vấn đề về thị lực.
Bạn cũng có thể thêm một thuộc tính thẻ ALT, mà trang web WordPress của bạn sẽ hiển thị nếu nó không thể hiển thị hình ảnh thực tế vì một số trường hợp bất khả kháng như lỗi WordPress.
Cùng Vietnix hãy xem cách bạn có thể thêm thuộc tính tiêu đề vào blog hoặc trang web WordPress của bạn. Chỉ cần sử dụng các liên kết nhanh dưới đây để chuyển đến phương pháp bạn muốn sử dụng:
Phương pháp 1: Thêm tiêu đề cho hình ảnh trong WordPress bằng cách sử dụng Block Editor
Phương pháp 2: Thêm tiêu đề cho hình ảnh trong WordPress bằng cách sử dụng WordPress Classic Editor
Phương pháp 1: Thêm tiêu đề cho hình ảnh trong WordPressbằng cách sử dụng Block Editor
Bạn có thể dễ dàng thêm văn bản thay thế (alt text) và thuộc tính tiêu đề cho bất kỳ hình ảnh nào trong trình soạn thảo nội dung WordPress. Chỉ cần đi tới Posts > Add New và tạo một bài viết.
Sau đó, nhấp vào biểu tượng “+” và chọn khối Image để thêm hình ảnh vào bài viết hoặc trang.
Bây giờ bạn có thể chọn một hình ảnh từ media library hoặc tải lên một hình ảnh từ máy tính của mình. Dù bạn chọn cách nào, hãy nhớ nhấp vào hình ảnh trong media library để chọn nó.
Sau đó, bạn có thể thêm văn bản thay thế bằng cách gõ vào trường “ALT Text”.
Cũng có một trường “Tittle”, nhưng đây là tiêu đề mà WordPress sử dụng để xác định tệp phương tiện trong media library. Để biết thêm thông tin về chủ đề này, hãy xem so sánh của Vietnix về sự khác nhau giữa Image Alt Text và Image Title trong WordPress.
Để thêm thuộc tính tiêu đề hình ảnh HTML, bạn cần thêm hình ảnh vào trang hoặc bài viết của bạn, như thông thường. Sau đó, nhấp để mở rộng phần “Advanced” trong menu bên phải.
Ở đó có một trường “Title attribute”, đó là thẻ tiêu đề hình ảnh HTML thực sự.
Chỉ cần nhập thông tin bạn muốn sử dụng vào trường này.
Bây giờ, bạn có thể tiến hành nhấp vào “Update” hoặc “Publish” để đưa thay đổi của bạn trực tiếp.
Bây giờ, chỉ cần di chuột qua hình ảnh và bạn sẽ thấy một cửa sổ bật lên chứa thẻ tiêu đề của bạn.
Phương pháp 2: Thêm tiêu đề cho hình ảnh trong WordPress bằng cách sử dụng WordPress Classic Editor
Nếu bạn đang sử dụng classic editor cũ hơn, thì quá trình thêm thuộc tính tiêu đề có chút khác biệt. Trong classic editor, nhấp vào nút “Add Media” và chọn hình ảnh của bạn.
Sau đó, bạn có thể tải lên hình ảnh mới hoặc chọn hình ảnh từ thư viện phương tiện. Sau đó, bạn có thể thêm văn bản thay thế (ALT text) và tiêu đề bằng cách sử dụng các trường ở phía bên phải của thư viện phương tiện.
Một lần nữa, hãy nhớ rằng “Title” được sử dụng bên trong WordPress và không phải là thuộc tính tiêu đề thực sự của hình ảnh có thể cải thiện SEO và khả năng tiếp cận.
Khi bạn đã sẵn sàng, hãy nhấp vào nút “Insert into post”.
Từ đó, hãy nhấp để chọn hình ảnh của bạn và sau đó chọn biểu tượng bút chì nhỏ. Điều này sẽ mở hộp thoại “Image Details”.
Chỉ cần nhấp để mở rộng phần “Advanced Options” và sau đó nhập thẻ tiêu đề vào trường “Image Title Attribute”.
Đừng quên nhấn nút “Update” để lưu thay đổi của bạn.
Bây giờ, bạn có thể tiến hành xuất bản trang hoặc bài viết để hiển thị văn bản thay thế và tag tiêu đề trên trang.
Lời kết
Vietnix hy vọng bài viết này đã giúp bạn dễ dàng thêm thuộc tính tiêu đề cho hình ảnh trong WordPress. Bạn cũng có thể muốn xem hướng dẫn tối ưu tốc độ và hiệu suất WordPress của Vietnix và lựa chọn chuyên gia về các công cụ SEO tốt nhất cho WordPress mà bạn nên sử dụng.