Tips SEO: Optimalisasi Konten Gambar di Blogger atau WordPress

0
145

Terkadang seorang blogger pemula seperti saya tidak tahu bahwa SEO bukan hanya saja dengan mengoptimalkan konten judul dan artikel tapi banyak yang harus diperhatikan, salah satu teknik SEO adalah dengan mengoptimalkan gambar.

Kita coba menjadi pengunjung yang sedang mencari sebuah gambar pada tab gambar misal “kodok loncat”, dan tanpa disadari gambar yang dituju adalah gambar yang disertakan dalam artikel dan tanpa sadar biasanya pengunjung membaca artikel yang dibuat.

Nah ini yang dimaksud tadi, teknik SEO dengan gambar, karna gambar yang kita sertakan dalam artikel diberi title dan alternatif teks akan memudahkan search enggine mengenali website kita dan meningkatkan aksesibilitas situs. Search engine, terutama Google menyatakan hanya fokus pada alt teks sebagai faktor penentu peringkat untuk gambar. Namun, ini tidak berarti diabaikan.

Ingat selalu jangan terlalu banyak menanam kata kunci dalam alt text image dan tag title image. Sebaliknya, menulis deskriptif dan membantu teks yang benar-benar menggambarkan gambar tersebut.

Berbedaan antara Alt Text dan Title Image :

Alt text atau text alternatif adalah atribut yang ditambahkan ke tag gambar dalam HTML. Teks ini muncul di dalam wadah gambar ketika gambar tidak dapat ditampilkan. Ini membantu mesin pencari memahami apa isi dari gambar tersebut. Text alternatif juga sangat membantu dalam kasus gambar yang tidak ditemukan pada halaman atau gambar rusak, lihat seperti gambar dibawah ini.

Title image adalah atribut lain yang dapat ditambahkan ke tag gambar dalam HTML. Title image ini digunakan untuk memberikan judul untuk gambar Anda. Text yang Anda masukkan di dalam tag judul tidak akan ditampilkan kepada pengguna ketika gambar tidak dapat ditampilkan. Sebaliknya, tag judul gambar ini ditampilkan saat Anda menyorot gambar dengan mouse.

Alt text image dan title image juga digunakan untuk meningkatkan aksesibilitas situs Anda untuk orang-orang dengan pembaca pada perangkat dengan layar poor vision. Perangkat tersebut akan membaca seluruh artikel text ketika menampilkan gambar. Hal ini menjadikan pengguna mengetahui mengapa Anda menambahkan gambar ke artikel tersebut bahkan jika pengguna tidak bisa melihatnya.

Bagaimana menambahkan Alt Teks atau Title Gambar

Di WordPress

Cara ke 1 edit secara manual

1. Klik menu Media, akan muncul beberapa gambar, klik salah satu gambar akan menampilkan Attachment detail gambar disana bisa Anda tambahkan Title dan Alt Teks

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

2. Atau Anda bisa menambahkannya di Teks Editor saat pertama mengupload gambar di bagian kolom kanan terdapat Title dan Alt Teks

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

3. Atau Anda bisa menambahkannya jika Anda sudah terlanjur membuat dan telah menyertakan gambar di artikel dengan cara edit artikelnya > klik pada gambar > klik icon pena > akan muncul Image details lalu tambahkan Alternativ Teks dan Title Image Attribute di bagian Advanced Options lalu klik update  jika sudah ditambahkan

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress  Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

Cara ke 2 Menggunakan Script

Menambahkan script fungsi filter ke file function.php themes script dikutip dari plugin Restore Image Title, tambahkan script di file function.php themes:

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', 'Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress  post_title);
 	$returnvar = str_replace("alt=\"\"", "alt=\"" . $mytitle . "\"" , $returnvar);
 }
 return $returnvar;
}
add_filter( 'wp_content', 'lcb_restore_image_title', 15, 2 );

Cara menambahkannya sebagai berikut, jangan lupa setelah itu di Save

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

Untuk thunbnail gambar artikel juga bisa ditambahkan script di file index.php atau single.php themes  :

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

Tapi untuk cara ini dirasa banyak permasalahan disarankan untuk gunakan alternatif lain

Cara ke 3 Menggunakan Plugin

Para blogger yang menggunakan WordPress sangat dimanjakan dengan banyak sekali plugin yang berguna baik itu gratis atau berbayar, denga plugin ini kita tidak perlu mengedit satu persatu gambar.

Kali ini tips kopas akan bagi cara otomatisasi penambahan title gambar dan alt menggunakan salah satu plugin wordpress gratis, langkah-langkahnya sebagai berikut:

1. Masuk ke Plugin ketikkan “SEO Image optimizer” di kolom pencarian plugin ENTER lalu klik “Search for plugin the WordPress Plugin Directory” > jika sudah muncul pilih SEO Image optimizer klik Install Now > dan Aktifkan pluginnya

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress  Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

2. Klik menu SEO Image optimizer di dibagian bawah menu Plugins

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

3. Centang On dahulu pada bagian Overide Existing Title dan Overide Existing Alt Attribute

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

4. Lalu Klik pada bagian title value dan juga alt attribute valueNantinya title image atau alt teks akan ditampilkan berdasarkan sitename, name, title, category, tags dan centang yang diinginkan lalu Save Options

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

 

 

Di Blogger
Untuk menambahkan Title Gambar dan Alt Teks di Blogger dilakukkan dengan cara manual caranya sebagai berikut:

1. Buka Blogger

2. Buat baru atau edit Artikel

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

3. Insert gambar baru untuk artikel baru, jika gambar sudah ada klik pada gambar di editor artikel lalu > klik properties

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

4. Isi Alt Text dan Title Image

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

5. Ok

Untuk Blogger akan saya update bila saya menemukan cara menambahkan title gambar dan alt teks secara otomatis, untuk opini kemungkinan cara otomatis ini adalah dengan menambah baris kode javascript.

Di Gambar itu sendiri

Optimalisasi gambar tersebut berada digambar itu sendiri dengan penamaan gambar yang disesuaikan dengan perwakilan gambar, bisa gunakan spasi atau tidak, tapi disarankan terpisah. Hal ini tentunya akan cepat dikenali dan mendapat nilai SEO tersendiri

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

Testing

Cara Test 1 dengan membuka salah satu artikel dan kita coba sorotkan apakah akan menampilkan title gambar

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

Cara Test 2 dengan melakukkan Inspect di Chrome Browser untuk melihat kode html gambar, lihat apa terdapat title image dan alt teks

Tips SEO: Optimalisasi Konten Gambar di Blogger atau Wordpress

Semoga artikel ini membantu, tuliskan saran dan kesan komentarmu di kolom komentar untuk menjadikan Tips Trik Kopas menjadi lebih baik lagi, trimakasih