Kategoriler
WordPress

WordPress resimlere otomatik alt etiketi eklemek

WordPress sitenize eklediğiniz resimlerin eğer yok ise alt etiketlerinin otomatik olarak oluşturulması ve bu sayede SEO performansının yükseltilmesi.

SEO noktasında site içerisinde var olan görsellerin/resimlerin alt=”seo metni” etiketinin olması önemlidir. WordPress sitenize görsel eklerken eğer bunu düşünmemiş ve hiç eklememiş iseniz bir fonksiyon sayesinde eski tüm görsellere alt etiketinin otomatik olarak eklenmesini sağlayabilirsiniz.

Bu işi yapan WordPress eklentileri de mevcut ancak temanızın function.php dosyası içerisine ekleyeceğiniz bir kodla eklentiye gerek kalmadan konuyu çözebilirsiniz, işte kod:

function otomatik_alt_etiketi_ekle( $content ){
  global $post;
  if ( empty( $post ) ){
    return $content;
 }
  $old_content = $content;
  preg_match_all( '/<img[^>]+>/', $content, $images );
  if ( ! is_null( $images ) ){
    foreach ( $images[0] as $index => $value ){
      if ( ! preg_match( '/alt=/', $value ) ){
        $new_img = str_replace( '<img', '<img alt="' . esc_attr( $post->post_title ) . '"', $images[0][ $index ] );
        $content = str_replace( $images[0][ $index ], $new_img, $content );
     }else if ( preg_match( '/alt=["\']\s?["\']/', $value ) ){
        $new_img = preg_replace( '/alt=["\']\s?["\']/', 'alt="' . esc_attr( $post->post_title ) . '"', $images[0][ $index ] );
        $content = str_replace( $images[0][ $index ], $new_img, $content );
     }
   }
 }
  if ( empty( $content ) ){
    return $old_content;
 }
  return $content;
}
add_filter( 'the_content', 'otomatik_alt_etiketi_ekle', 9999 );

Bu kod sayesinde resimlerinizin tamamına alt eğer halihazırda yok ise etiketi otomatik eklemiş olacaksınız, direk olarak ilgili sayfanın başlığını görselin alt etiketi yapacak ve SEO performansı elde etmiş olacaksınız.

Alt etiketi/Alternatif metin nedir?

Alt etiketi web sayfasında bulunan bir görselin eğer görsel tarayıcı tarafından yüklenmez ise görseli anlatmak için gösterilecek metindir, ayrıca ekran okuyucuları tarafından görselin seslendirilmesi için kullanılan metindir. Bu görme engelli insanlar için kullanılmakla birlikte Google arama motoru da bu etiketleri göz önünde bulundurarak algoritmasında değerlendirmektedir. Özetle alt etiketi ilgili görselin ne olduğunu anlatan bir kelime veya cümledir, daha fazla bilgi için Wikipedia.

Peki WordPress’de bir görsele nasıl alt etiketi eklenir?

Bunu yapmak için görseli yüklediğinizde veya görseli düzenleme sayfasına girdiğinizde çıkan sayfadan “alternatif metin” kısmını doldurmanız yeterli olacaktır, bu WordPress’e dosyayı yüklerken varsayılan olarak dosyanın ismi eklenmiş olur örnek: 1234.png yüklemiş iseniz alternatif metin “1234” şeklinde oluşur, tabii ki bunu değiştirmek ve gerçekten görselin ne olduğunu anlatan bir cümle girmek hem SEO hem kullanılabilirlik açısından çok daha iyidir. Örnek görsel bir alt satırda;

alt-etiketi-wordpress

Kolay gelsin, iyi SEO’lar.