Tối ưu hóa hình ảnh trong WordPress rất dễ dàng

Tối ưu hóa hình ảnh trong WordPress rất dễ dàng

WordPress là một trong những nền tảng xây dựng trang web phổ biến nhất trên thế giới hiện nay. Nó dễ sử dụng và không đòi hỏi nhiều kiến ​​thức chuyên môn hoặc đào tạo. Bất kỳ ai có hiểu biết cơ bản về Web đều bắt đầu trên nền tảng này. Điểm hay của WordPress là nó hoàn toàn miễn phí sử dụng.

Cách xếp hạng trong Tìm kiếm hình ảnh của Google

Nền tảng này cũng chứa một loạt các tính năng giúp bạn dễ dàng tải lên các bài đăng mới, lên lịch để xuất bản vào các khoảng thời gian cụ thể và thực hiện nhiều thay đổi như bạn muốn trực tiếp thông qua giao diện người dùng.

WordPress cũng cho phép người dùng tải lên hình ảnh và video lên bài đăng trên blog của họ để khiến chúng hấp dẫn và thú vị hơn, cung cấp tùy chỉnh trang web tối đa. Tạo lợi thế cho website trên kết quả tìm kiếm.

Vấn đề ở đây là.

Đối với những người đang tải lên nhiều hình ảnh bên trong bài đăng trên blog của họ, việc tự mình điền vào Văn bản thay thế, Tiêu đề, Chú thích và Mô tả sẽ rất tốn thời gian . Điều cần thiết là bạn điền vào văn bản vì Google tập trung vào những thứ nhỏ nhặt như vậy và nó có thể ảnh hưởng đến thứ hạng SEO của trang web của bạn .

WordPress tự động tạo tiêu đề hình ảnh khi bạn tải nó lên. Hình ảnh tiêu đề được sử lý đơn giản chỉ là thay thế xóa các khoảng trắng bên ngoài bạn đặt trong tên tệp và phân tách chúng.

Nếu có dấu gạch dưới hoặc dấu gạch ngang trong tiêu đề , WordPress sẽ để chúng như vậy. Nó thậm chí không viết hoa chính xác các từ như bạn mong đợi.

Một vấn đề quan trọng hơn mà bạn phải lo lắng là WordPress sẽ không tự động đặt Alt-Text cho hình ảnh. Đối với SEO , hình ảnh của bạn được yêu cầu phải có Văn bản thay thế được chỉ định chính xác . Nó hầu như không có gì để đưa ra và có thể tạo ra sự khác biệt đáng kể trong việc cải thiện khả năng hiển thị cho trang web của bạn. Không có tranh luận ở đây; bạn phải đưa lên Alt-Text cho hình ảnh của mình nếu bạn muốn Google và các công cụ tìm kiếm lớn khác chú ý.

Bạn có thể nhập Alt-Text theo cách thủ công cho mọi hình ảnh bạn tải lên bằng cách truy cập trang Chỉnh sửa phương tiện , nhưng bản thân nó khá rắc rối. Rất may, có một cách tiếp cận hợp lý hơn mà bạn có thể làm theo, nó sẽ không chỉ giúp bạn điền vào Alt-Text , mà còn cho phép bạn đặt chú thích của hình ảnh cũng như mô tả bằng tên tệp rõ ràng .

Giải pháp.

Mỗi khi bạn tải một tệp phương tiện mới lên WordPress, nó sẽ tạo một tiêu đề , đoạn trích và tất cả những thứ khác mà một bài viết gốc dự kiến ​​sẽ có.

Cuối cùng, bạn có thể thay đổi siêu dữ liệu để đặt Alt-Text . Để tự động cập nhật Tiêu đề và Chú thích , bạn sẽ cần sử dụng hai chức năng WordPress và một cái hook.
Hook `add_attachment` sẽ giúp chúng ta và hàm đầu tiên chúng ta sẽ sử dụng là hàm` wp_update_post () `để cập nhật bảng` wp_posts`.
Hàm tiếp theo chúng ta sẽ sử dụng là hàm `update_post_meta ()` để thiết lập Alt-Text.

Thực hiện

Sao chép mã php bên dưới vào file function.php của themes. Mã này sẽ tự động Điền Tiêu Đề, Chú Thích, Văn Bản Thay Thế Và Mô Tả Trên Hình Ảnh.

/* Automatically set the image Title, Alt-Text, Caption & Description upon upload
-----------------------------------------------------------------------*/
 
add_action( 'add_attachment', 'my_set_image_meta_upon_image_upload' );
 
function my_set_image_meta_upon_image_upload( $post_ID ) {
    // Check if uploaded file is an image, else do nothing
    if ( wp_attachment_is_image( $post_ID ) ) {
        $my_image_title = get_post( $post_ID )->post_title;
        // Sanitize the title: remove hyphens, underscores & extra
        // spaces:
        $my_image_title = preg_replace( '%\s*[-_\s]+\s*%', ' ',
        $my_image_title );
        // Sanitize the title: capitalize first letter of every word
        // (other letters lower case):
        $my_image_title = ucwords( strtolower( $my_image_title ) );
        // Create an array with the image meta (Title, Caption,
        // Description) to be updated
        // Note: comment out the Excerpt/Caption or Content/Description
        // lines if not needed
        $my_image_meta = array(
        // Specify the image (ID) to be updated
        'ID' => $post_ID,
        // Set image Title to sanitized title
        'post_title' => $my_image_title,
        // Set image Caption (Excerpt) to sanitized title
        'post_excerpt' => $my_image_title,
        // Set image Description (Content) to sanitized title
        'post_content' => $my_image_title,
        );
 
        // Set the image Alt-Text
        update_post_meta( $post_ID, '_wp_attachment_image_alt',
        $my_image_title );
        // Set the image meta (e.g. Title, Excerpt, Content)
        wp_update_post( $my_image_meta );
    }
}

Lời kết.

Đây là một đoạn mã nhỏ khá tiện dụng sẽ giúp cuộc sống của bạn dễ dàng hơn rất nhiều. Tối ưu hóa hình ảnh trong WordPress rất dễ dàng.

Tôi hy vọng bạn tìm thấy hướng dẫn này hữu ích. Nếu vậy, hãy xem xét chia sẻ nó với khách hàng của bạn!


Học về Coding. Làm về IT. Nhưng hiện nay lại chuyển sang làm Digital Marketing. Sở thích chơi với con, lang thang Internet và mê DotA :D

    Comments are closed.