WordPress – Menambahkan Tag Alt dan Title Otomatis

Sebagaimana yang kita ketahui bahwa tag alt dan title pada gambar juga ikut andil dalam menambahkan penilaian SEO untuk sebuah blog atau website. Sayangnya, untuk orang-orang yang sering lupa (termasuk saya) kadang tag alt dan title sering terlewatkan pengisiannya. Dalam posting kali ini, saya akan sedikit share cara menambahkan tag alt dan title otomatis di WordPress.

Pentingnya tag ALT dan Title

Google dalam panduan webmaster-nya memberitahukan bahwa:

The alt attribute is used to describe the contents of an image file. It’s important for several reasons:

• It provides Google with useful information about the subject matter of the image. We use this information to help determine the best image to return for a user’s query.
• Many people-for example, users with visual impairments, or people using screen readers or who have low-bandwidth connections—may not be able to see images on web pages. Descriptive alt text provides these users with important information.

Yang harus di garis bawahi adalah Google akan menggunakan informasi yang ada pada gambar (termasuk tag title, alt, nama file, dan sebagainya) untuk memberikan hasil pencarian terbaik kepada pengguna Google. Oleh karena itu, tag title dan alt sangat berpengaruh pada nilai SEO.

Menambahkan Tag Alt dan Title Otomatis

Menambahkan tag alt dan title secara otomatis untuk gambar di dalam konten wordpress sebenarnya cukup mudah, silakan tambahkan script berikut ini di dalam function.php.

function lcb_restore_image_title( $html, $id ) {
 $attachment = get_post($id);
 if (strpos($html, "title=")) {
 $returnvar = $html;
 } 
 else {
 $mytitle = esc_attr($attachment->post_title);
 $returnvar = str_replace('<img', '<img title="' . $mytitle . '" ' , $html);
 }
 if (strpos($returnvar, "alt=\"\"")) {
 $mytitle = esc_attr($attachment->post_title);
 $returnvar = str_replace("alt=\"\"", "alt=\"" . $mytitle . "\"" , $returnvar);
 }
 return $returnvar;
}
add_filter( 'wp_content', 'lcb_restore_image_title', 15, 2 );

Script diatas saya kutip dari plugin wordpress Restore Image Title – plugin yang fungsinya untuk menambahkan title secara otomatis pada gambar saat kita memposting artikel baru.

Akan tetapi saya menambahkan fungsi penambahan tag alt secara otomatis jika gambar tidak ditentukan alt-nya dan hook filternya mengacu pada wp_content, sehingga semua gambar yang ada di posting/artikel terdahulu juga akan otomatis di set tag alt dan title nya pada saat halaman blog di render. Tag alt dan title yang digunakan adalah judul posting/artikel pada blog.

Hasilnya adalah sebagai berikut (saat mouse di hover pada gambar didalam posting):

Selain gambar pada posting/artikel, tag alt dan title juga perlu di tambahkan pada thumbnail atau featured image. Untuk melakukan hal ini, silakan edit themes yang sobat gunakan (terutama pada file index.php atau single.php). Gunakan script php seperti contoh dibawah ini:

<php the_post_thumbnail( 'thumbnail', array('title' => the_title_attribute('echo=0'),'alt' => the_title_attribute('echo=0'))); ?>

Hasilnya adalah sebagai berikut (saat mouse di hover pada thumbnail):

Oke, demikian sedikit share tentang cara menambahkan tag alt dan title otomatis untuk blog atau website yang berbasis wordpress. Semoga bermanfaat!