Cách thêm thẻ Alt vào ảnh trên WordPress tự động hàng loạt

Thẻ Alt trên ảnh của website là yếu tố được google đánh giá khá cao bởi đây là thẻ giúp cho google có thể nhận dạng được đây là ảnh nói về vấn đề gì, ngoài ra khi chúng ta đặt ảnh trong bài viết thì có thẻ alt trong ảnh nó cũng giúp bài viết của bạn trở nene thân thiện hơn với google từ đó google sẽ gia tăng khả năng xếp hạng của bạn .

Thường thì khi chúng ta đăng ảnh lên một website nào đó thường hay bỏ quên yếu tố miêu tả hình ảnh và thể alt cho ảnh , cứ vậy sau một khoảng thời gian dài thì số lượng ảnh trên website khá lớn cho nên việc thực hiện edit lại toàn bộ hình ảnh trên website đó gặp cự kỳ khó khăn . Chính vì thế hôm nay HICC xin hướng dẫn mọi người cách thực hiện đặt thẻ Alt hoàn toàn tự động trên website nhé .

Thêm thẻ alt vào ảnh wordpress

Các lợi ích của việc đặt thẻ Alt cho hình ảnh :

  • Giúp gia tăng thứ hạng cho hình ảnh và qua đó khi người dùng tìm kiếm các từ liên quan đến thẻ alt của ảnh cũng được xếp hạng cao trên google
  • Giúp tăng chất lượng bài viết khi chúng ta đăng lên bài viết đó từ đó giúp bài viết được tiếp cận với người đọc và nhiều khách hàng hơn .
  • Giúp Seo hình ảnh tốt hơn trên google và các công cụ tìm kiếm khác

Hướng dẫn triển khai tự động gắn nội dung thẻ ALT cho hình ảnh :

Bước 1 : Chúng ta cần đăng nhập vào tài khoản quản trị website hoặc có thể login trực tiếp và hosting cũng được

Bước 2 : Chúng ta tìm đến phần funtions.php bên trong theme website mà chúng ta đang sử dụng . Nên nhớ là chúng ta sử dụng trên theme WordPress nhé .

funtions

Bước 3 : Mở File Funtions.php lên và dán đoạn code dưới đây vào phần dưới cùng nhé .

function image_alt_tag($content){
global $post;
$attachments = get_posts(array(
‘post_type’ => ‘attachment’,
‘numberposts’ => -1,
‘post_status’ => null,
‘post_parent’ => get_the_ID(),
‘order’ => ‘ASC’,
‘orderby’ => ‘menu_order ID’,
));
$size = ‘archive_thumb’;
if ($attachments) {
foreach ($attachments as $attachment){
$thumb = wp_get_attachment_image_src($attachment->ID, ‘attached-image’);
$images = wp_get_attachment_image($attachment->ID, $size);
preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $content, $images);
if(!is_null($images)) {
foreach($images[0] as $index => $value){
if(preg_match(‘/src=/’, $value)){
$new_img = str_replace(‘<img’, ‘<img alt=”‘.get_the_title().'”‘,$images[0][$index].”);
$content = str_replace($images[0][$index], $new_img, $content);
}
}
}
}
}
else{
preg_match_all(‘/<img.+src=[\'”]([^\'”]+)[\'”].*>/i’, $content, $images);
if(!is_null($images)) {
foreach($images[0] as $index => $value){
if(preg_match(‘/src=/’, $value)){
$new_img = str_replace(‘<img’, ‘<img alt=”‘.get_the_title().'”‘,$images[0][$index].”);
$content = str_replace($images[0][$index], $new_img, $content);
}
}
}
}
return $content;
}
add_filter(‘the_content’, ‘image_alt_tag’, 99999);

Và sau đó chúng ta chỉ cần lưu lại và check xem các thẻ Alt đã có mặt trên tất cả các ảnh của bài viết chưa nhé .

Tổng kết  :

Với cách thêm thẻ Alt tự động thực hiện trên website mã nguồn mở WordPress thì chúng tôi hi vọng mọi người có thể dễ dàng thực hiện một cách nhanh chóng nhé . Nếu có bất kỳ vấn đề gì xin hãy Comment ở dưới để chúng tôi hỗ trợ bạn nhé .

Leave a Reply