22 October 2023

Memasang Otomatis Alt dan Title pada Thumbnail Postingan Blog

بِسْــــــــــــــــمِ اﷲِالرَّØ­ْÙ…َÙ†ِ الرَّØ­ِيم

Memasang Otomatis Alt dan Title pada Gambar Postingan Blog
ALT TITLE Gambar pada postingan merupakan identitas awal bagi seorang blogger untuk menerjemahkan apa isi dari artikel postingan tersebut. Dengan thumbnail maka gambar dapat menceritakan segalanya. Dari gambarlah artikel yang menjuntai kebawah dari postingan menjadi sangat jelas dan gampang untuk dipahami.

Secara tanpa gambar maupun video, maka artikel akan terasa gersang. Bagaikan padang pasir tanpa hamparan hijau rerumputan di savananya. Begitu pula bila gambar atau thumbnail tanpa keterangan caption ketika dihover dengan mouse maka gambar itu akan menjadi tidak SEO.

Dengan apapun itu, SEO dalam sebuah gambar menjadi hal yang sangat penting dan akan kita bahas. Terus bagaimanakah gambar yang SEO itu. Sebuah gambar dalam postingan atau Thumbnail, akan disebut SEO bila salah satunya terdapat Alt + Title IMG. Sehingga ketika gambar itu kita hover dengan mouse akan serta merta muncul sebuah deskripsi keterangan yang ada padanya.

Dengan keterangan itulah kita akan tahu apa isi dari artikel yang akan dibaca. Semakin jelas deskripsi sebuah gambar, maka gambar atau thumbnail itu akan cepat dikenali oleh mesin pencari dan dapat keindex dengan cepat. Sehingga akan mendapatkan skor tinggi untuk ditemukan para pengunjung dunia maya.



Pemakaian element ALT dan Title pada sebuah gambar menjelaskan supaya thumbnail tersebut tidak terdapat Image Missing Descriptions dan Image Missing Title. Karena akan terjadi hal yang tidak mengenakkan pada pencarian di Search Engine. Dimana gambar itu tidak akan dapat ditemukan ketika beberapa pengunjung dunia maya mencarinya dengan sebuah kata kunci tertentu. Ada dua cara yang akan diterapkan disini yaitu :

a. Cara Manual
b. Cara Otomatis



BAB Pertama

Cara Manual
1. Masuk ke BLOGGER
2. Menuju ke POSTINGAN
3. Klik MODE TULISAN
4. Upload gambar kalian di Item SISIPKAN GAMBAR
5. Setelah terupload, isi PROPERTY gambar dengan ATL dan Title yang sudah tersedia
6. Sudah itu saja dan SAVE

BAB Kedua

Cara Otomatis
1. Masuk ke BLOGGER
2. Klik Tema -- Sesuaikan -- pilih EDIT HTML
3. Cari kode </body> yang ada pada template blog kalian
4. Taruh kode dibawah ini persis diatas kode </body>
<script type='text/javascript'>  
//<![CDATA[  
 $(document).ready(function() {  
  $('img').each(function(){  
   var $img = $(this);  
   var filename = $img.attr('src')  
   $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  
   $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  
  });  
 });  
//]]>  
</script>


Perhatian !
Bila kode tidak bekerja dengan baik, maka kalian mesti menambahkan kode dibawah ini persis diatas kode </head>


<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>


5. Terakhir SAVE dan PUBLIKASIKAN

Sekian saja tutorial malam ini semoga bermanfaat ya teman-teman. Cobalah kalian belajar menggunakan teknik SEO apapun itu termasuk pada gambar. Karena pencarian gambar pada Search Engine lebih sering dilakukan oleh visitor ketimbang menggunakan keyword berupa kata atau kalimat.

Sehingga bila kalian mencoba mempelajari ini, tidak mustahil pencarian gambar akan menjadi salah satu trik penting untuk menempati halaman pertama Google Search Engine.

Kutipan dari orang termashur mengungkapkan, "Belajarlah kalian hingga ke negeri Tirai Bambu China." Tidak ada hal yang mustahil, selama kita mau, apapun itu dapat kita kejar. Hanya melalui proses yang panjanglah, hasil maksimal akan kita dapatkan. Karena dunia di zaman sekarang sudah menjadi hal mutlak bagi para pencari ilmu lewat dunia maya dan informasi yang semakin hari semakin beragam.

Semua tidak ada yang serba instant ya, tidak sedikit blogger di luar sana belajar hingga tua untuk menjadi yang terbaik. Masa kita tidak? Tetap berusaha menjadi yang terbaik ya teman-teman. Selamat malam. Salam Blogger.

Bagikan ke teman-teman kamu
Label Postingan : Tips Blog

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Memasang Otomatis Alt dan Title pada Thumbnail Postingan Blog . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon