WordPress – Menambahkan Tag Alt dan Title Otomatis

Ditulis oleh Beri komentar Lihat komentar

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!


Related Posts

Filed under

SEO dan Blogging

| Tags:

  1. Udeh Nans Stuntman Blogger

    Mas, mau nanya itu menambahkab kode

    the_title_attribute(‘echo=0′),’alt’ => the_title_attribute(‘echo=0’))); ?>

    Tepatnya disebelah mananya ya ?

    Apakah harus ditaruh di awal ataudi akhir atau di tengah2..

    terima kasih atas jawabannya

    • setelah saya ricek, ternyata teknik ada kekurangannya. ada baiknya mas pake plugin saja untuk menambahkan auto rel dan title.

  2. Udeh Nans Stuntman Blogger

    Saya sudah coba pake SEO Image Friendly tapi tidak berpengaruh untuk gambar thumbnail mas…

    Ada saran plugin lain mas ? Soalnya tiap kita upload gambar, terkadang dikompress menjadi beberapa ukuran oleh WP.

    terima kasih

    • seo image friendly hanya bisa menambahkan title dan alt pada image yg baru di post. setau saya, cuman ada plugin itu untuk auto atribut pada img. cara yg saya pake di atas kadang error, dan bikin penuh error.log di server. :)

  3. Udeh Nans Stuntman Blogger

    Iya mas, yang diatas juga itu stringnya kurang tanda tanya…

    Saya sedang ngoprek2 sendiri.. dapet juga beberapa cara, emang harus manual,,, lumayan ribet.

  4. wadiyo @Blog ManagemenKeuangan.net

    coba dulu deh,
    kalau oke ya implementasikan.
    thanks bro

Leave a Comment