Tự động thêm nội dung cho thẻ ALT của hình ảnh

Ý nghĩa của thẻ alt trong hình ảnh với SEO

Thẻ alt (viết tắt của “alternative text” – văn bản thay thế) trong hình ảnh có ý nghĩa quan trọng đối với SEO (Search Engine Optimization) – tối ưu hóa công cụ tìm kiếm. Dưới đây là một số lý do tại sao thẻ alt lại quan trọng:

1. Cải thiện khả năng truy cập (Accessibility): Thẻ alt giúp người dùng sử dụng trình đọc màn hình hiểu được nội dung của hình ảnh khi họ không thể nhìn thấy hình ảnh đó. Điều này tạo điều kiện cho trang web của bạn trở nên thân thiện hơn với người dùng khuyết tật, đồng thời tuân thủ các tiêu chuẩn truy cập web.
2. Cung cấp ngữ cảnh cho công cụ tìm kiếm: Công cụ tìm kiếm không thể “nhìn thấy” hình ảnh một cách trực tiếp như con người. Thẻ alt cung cấp một văn bản mô tả hình ảnh, giúp công cụ tìm kiếm hiểu được nội dung và ngữ cảnh của hình ảnh, từ đó cải thiện khả năng hiển thị của hình ảnh trong kết quả tìm kiếm.
3. Tăng cơ hội xuất hiện trong tìm kiếm hình ảnh: Mô tả chính xác và liên quan trong thẻ alt có thể giúp hình ảnh của bạn xuất hiện trong kết quả tìm kiếm hình ảnh cho các từ khóa cụ thể, từ đó tăng traffic từ công cụ tìm kiếm.
4. Cải thiện xếp hạng tìm kiếm: Mặc dù thẻ alt chỉ là một trong số nhiều yếu tố SEO, nhưng việc tối ưu hóa thẻ alt có thể góp phần cải thiện xếp hạng tìm kiếm tổng thể của trang web.
5. Phòng trường hợp hình ảnh không tải được: Nếu hình ảnh không tải được vì lý do nào đó (ví dụ, do lỗi kết nối hoặc hình ảnh bị xóa), thẻ alt sẽ được hiển thị thay thế, giúp người dùng hiểu được hình ảnh đó được dự định để làm gì.

Để tối ưu hóa thẻ alt cho SEO, bạn nên đảm bảo rằng mô tả của bạn ngắn gọn, liên quan, và bao gồm các từ khóa mục tiêu (khi phù hợp), nhưng tránh “stuffing” từ khóa một cách không tự nhiên vì điều này có thể bị coi là hành vi spam bởi các công cụ tìm kiếm.

Code tự động chèn thẻ alt từ tên file hình ảnh

Chèn đoạn mã code sau vào file funtion.php để tự động thêm nội dung vào thẻ alt, vào title, mô tả từ tên file hình ảnh.

/* tự động thêm nội dung cho thẻ alt */
function auto_set_image_alt( $post_ID ) {
    if ( wp_attachment_is_image( $post_ID ) ) {
        $my_image_title = get_post( $post_ID )->post_title;
        $my_image_title = preg_replace( '%\s*[-_\s]+\s*%', ' ',  $my_image_title );
        $my_image_title = ucwords( strtolower( $my_image_title ) );
        $my_image_meta = array(
            'ID' => $post_ID,
            'post_title' => $my_image_title, // Set image Title to sanitized title
            'post_excerpt' => $my_image_title, // Set image Caption (excerpt) to sanitized title
            'post_content' => $my_image_title, // Set image Description (content) to sanitized title
        );
        update_post_meta( $post_ID, '_wp_attachment_image_alt', $my_image_title );
        wp_update_post( $my_image_meta );
    }
}
add_action( 'add_attachment', 'auto_set_image_alt' );